Mebuat tambahan Elemen add Gadget Dibawah BlogPost

Menambah 2 element add gadget untuk memasang widget baru tempat dibawah postingan hompage cocok untuk yang ingin membuat template magzine. Ini cara yang cocok dan saya rekomendasikan untuk tampilan blogger meja editor baru versi 2015.

• Login ke akun blogger kamu >> pada dasbor klik >> Template >> Edit HTML
• Carilah kode ]]></b:skin> dan letakkan kode berikut sebelum kode ]]></b:skin>

#magazine-left {
width: 45%;
float: left;
}

#magazine-right {
width: 45%;
float: right;
}

Kemudian kamu bisa memilih nanti nya ingin ditaru diposisi mana ke dua add gadget baru mu

Contoh : Untuk memeasang Diatas postingan home page

<!-- content wrapper start -->
  <div id='content-wrapper'>
  <!-- post wrapper start -->
  <div id='post-wrapper'>
  <div class='post-container'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='magazine-left' showaddelement='yes'>
<b:widget id='Text51' locked='false' title='Rumus blogger 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false' title='Rumus blogger 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
</b:if>

Contoh : Untuk memeasang dibawah postingan home page

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
    </b:widget>
  </b:section>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='magazine-left' showaddelement='yes'>
<b:widget id='Text51' locked='false' title='Rumus blogger 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false' title='Rumus blogger 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='magazine-left' showaddelement='yes'>
<b:widget id='Text51' locked='false' title='Rumus blogger 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false' title='Rumus blogger 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
</b:if>

Sampai dapa cara ini silakan disave template nya. dan lihat hasil nya

Untuk membuat hanya satu kolom saja bisa cara nya sama hanya css dan HTML nya aja yang beda untuk css add gadget 1 kolom kamu bisa copy disini. double klick untuk menggopy.

#under_header{margin:10px 0;padding:1%;width:99%;}

<div id="under_header"><b:section class='header' id='underheader' preferred='yes'/></div>

Posted by Nabil

Tweet