Minggu, 19 Juni 2016

Cara Membuat Dua Kolom Widget Dibawah Postingan blog

Cara Membuat Dua Kolom Widget Dibawah Postingan Blog memang tidak ada habisnya kita memodifikasi tampilan blog demi menciptakan blog yang lebih baik dan salah satunya yaitu menambahkan Dua Kolom Widget Dibawah Postingan Blog,cukup baik juga dalam fungsinya karen dengan memasang dua kolom widget sekaligus kita dapat menempatkan dua link artikel dalam satu baris.

Cara Membuat Dua Kolom Widget Dibawah Postingan Blog cukup lumayan gampang karena kita hanya tinggal menambahkan kode pada template,meski banyak cara untuk menambahkan dua kolom widget namun pada kali ini saya punya cara sendiri untuk lebih gampang dan praktis dalam memasang kolom widget.

Untuk lebih jelasnya silahkan kalian coba sajah di bawah ini Cara Membuat Dua Kolom Widget Dibawah Postingan Blog.


1. Login dulu ke akun blog kalian.
2. Pilih menu Template > Edit HTML
3. Cari kode ]]></b:skin>,lalu letakan kode di bawah tepat di atas kode ]]></b:skin>.

.bawahpost {{margin:5px 0px 10px 0px;padding:5px 0;clear:both;}}

.bawahkiri {float:left;width:305px;margin-right:5px;border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}
.bawahkanan {float:right;width:305px;border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}


4. Setelah itu cari kembali kode <data:post.body/> dan letakan kode di bawah sesudah kode <data:post.body/>.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bawahpost'>
<div class='bawahkiri'>
Kode widget kiri
</div>
<div class='bawahkanan'>
Kode widget kanan
</div>
</div>
</b:if>

Keterangan :
Untuk width atau tinggi yang berwarna hijau di atas bisa kalian atur dan sesuaikan dengan blog kalian.


Itulah sedikit ulasan tentang Cara Membuat Dua kolom Widget Dibawah Postingan Blog yang singkat dan ringkas semoga dapat bermanpaat buat semuanya dan saya ucapkan terima kasih atas partisipasinya.

Tidak ada komentar:

Posting Komentar