- Back to Home »
- Tips 'N Trick , Trik Blog »
- Cara Membuat Banner Terseludup Di Footer
Posted by : Asfar
Kamis, 22 Agustus 2013
Hallo sobat,, XD
kali ini masih bersama saya, saya akan selalu berbagi trick lagi nih yang pastinya bermanfaat bagi sobat smua XD,,, Silahkan dicoba yaa, Trick yang akan saya bagikan kali ini adalah Cara Membuat Banner Terseludup Di Footer WooooW (Lebay -_-) ini saya post karna ada tmen grup yang minta kasih tau caranya, yaudah saya buat nih posting hehehe,, mumpung lgi gk ad ide posting nih hari ini ehh malah dapat ide dari teman hahahahhaha,,, nih kalau mau liat demonya bisa liat gambar dibawah ini...
Sebelum Disentuh Kursor
Setelah Disentuh Kursor
yuk langsung saja ikuti caranya...
Pertama Sobat pasti sudah tau yaituuuu,,,,,,
Login Blogger ---> Dashboard ---> Template ---> Edit Html
Kita mulai menambahkan CSSnya dahulu ya !!
Cari Kode ]]></b:skin> Agar Lebih mudah dalam mencari, sobat gunakan Ctrl + F
Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
#AnonymousR{margin-top:-10px;margin-left:0px;width:1070px;height:28px;background:#181818;border:3px solid#0000ff; border-radius:30px;
-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;overflow:hidden;}
#AnonymousR h2{color:#fff;font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;background:#060000;font-weight: normal;font-size: 15pt;background:#060000;text-align:center;
}
#AnonymousR:hover{height:60px;}
#team{position:absolute;margin-left:280px;height:310px;width:210px;overflow:hidden;background:transparent;margin-top:-150px;}
Keterangan:
Merah : Lebar Kotak
Biru: Warna Background
Hijau: Warna Border (Garis)
Kemudian Sobat masukkan Kode Htmlnya
Cari Kode <div id='footer'><div class='footer'> kalau gak ada ya cari <div id='footer'>
Masukkan kode Dibawah ini tepat dibawah kode tadi
<div id='AnonymousR'><h2>BANNER TERSELUDUP</h2>
<a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a> <a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a> <a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a> <a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a> <a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a> <a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a> <a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a> <a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a> <a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a> <a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a><a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a><a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a>
</div>
Tulisan Warna Merah Silahkan ganti dengan kode Banner 88x31 Sobat kalau bisa sisakan 1 kode banner saya ya XD
Kemudian, Simpan...
Tamat...
Sekian Artikel hari ini yang dapat saya sampaikan dengan Artikel Berjudul Cara Membuat Banner Terseludup Di Footer semoga artikel ini bermanfaat dan menambah ilmu blogger Sobat. Wassalam,,
Copass?? Sertakan Sumber Dunk :(
Kalo kurang jelas bisa komentar!!
(Y)
BalasHapus:v (y)
Hapusnice post sob..
BalasHapuscomment back.. > http://akisada-ryo.blogspot.com/
oke,, komen back meluncur
HapusMantep juga nih sob..
BalasHapusIkut nyoba ah..
Jangan lupa komentar juga yang saya ya.. http://z-cybertycku.blogspot.com/2013/08/cara-merubah-tampilan-facebook.html
ya sob, komen back segera meluncur secepatnya
Hapus