Kemarin kita telah membuat tutorial cara membuat link menari dan link ada hantunya, nah sekarang kita lanjutkan kepada cara membuat link bergerak miring saat disentuh dan anda bisa mengatur posisi dimana saja yang anda inginkan untuk memiringkan link yang di sentuh.
Pada tutorial kali ini saya ingin sharingkan link yang bergerak miring pada bagian posting saja, bagaimana cara membuatnya ?
Masuk ke blogger => di dasbor_klik rancangan => Edit HTML => Centang kotak
Jika sudah ketemu, tentukan lokasi link yang akan anda miringkan
*Contoh: saya ingin memiringkan link pada lokasi posting saja, maka saya menemukan kode
.post-body a:hover {
Lalu tambahkan dibawahnya kode untuk memiringkan tulisan
Maka hasilnya sbb:
Contoh gambar seperti di bawah ini :
Jika ingin di sidebar saja, cari kode yang mendekati seperti #sidebar1 ,biasanya format kode di template seperti ini :
Catatan: jika ingin mengetahui teknik pencarian kode, anda bisa membaca artikel ini: Mengapa kita tidak bisa menemukan kode HTML blog yang kita cari
Anda bisa memiringkan link dimana saja yang anda mau, tinggal cari sendiri kodenya. Tidak susah jika anda sering memperhatikan penulisan kode HTML atau Edit Template. Intinya anda harus melakukannya, kalau hanya melihat dan membaca artikel ini, anda tidak akan tau caranya.
Masih banyak lagi tehnik modifikasi link yang bisa anda buat selain link bergerak miring saat disentuh, akan saya posting pada post selanjutnya & Silahkan berlangganan artikel menarik lainnya dibawah ini.
Pada tutorial kali ini saya ingin sharingkan link yang bergerak miring pada bagian posting saja, bagaimana cara membuatnya ?
Masuk ke blogger => di dasbor_klik rancangan => Edit HTML => Centang kotak
a:hover {
Jika sudah ketemu, tentukan lokasi link yang akan anda miringkan
*Contoh: saya ingin memiringkan link pada lokasi posting saja, maka saya menemukan kode
.post-body a:hover {
Lalu tambahkan dibawahnya kode untuk memiringkan tulisan
font-style:italic;
Maka hasilnya sbb:
.post-body a:hover {
font-style:italic;
text-decoration: underline;
color: $mainHoverLinkColor;
}
Contoh gambar seperti di bawah ini :
Jika ingin di sidebar saja, cari kode yang mendekati seperti #sidebar1 ,biasanya format kode di template seperti ini :
#sidebar1 a:hover, #sidebar2 a:hover, #sidebar3 a:hover, #sidebar4 a:hover {
MAKA SELIPKAN KODE PEMIRING TULISAN (font-style:italic;) DISINI
text-decoration: none;
color: $sidebar1HoverLinkColor;
}
Catatan: jika ingin mengetahui teknik pencarian kode, anda bisa membaca artikel ini: Mengapa kita tidak bisa menemukan kode HTML blog yang kita cari
Anda bisa memiringkan link dimana saja yang anda mau, tinggal cari sendiri kodenya. Tidak susah jika anda sering memperhatikan penulisan kode HTML atau Edit Template. Intinya anda harus melakukannya, kalau hanya melihat dan membaca artikel ini, anda tidak akan tau caranya.
Masih banyak lagi tehnik modifikasi link yang bisa anda buat selain link bergerak miring saat disentuh, akan saya posting pada post selanjutnya & Silahkan berlangganan artikel menarik lainnya dibawah ini.
Review:
Judul | Membuat link bergerak miring saat disentuh |
Deskripsi | Kemarin kita telah membuat tutorial cara membuat link menari dan link ada hantunya , nah sekarang kita lanjutkan kepada cara membuat link b... |
Author | Unknown |
Author Rating |
4/
5 Suara Dari 1001 Ulasan
|
Dapatkan artikel menarik lainnya : Klik disini
Jadilah Orang Pertama yang mengomentari...
Artikel Membuat link bergerak miring saat disentuh
.MODIF LINK
BLOGGER
- Cara menghapus blog dengan mudah dan singkat
- Cara modifikasi template blog kreasi sendiri
- Cara membetulkan histats yang error
- Memantau trafik lewat facebook insights
- Cara membuat 2, 3, 4 kolom footer blog
- Bagaimana Cara saya menjadi blogger master
- Komentar admin menjorok ke dalam seperti wordpress
- Cara membuat komentar blogspot seperti wordpress
- Efek CSS mempercantik link di sidebar
- Membuat navigasi horizontal sublevel sesuai selera
- Cara membuat efek air pada gambar blog
- Ikon cantik pada older newer post
- Cara menampilkan foto di komentar blog
- Cara membuat buku tamu di blog
- Cara mendapatkan alamat feed blog
- Cara menghapus entri blog
- Panduan untuk meringankan blog anda
- Cara cek loading blog
- Cara mendapatkan hadiah dari google
- Cara berhenti menjadi followers blog
- Cara manual menjadi followers blog
- Tips nge-blog: ingat sekarang era panda !
- Cara membuat blog gratis dalam 3 langkah mudah
- Cara alami menghadapi google panda
- Cara membuat template blog kreasi sendiri