Cara menampilkan widged hanya di postingan atau cara membuat widged hanya muncul di halaman posting.
Widged kalau bahasa mudah nya bisa di artikan sebagai fitur tambahan ruang dari sebuah website ataupun blog, dan widged ini terpasang di samping halaman utama dari sebuah website baik di samping kiri atau di samping kanan atau di atas (header) dan juga di bawah (footer).
Cara menampilkan widged hanya di postingan, Widged yang ingin di munculkan hanya di halaman posting ini bebas terserah anda sendiri mau memilih widged entri popular , random post , alexa rank , iklan , monitor traffik dan yang lainya.
Tujuan menampilkan widged hanya di halaman posting itu berbagai alasan dari masing-masing pemilik website/blog yang diantaranya mungkin untuk mengurangi beban loading waktu pengunjung membuka halaman home , atau bisa juga di karenakan untuk mengurangi jumlah maksimal iklan, perlu diketahui bahwa iklan dari google adsense memang peraturanya masing-masing halaman hanya di perbolehkan memasang iklan tiga (3) buah iklan bergambar dan 3 buah iklan teks.
Lalu bagaimana Cara menampilkan widged hanya di postingan , Caranya tidak begitu rumit hanya di butuhkan dua baris tambahan kode yang di masukan dalam rangakain kode widged tersebut, tentunya menambahkan dua baris kode itu di dalama Html template blogger. untuk Cara pembuatanya silahkan perhatikan panduanya di bawah ini :
Cara membuat widged hanya tampil di halaman posting
1,buka blog kalian dengan mengunjungi alamat blogger.com
2.lalu login ke akun blog/website masing-masing.
3.klik desain untuk pergi ke dashboard blogger
4.dalam menu dashboard blogger pilih Template , lalu pilih lagi / klik Edit Html , contohnya seperti gambar di bawah ini
5.selanjutnya Cari kode widged nya yang ingin di setting hanya muncul di halaman posting.
Disini saya berikan contoh widged untuk entri popular / Popular Post , yang kode widgednya seperti di bawah ini
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
6.selanjutnya tambahkan kedua (2) baris kode yang ada di bawah ini
<b:if cond='data:blog.pageType == "item"'>
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
8.selanjutnya simpan Template , dan perhatikan bahwa template sudah berhasil tersimpan dengan sukses.
9.selesai.
Dan untuk melihat pembuatan widged hanya mucul di halaman posting silahkan buka salah satu postingan anda dan juga buka halaman home , widged sudah muncul sesuai dengan harapan atau belum.
Demikian Tutorial blogger dari Jasa Desain web hari ini tentang Cara menampilkan widged hanya di postingan , dan jika anda ingin menampilkan widged hanya di halaman homepage silahkan buka panduanya Cara membuat widged hanya muncul di homepage , dan jika anda ingin membuat widged muncul di halaman sesuai yang anda inginkan silahkan buka panduanya Cara menampilkan widged di halaman tertentu, selamat mencoba , salam blogger 19.
Widged kalau bahasa mudah nya bisa di artikan sebagai fitur tambahan ruang dari sebuah website ataupun blog, dan widged ini terpasang di samping halaman utama dari sebuah website baik di samping kiri atau di samping kanan atau di atas (header) dan juga di bawah (footer).
Cara menampilkan widged hanya di postingan, Widged yang ingin di munculkan hanya di halaman posting ini bebas terserah anda sendiri mau memilih widged entri popular , random post , alexa rank , iklan , monitor traffik dan yang lainya.
Tujuan menampilkan widged hanya di halaman posting itu berbagai alasan dari masing-masing pemilik website/blog yang diantaranya mungkin untuk mengurangi beban loading waktu pengunjung membuka halaman home , atau bisa juga di karenakan untuk mengurangi jumlah maksimal iklan, perlu diketahui bahwa iklan dari google adsense memang peraturanya masing-masing halaman hanya di perbolehkan memasang iklan tiga (3) buah iklan bergambar dan 3 buah iklan teks.
Lalu bagaimana Cara menampilkan widged hanya di postingan , Caranya tidak begitu rumit hanya di butuhkan dua baris tambahan kode yang di masukan dalam rangakain kode widged tersebut, tentunya menambahkan dua baris kode itu di dalama Html template blogger. untuk Cara pembuatanya silahkan perhatikan panduanya di bawah ini :
Cara membuat widged hanya tampil di halaman posting
1,buka blog kalian dengan mengunjungi alamat blogger.com
2.lalu login ke akun blog/website masing-masing.
3.klik desain untuk pergi ke dashboard blogger
4.dalam menu dashboard blogger pilih Template , lalu pilih lagi / klik Edit Html , contohnya seperti gambar di bawah ini
5.selanjutnya Cari kode widged nya yang ingin di setting hanya muncul di halaman posting.
Disini saya berikan contoh widged untuk entri popular / Popular Post , yang kode widgednya seperti di bawah ini
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
6.selanjutnya tambahkan kedua (2) baris kode yang ada di bawah ini
<b:if cond='data:blog.pageType == "item"'>
</b:if>7.Cara penambahanya lihat contoh kode yang sudah jadi seperti di bawah ini (perhatikan kode yang warna biru itu sebagai kode tambahanya
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
8.selanjutnya simpan Template , dan perhatikan bahwa template sudah berhasil tersimpan dengan sukses.
9.selesai.
Dan untuk melihat pembuatan widged hanya mucul di halaman posting silahkan buka salah satu postingan anda dan juga buka halaman home , widged sudah muncul sesuai dengan harapan atau belum.
Demikian Tutorial blogger dari Jasa Desain web hari ini tentang Cara menampilkan widged hanya di postingan , dan jika anda ingin menampilkan widged hanya di halaman homepage silahkan buka panduanya Cara membuat widged hanya muncul di homepage , dan jika anda ingin membuat widged muncul di halaman sesuai yang anda inginkan silahkan buka panduanya Cara menampilkan widged di halaman tertentu, selamat mencoba , salam blogger 19.