Monday 26 August 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!!


Share artikel ke: Facebook Twitter Google+ Linkedin Digg

2 comments

Gunakanlah bahasa yang sopan
Tidak mengandung SARA (Agama, Suku, Dll)
Tidak menyertakan link aktif.
Jika melanggar syarat diatas komentar akan saya anggap SPAM
Konvert KodeMember AktifJoin This Blog

Copyright © 2013 - Ori By Djogz - All Rights Reserved

close