Cara Membuat Efek Api pada Link di Blog, [SEOSangatMudah] - Hallo sobat blogger yang berbahagia Tips & Trik SEO, Posting yang saya unggah pada kali ini dengan judul Cara Membuat Efek Api pada Link di Blog, [SEOSangatMudah] , Artikel ini bertujuan untuk memudahkan kalian mencari apa yang kalian inginkan, kami telah mempersiapkan artikel ini dengan baik untuk kalian baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel desain, Artikel tips trik blogging, yang kami tulis ini dapat kalian pahami dengan baik, semoga artikel ini berguna untuk kalian, jika ada kesalahan penulisan yang dilakukan oleh penulis mohon dimaafkan karena penulis masih newbie. baiklah, selamat membaca.

Judul : Cara Membuat Efek Api pada Link di Blog, [SEOSangatMudah]
link : Cara Membuat Efek Api pada Link di Blog, [SEOSangatMudah]

Cara Membuat Efek Api pada Link di Blog, [SEOSangatMudah]

Cara Membuat Efek Api pada Link di Blog � Kemarin lusa saya telah membahas cara membuat 1 link dengan 2 tujuan berbeda. Sekarang, saya akan membahas cara membuat efek api (atau terbakar) pada link di blog. Saya ucapkan terima kasih pada admin blog izal-sragi.blogspot.com, yang telah membagi script ini. Secara pribadi, efek api pada link ini terlihat cukup keren dan menarik pengunjung, serta dapat menambah nilai seni pada blog. Efek ini akan terlihat apabila pengunjung blog meletakkan pointer mouse diatas link. Untuk lebih detailnya, silahkan lihat gambar disamping

Berikut ini langkah � langkahnya :

1. Login ke Blogger.com, lalu masuk ke Template.
2. Backup template blog Anda (lihat caranya disini).
3. Klik tombol Edit HTML, dan tekan CTRL+F, dan cari kode a:hover{ (Jika Anda tidak menemukan kode ini, tolong baca catatan dibawah.)

Contoh : Di blog saya, kodenya seperti ini : a:hover{text-decoration:none;}

4. Jika sudah ketemu, pastekan kode berikut (setelah a:hover{)

text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

Sehingga, kode akhirnya akan menjadi :

a:hover{text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

5. Terakhir, klik Simpan template.

Catatan : Jika di blog Anda tidak ada kode a:hover{, silahkan copy kode berikut dan pastekan di Edit HTML (dibawah <b:skin><![CDATA[ )  :

a:hover{text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

text-decoration:none;

}

Bagaimana, mudah bukan? Selamat mencoba membuat / memasang efek api pada link di blog! Tolong juga like blog ini di Facebook, follow di Twitter, dan Add Google + nya. Ups, satu lagi. Tolong pula berikan Google +1! Selamat mencoba, terima kasih dan salam blogger!

Demikianlah Artikel Cara Membuat Efek Api pada Link di Blog, [SEOSangatMudah]

Sekianlah artikel Cara Membuat Efek Api pada Link di Blog, [SEOSangatMudah] kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Efek Api pada Link di Blog, [SEOSangatMudah] dengan alamat link http://seosangatmudah.blogspot.com/2014/07/cara-membuat-efek-api-pada-link-di-blog.html

Tweet