New Cara Gampang, kali ini akan berbagi tips dan trik untuk menampilkan widget (blog) hanya pada halaman tertentu, satu misal hanya tampil pada halaman postingan blog, atau hanya tampil pada halaman homepage dan atau hanya ditampilkan pada halaman statis saja. Pengaturan yang demikian ini semata-mata adalah untuk mengakomodir keterbatasan ruang dalam sebuah halaman blog. Artinya tidak semua widget kita jejalkan pada hanya satu halaman yang berakibat menjadikan sebuah kerumitan sehingga para pengunjung akan menjadi bingung dan akhirnya malas untuk berkunjung kembali.
Menempatkan atau mengatur widget hanya ditampilkan pada sebuah atau beberapa halaman tertentu ini pada dasarnya tidak terlalu sulit atau bisa dikatakan cukup mudah dan hanya membutuhkan sedikit ketelitian, karena kita bermain dengan perubahan dalam rangkaian script HTML template blog, khususnya di bagian widget blog.
Pengaturannya hanya menyisipkan beberapa kode diantara rangkaian script HTML widget tersebut, sebagai contohnya :
Rangkaian script widget yang asli adalah sebagai berikut :
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != ""'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {'lang': '<data:language/>'};
</script>
</b:if>
</div>
</b:includable>
</b:widget>
Selanjutnya kita ingin menampilkan widget tersebut hanya pada
halaman home page (tidak tampil di halaman lainnya), maka kita tinggal menyisipkan kode diantaranya, yaitu menjadi seperti di bawah ini :
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != ""'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {'lang': '<data:language/>'};
</script>
</b:if>
</div>
</b:if>
</b:includable>
</b:widget>
Perhatikan rangkaian script yang tercetak dengan warna merah tebal, script itulah yang mengatur penempatan widget tersebut hanya tampil pada halaman muka (homepage) blog saja.
Selanjutnya, berikut ini adalah beberapa script yang dapat anda pergunakan untuk mengatur penempatan widget pada berbagai halaman blog.
Menampilkan di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
Menampilkan widget hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>
Menampilkan widget di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != "archive"'>
......................................................
</b:if>
Menampilkan widget hanya di halaman posting.
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'>
......................................................
</b:if>
Menampilkan widget hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>
Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>
Menampilkan widget hanya di halaman staticpages.
<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>
Menampilkan widget di semua halaman, kecuali halaman staticpages.
<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>
Dengan mengetahui berbagai macam script di atas, diharapkan sobat dapat mengatur tampilan blog sobat agar dapat tampil lebih rapi dan tidak terkesan rumit atau menumpuk hanya pada satu halaman saja.
Belum ada komentar untuk "Menampilkan Widget hanya pada halaman tertentu"
Posting Komentar