Cara menambahkan 2 kolom Widget Di atas Postingan - BLOGATTANAHI
Headlines News :
Home » » Cara menambahkan 2 kolom Widget Di atas Postingan

Cara menambahkan 2 kolom Widget Di atas Postingan

Written By Langlang Buana on Minggu, 18 Juli 2010 | 21.11

Mungkin anda dapat menggunakannya untuk menambah script iklan atau yang lain. Dan caranya pun mudah tapi sedikit sulit. Blog Tips-Trik ini saya uji coba di Template 3 kolom milik x-template.
Jika anda tertarik, silahkan lakukan langkah berikut:
1. Loggin ke akun blogger anda
2. masuk ke Rancangan > Edit HTML
jangan lupa memback up template anda sebelumnya, lalu centang "expand template widget"
3. cari kode ]]></b:skin>
lalu pasang kode di bawah ini tepat diatasnya

.widget-atas-post {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}

.widget-atas-post-kiri {
float:left;
width:49%;
margin-right:15px;
}

.widget-atas-post-kanan {
float:right;
width:49%;
}

4. Kode diatas adalah Kode CSS untuk widget tersebut. Untuk menampilkannya pada blog anda, kita butuh  script pemanggilnya yaitu kode HTML
. Pemasangannya sebagai berikut.
5. Cari kode <div id='main-wrapper'> lalu pasang kode di bawah ini di bawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-atas-post'>
<div class='widget-atas-post-kiri'>
PASANG KODE WIDGET ANDA DISINI
</div>
<div class='widget-atas-post-kanan'>
PASANG KODE WIDGET ANDA DISINI
</div>
</div>
</b:if>

6. Simpan template anda dan lihat hasilnya.
7. Selesai...
Info: http://www.phonecompi.co.cc/
Share this article :

Tidak ada komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOGATTANAHI - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger