Beranda » » Cara membuat widget 2 kolom di bawah postingan

Cara membuat widget 2 kolom di bawah postingan

0
pasti anda pernah lihatkan ada siatu blog yang widget di bawah postingan nya terbagi menjadi 2 kolom , yang terdiri kanan dan kiri secara berdampingan . dengan membagi nya menjadi 2 kolom berdampingan maka widget tidak akan bertumpukan dan juga untuk menghemat tempat dengan begitu pengunjung pun akan terasa nyaman .


sebenarnya cara nya sih tidak terlalu susah , bisa di bilang cukup gampang .
oke untuk mempersingkat waktu berikut Cara membuat widget 2 kolom di bawah postingan :

1. Login ke blogger.com

2. pilih menu Rancangan

3. klik Edit Html , dan jangan lupa centang Expand Template Widget

4. kemudian letakan kode dibawah ini , tepat di atas kode ]]></b:skin>

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

.bawahkiri {
float:left;
width:265px;
margin-right:15px;
}

.bawahkanan {
float:right;
width:265px;
}

5. setelah itu letakan kode di bawah ini tepat di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='bawahpost'>
               <div class='bawahkiri'>
                Kode Widget atau tulisan anda ada di sebelah kiri disini
               </div>
              <div class='bawahkanan'>
              Kode Widget atau tulisan anda ada di sebelah kanan disini
               </div>
    </div>
    </b:if>

Catatan :
#apabila anda sudah memasang readmore maka kode <data:post.body/> ada 2 . pilih saja yang kedua

# apabila ukuran kolom nya tidak sesuai , silahkan anda atur saja di bagian Css nya .. (kode paling atas)

6. simpan template anda , dan lihat hasilnya..

0 comments:

Post a Comment

Blog ini DoFollow ..