Saturday, December 1, 2012

Menambahkan Kolom Gadged diatas Posting



Untuk apakah kita menambahkan kolom gadged di atas posting?, Mungkin pertanyaan ini sempat terlintas dalam benak fikiran anda, baiklah saya akan coba menguraikannya, namun untuk lebih memahaminya silahkan liat dulu gambarnya di bawah ini.




Dari gambar di atas kita dapat mengetahuinya apa guna kolom Gadged di atas posting, anda dapat memanfaatkan kolom tersebut sebagai tempat anda memasang iklan, Membuat Content slider image atau juga tulisan berjalan dan bisa juga breaking news. Jika anda berminat silahkan ikuti cara-caranya berikut ini.

  1. Login ke blog anda > Pilih Template> Edit HTML jangan lupa untuk mencentang Expend Widget Templates
  2. Copy kode dibawah ini lalu anda letakkan di atas kode ]]></b:skin>
 
/* Slide Content
    ----------------------------------------------- */
    .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
    word-wrap: break-word; overflow: hidden;} 
    .slide {color: #666666;line-height: 1.3em;}
    .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
    .slide li {margin:0;padding-top:0;
    padding-right:0;padding-bottom:.25em;
    padding-left:0px;text-indent:0px;line-height:1.3em;}
    .slide .widget {margin:0px 0px 6px 0px;} 

Langkah selanjutnya cari kode <div id='main-wrapper'> kemudian pastekan kode di bawah ini dibwahnya

 


<b:if cond='data:blog.url == data:blog.homepageUrl'> 
      <div id='slide-wrapper'> 
<b:section class='slide' id='slide' preferred='yes'/> 
      </div> 
</b:if>   

 Selanjutnya Klik simpan template > pergi ke tata letak dan liat hasilnya.!

No comments:

Post a Comment