Cara membuat banner 88x31 melayang di samping kiri

Apa kabar teman-teman kali ini saya akan membahas tentang cara membuat banner 88x31 melayang di samping kiri. Bertukar banner sesama blogger adalah hal yang wajib untuk para blogger, bertukar banner membuat ikatan sesama blogger tidak putus dan banner juga bisa menambah banyak teman sesama blogger. Langsung saja kita bahas :

1. Masuk ke blogger.com
2. Pilih blog yang anda inginkan dan pilih template
3. Kilk edit html
4. Cari kode ]]></b:skin>
5. Kalau sudah ketemu kode ]]></b:skin> taruh kode ini diatas ]]></b:skin>

#bannerfariz{border:3px solid #fff;opacity: 1;margin-left: -110px;z-index:999;margin-top:-50px;background-size:100px;position: fixed;border-radius:0px 0px 0px 0px;width: 88px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;text-align: center;font-size: 0px;background:#54c0d1;}#bannerfb-4rt img{opacity:.3;width:88px;height:31px;margin-bottom:0px-webkit-transition:All;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}#bannerfariz img:hover{opacity:1.0;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;box-shadow: 1px 1px 10px #ffffff }

 Keterangan :

#fff (Garis pinggir warna putih)

#54c0d1 (Background banner warna biru)

 #ffffff (Bayangan banner berwarna putih jika disorot mouse)

6. Tinggal 1 cara lagi, cari kode yang menghubungkan dengan navigation anda

7. Kalau sudah ketemu tinggal taruh kode di bawah ini

<div id='bannerfariz'>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
<a href='http://fariz-shared.blogspot.com/' target='_blank' title='By Sharing Everyone Will Know'><img border='0' src='http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114'/></a>
</div>

 Keterangan : 

http://fariz-shared.blogspot.com/ adalah URL blog kamu

By Sharing Everyone Will Know adalah deskripsi blog kamu

 http://i511.photobucket.com/albums/s353/Nizar_Alfarizi_Akbar/Banner-Fariz-Shared-88x31_zpsb0b7da2b.gif?t=1399298114 adalah Url gambar kamu

8. Kalau sudah tinggal simpan template 

Jika anda ingin mencopy artikel ini harap menyertakan Sumber

Share : Facebook Twitter Google+ Linkedin