Tips And Trick Fajri For World

Banner 468 x 60

Loading...

Cara Membuat Banner Terseludup Di Footer


Assalamualaikum,

Saya akan memberikan tutorial blog lagi nih, yaitu "Cara Membuat Banner Terseludup Di Footer
mau tau caranya? langsung saja yuukk!!


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>

#GoBlog{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;}
#GoBlog 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;
}
#GoBlog: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='GoBlog'><h2>BANNER TERSELUDUP</h2>
 <a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a><a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a><<a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a> <a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a><a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a> <a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a> <a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a> <a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a> <a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a> <a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a> <a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></a> <a href="http://error-99.blogspot.com/" target="_blank"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png" title="visit now" /></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!!


0 Response to "Cara Membuat Banner Terseludup Di Footer"

Konversi Kode Follow Blog Archive