Cara menampilkan element tertentu di blogger

Cara Menampilkan Element Tertentu Pada Halaman Tertentu Di Blog - memang berguna agar tampilan dari blog dapat lebih maksimal  dan user friendly, dari segi kecepatan maupun dari segi design tata letaknya.

Menempatkan elemen tertentu di halaman tertentu, semisal menempatkan elemen widget space iklan hanya di halaman depan blog atau home page saja dan tidak di tampilkan pada halaman postingan atau sebaliknya, hal ini akan sangat sulit jika tidak mengetahui caranya.

Menempatkan element tertentu pada halaman tertentu juga merupakan hal yang cukup sering di lakukan para blogger, tujuannya beragam, tapi sebagian besar mereka untuk mengakali penempatan space iklan agar tampil di halaman terntetu saja. Karena biasanya pemilik blog akan menjual space iklan juga berdasarkan halaman tertentu saja semisal home page atau pada halaman postingan. Untuk itu jika anda hendak melakukan hal yang sama hendaknya mengetahui caranya terlebih dahulu.

Nah di artikel ini saya akan share cara untuk mengatasi persoalan tersebut dengan mudah. Caranya mudah saja, dengan hanya meletakkan tag khusus sebelum Tag element yang di inginkan, untuk di tampilkan atau di sembunyikan  maka persoalan akan selesai.

Berikut tag-tag khusus untuk menampilkan element tertentu pada halaman tertentu di blog

Cara Menampilkan element hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>element</b:if>

Cara Menampilkan element di semua halaman kecuali homepage 

<b:if cond='data:blog.url != data:blog.homepageUrl'>element</b:if>

Cara Menampilkan element hanya di halaman Archive saja 

<b:if cond='data:blog.pageType == &quot;archive&quot;'>element</b:if>

Cara menampilkan element di semua halaman kecuali halaman archive 

<b:if cond='data:blog.pageType != &quot;archive&quot;'>element</b:if>

Cara menampilkan element hanya di halaman staticpages 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>element</b:if>

Cara menampilkan element di semua halaman, kecuali halaman staticpages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>element</b:if>

Cara menampilkan element hanya di halaman posting

<b:if cond='data:blog.pageType == &quot;item&quot;'>element</b:if>

Cara menampilkan element di semua halaman, kecuali halaman postingan 

<b:if cond='data:blog.pageType != &quot;item&quot;'>element</b:if>

Cara menampilkan element hanya di postingan tertentu saja 

<b:if cond='data:blog.pageType == &quot; URL POSTIGAN &quot;'>element</b:if>

Cara Menampilkan element selain di postingan tertentu 

<b:if cond='data:blog.pageType != &quot; URL POSTINGAN &quot;'>element</b:if>

Untuk cara penerapan-nya silahkan cermati langkah-langkah berikut :

Cara Menampilkan element Tertentu Di Halaman Tertentu

• Masuk dasbor blogger anda kemudian masuk ke Elemen Template

•  Lalu klik Edit HTML

• Carilah elemen yang di yang di tuju semisal saya ingin mengatur element feed recent pos hanya tampil di halaman postingan saja.

• Untuk lebih cepat mencarinya silahkan gunakan menu lompat ke widget

• Setelah ketemu maka kode nya akan persis seperti di bawah ini :

<b:widget id='Feed1' locked='false' title='Recent Post' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
 <span style='filter: alpha(25); opacity: 0.25;'>
 <a expr:href='data:feedUrl'><data:loadingmsg/></a>
 </span>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

• Untuk memasang tag Khusus caranya Copy terlebih dahulu Tag Khusus di atas dengan fungsi menampilkan element hanya di halaman posting. Kurang lebih kodenya seperti berikut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>element</b:if>

• Kemudian paste-kan tepat di atas tag dari element tersebut dan menutupnya setelah tag penutup dari tag element tersebut. Hingga seperti di bawah ini :

<b:widget id='Feed1' locked='false' title='Recent Post' type='Feed'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
 <span style='filter: alpha(25); opacity: 0.25;'>
 <a expr:href='data:feedUrl'><data:loadingmsg/></a>
 </span>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

• Setelah selesai kemudian simpan dan lihat hasilnya.

Demikian tutorial cara menampilkan element tertentu pada halaman tertentu di blog semoga bermanfaat.