Ada yang ingin menambahkan sesuatu yang baru dalam blognya? Misalkan
kolom iklan yang diletakkan diatas tempat posting. Seperti yang terdapat
dalam blog IT Programmer ini, terdapat 7 kolom iklan yang berbaris
diatas tempat posting artikel IT Programmer. Untuk itu saya akan
memberikan tips dan trik ini kepada teman-teman sekalian.
Kolom 7 iklan ini tentu akan sangat berguna untuk menambah space kolom
untuk iklan kalian, selain itu, jika kalian mengikuti program seperti
PPC atau PTC, kalian dapat memasang bannernya disana, sehingga bisa
mendapatkan refferal dari pengunjung.
Hal pertama yang harus kalian lakukan tentu saya masuk ke akun blog
masing-masing. Masuklah ke menu design, lalu cari Edit HTML. Jangan lupa
beri tanda centang pada Expand Templatea Widgets. Setelah itu, copy
code berikut dan paste diatas kode
.
Jika dalam blog kalian terdapat sidebar kiri, maka paste code diatas
tepat diatas kode sidebar kiri kalian. Lalu ganti kode
emailmu@apapun.com dengan alamat emailmu, misalkan emailmu@yahoo.com.
Jika sudah, copy code berikut dan paste sebelum kode ]]>.
#sidebar-ads {
width:970px;
margin-bottom:5px;
float:right;
background:#fff;
padding:10px;
}
.ads-sidebar{float:left; margin:0pt; padding:0pt}
#sidebar-ads ul li ul{list-style-type:square; margin-left:1.5em;
padding:0; border:0}
#sidebar-ads ul li ul li{border:0}
#sidebar-ads .ads-sidebar ul{background:transparent none repeat scroll
0% 50%; border:1px solid transparent; float:left; margin:0pt;
padding:10px 0pt 10px 2px; width:970px}
#sidebar-ads .ads-sidebar ul li{display:inline; list-style-type:none;
margin:0pt; padding:0pt}
#sidebar-ads .ads-sidebar ul li a:hover{border-bottom:none;
list-style-type:none}
.ads-sidebar ul{margin:0px; padding:0px}
.ads-sidebar ul li a{float:left}
.ads-sidebar img{margin:0px 0px 5px 5px; border:1px solid #CCC;
padding:2px}
.ads-sidebar img:hover{border:1px solid #999}
Lalu ubah dan sesuaikan lebar atau width blog anda. Ganti kode berwarna
merah dengan lebar blog anda. Lalu simpan template.
Original Source : http://world-of-programmer.blogspot.com/2010/07/cara-memasang-kolom-7-iklan-di-blog.html
Copyright world-of-programmer.blogspot.com
Original Source : http://world-of-programmer.blogspot.com/2010/07/cara-memasang-kolom-7-iklan-di-blog.html
Copyright world-of-programmer.blogspot.com
Posting Komentar