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.
4. Setelah itu cari kembali kode <data:post.body/> dan letakan kode di bawah sesudah kode <data:post.body/>.
Keterangan :
Untuk width atau tinggi yang berwarna hijau di atas bisa kalian atur dan sesuaikan dengan blog kalian.
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>.
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;}
.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 ==
"item"'>
<div class='bawahpost'>
<div class='bawahkiri'>
Kode widget kiri
</div>
<div class='bawahkanan'>
Kode widget kanan
</div>
</div>
</b:if>
<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.
Scourse : hansmjlkcommunity.blogspot.co.id
Authors : *2RI$1* TURISWAN
ٱلْØَÙ…ْدُ Ù„ِÙ„َّÙ‡ِ رَبِّ
ٱلْعَٰÙ„َÙ…ِين
Authors : *2RI$1* TURISWAN
Terimakasih Anda telah membaca tulisan / artikel di atas tentang :
Judul : Cara Membuat Dua Kolom Widget Dibawah Postingan Blog
Rating : ★★★★★ 100% based on 999999 ratings. 10 user reviews.
Ditulis Oleh : Unknown
Semoga informasi mengenai Cara Membuat Dua Kolom Widget Dibawah Postingan Blog bisa memberikan manfaat bagi Anda. Jangan lupa Komentar Anda sangat dibutuhkan, di bawah ini.
Terimakasih Anda telah membaca tulisan / artikel di atas tentang :
Judul : Cara Membuat Dua Kolom Widget Dibawah Postingan Blog
Rating : ★★★★★ 100% based on 999999 ratings. 10 user reviews.
Ditulis Oleh : Unknown
Semoga informasi mengenai Cara Membuat Dua Kolom Widget Dibawah Postingan Blog bisa memberikan manfaat bagi Anda. Jangan lupa Komentar Anda sangat dibutuhkan, di bawah ini.
Subscribe Untuk Mendapatkan UPDATE Artikel Terbaru!
Share This Article :
0 comments:
Post a Comment
Saya menghargai setiap komentar yang masuk dan akan berusaha membalas setiap komentar yang ada.
Mohon masukkan saran / kritikan Anda. Atau tanyakan sesuatu yang tidak Anda pahami.
Sebelum berkomentar, baca dulu peraturan berkomentar di blog ini :
1. Harus membaca postingan sampai selesai.
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini.
3. Komentar menggunakan bahasa yang sopan.
4. Komentar tidak mengandung sara, spam, flood, junk, s*x dan jenis yang lainnya.
5. Cek komentar masuk sebelum bertanya.
6. Tidak keluar dari topik.
7. Untuk mengajukan pertanyaan diluar topik, silahkan klik "2RIS1 Forum" atau "Out Of Topic".
8. Tidak promosi website ( akan dimasukkan ke SPAM ).
9. Komentar SPAM akan secepatnya dihapus.
10. Link aktif tidak akan berfungsi.
11. Diperbolehkan menyebarluaskan artikel dengan menyertakan link hidup sumbernya!
12. Bergabung dengan kami untuk menjadi member.
→☞ ...Terimakasih... ☜←
Author : *2RI$1* TURISWAN
Salam blogger ... !!!
Konversi Kode