TIPS SEDERHANA MEMBUAT EFEK LINK PADA BLOG
Asalamualaikum wr.wb
Karena setelah sekian lamanya saya tidak posting tentang tips blog di blog ini, maka untuk mengisi kekosongan kali ini saya akan memberikan sedikit tips sederhana membuat efek link pada blog. Mungkin sudah banyak yang tahu soal ini tapi ga apa - apa lah, toh semua yang saya sharing ini semata mata untuk berbagi dan semoga saja bisa bermanfaat khususnya para Blogger Newbie wkwkwk ( padahal saya juga Newbie ).
Banyak para blogger yang mendesign blognya secantik mungkin mulai dari memasang mp3, script animasi, memasang widget widget lucu, efek salju yang bertaburan dan sebagainya. Yang itu semua bertujuan agar para pengunjung bisa lebih betah di blog kita. Semakin orang betah berarti semakin sering juga dia berkunjung. Apalah artinya konten bagus kalau naruhnya semrawut dan membingungkan. tapi sebaliknya artikel yang biasa saja tapi berada di tempat yang cantik dan indah akan membuat orang lebih tertarik. Ibarat cewek cantik tapi pakai pakaian lecek dan cewek sedeng2 tapi pakai pakaian yang luwes. Tentu orang akan lebih memilih cewek sedeng2 ini daripada yang cantik. Kok malah ngelantur sampai ke cewek segala ya....hadeeeh.
OK lah sobat pembaca semuanya kembali ke Efek Link tadi ya, Efek link ini akan bekerja saat kita arahkan cursor ke link yang ada di Blog kita, lalu bagaimana membuatnya langsung aja disimak.
1. Membuat Efek Link Terbakar
Masuk ke Dashboard > Template > Edit Template dan Expand templatenya
Cari kode a:hover { ( tekan ctrl+F untuk lebih cepat pencarian )
Tambahkan kode ini tepat dibelakangnya
Dan terakhir klik Save
2. Membuat Efek Link Pelangi
Masuk Dashboard > Layout > Add Gadget > HTML java Script dan Copas kode dibawah ini
3. Membuat Efek Link Bintang Berkelip
Masuk Dashboard > Template > Edit Template > Expand Semua
Kemudian cari kode </head> Masukan kode dibawah ini tepat diatasnya, ada 2 pilihan warna untuk scriptnya :
Bintang warna Ungu
Bintang Warna Kuning
Dan terakhir klik Save Template
Demikianlah semoga bisa membantu dan bermanfaat
Asalamualaikum wr.wb
Karena setelah sekian lamanya saya tidak posting tentang tips blog di blog ini, maka untuk mengisi kekosongan kali ini saya akan memberikan sedikit tips sederhana membuat efek link pada blog. Mungkin sudah banyak yang tahu soal ini tapi ga apa - apa lah, toh semua yang saya sharing ini semata mata untuk berbagi dan semoga saja bisa bermanfaat khususnya para Blogger Newbie wkwkwk ( padahal saya juga Newbie ).
Banyak para blogger yang mendesign blognya secantik mungkin mulai dari memasang mp3, script animasi, memasang widget widget lucu, efek salju yang bertaburan dan sebagainya. Yang itu semua bertujuan agar para pengunjung bisa lebih betah di blog kita. Semakin orang betah berarti semakin sering juga dia berkunjung. Apalah artinya konten bagus kalau naruhnya semrawut dan membingungkan. tapi sebaliknya artikel yang biasa saja tapi berada di tempat yang cantik dan indah akan membuat orang lebih tertarik. Ibarat cewek cantik tapi pakai pakaian lecek dan cewek sedeng2 tapi pakai pakaian yang luwes. Tentu orang akan lebih memilih cewek sedeng2 ini daripada yang cantik. Kok malah ngelantur sampai ke cewek segala ya....hadeeeh.
OK lah sobat pembaca semuanya kembali ke Efek Link tadi ya, Efek link ini akan bekerja saat kita arahkan cursor ke link yang ada di Blog kita, lalu bagaimana membuatnya langsung aja disimak.
1. Membuat Efek Link Terbakar
Masuk ke Dashboard > Template > Edit Template dan Expand templatenya
Cari kode a:hover { ( tekan ctrl+F untuk lebih cepat pencarian )
Tambahkan kode ini tepat dibelakangnya
text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
Dan terakhir klik Save
2. Membuat Efek Link Pelangi
Masuk Dashboard > Layout > Add Gadget > HTML java Script dan Copas kode dibawah ini
<script src="http://tutorialblogspot.googlecode.com/files/LinkPelangi.js" type="text/javascript"></script>
3. Membuat Efek Link Bintang Berkelip
Masuk Dashboard > Template > Edit Template > Expand Semua
Kemudian cari kode </head> Masukan kode dibawah ini tepat diatasnya, ada 2 pilihan warna untuk scriptnya :
Bintang warna Ungu
<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbqrKXDCPgF6lsZ2P-HPGH59KA7B4DouFdeidS2_uYGG5v5iPU4ojVojZCzeNd_lIGc0LiVm-NogLUFFCXYrWpzksrAdZkJqpyKVUWtVD6YnxfVLYTQLsg2nFWYh35p7YVyXQQpCEs6A/s1600/str4.gif); }
</style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbqrKXDCPgF6lsZ2P-HPGH59KA7B4DouFdeidS2_uYGG5v5iPU4ojVojZCzeNd_lIGc0LiVm-NogLUFFCXYrWpzksrAdZkJqpyKVUWtVD6YnxfVLYTQLsg2nFWYh35p7YVyXQQpCEs6A/s1600/str4.gif); }
</style>
Bintang Warna Kuning
<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYMIuwh6hLfH5qhrpnH2CNOjSLTH_PLEqlPNeIFIuVH_pQiwSl8CV5BPLPhUQyv5AT-xAbeTh8jWCd24vHEPXzuOol85E8BTULOp4Vmq_Yad6HCF42MulUn57n-CWuKsYbluunkJKSxRE/s1600/blink.gif); }
</style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYMIuwh6hLfH5qhrpnH2CNOjSLTH_PLEqlPNeIFIuVH_pQiwSl8CV5BPLPhUQyv5AT-xAbeTh8jWCd24vHEPXzuOol85E8BTULOp4Vmq_Yad6HCF42MulUn57n-CWuKsYbluunkJKSxRE/s1600/blink.gif); }
</style>
Dan terakhir klik Save Template
Demikianlah semoga bisa membantu dan bermanfaat
===========================================================
CONTACT ADMIN
Bisa langsung gabung di GRUP kami,untk bisa share berbagi tips dan trik internet dengan banyak teman.
Terimakasih Atas kunjungan teman bloger semuanya mohon tinggalkan jejak biar kita bisa saling berkunjung.dan tidak lupa bagi teman -teman mohon saran dan bimbingannya,agar kita bisa saling berbagi dan maju bersama.terimakasih
COMENT ConversionConversion EmoticonEmoticon