Kode HTML Untuk Membuat Scroll Bars

Kode HTML untuk membuat Scroll Bars sangat sederhana dan mudah dipahami. Anda pasti sudah tahu apa dan bagaimana Scroll Bars yang dimaksud. Jika belum, silahkan perhatikan browser internet yang digunakan sekarang. Lihat pada bagian kanan browser internet tersebut, disana terdapat tombol pen-scroll atau penyeret halaman situs/blog yang panjang untuk melihatnya terus kebawah. Begitulah bentuk Scroll Bars yang dimaksud. Akan tetapi, kode HTML Scroll Bars pada entri ini Kode HTML untuk membuat Scroll Bars di sebuah blog.

Kode HTML untuk membuat Scroll Bars di Blogspot dan juga bisa diterapkan pada situs-situs lain seperti wordpress, joomla, dan lain sebagainya, adalah sebagai berikut :

<div style='overflow:auto; padding:0px; width:470px; height:300px;'>
Letak Widget Blog
</div>

Kode utama dari kode HTML untuk membuat Scroll Bars di atas adalah kode style Overflow:Auto. kemudian dibantu dengan kode penentu ukuran widget yang akan diberi Scroll Bars tersebut. Jadi, silahkan ubah angka pada kode berwarna merah denga angka yang diinginkan. Width untuk mengatur ukuran lebar widget, sedangkan Height untuk mengatur ukuran panjang kebawah widget.

Demikianlah kode HTML untuk tutorial membuat Scroll Bars di Blog yang kutuspot ketahui. Jika ingin menambahkan div style tambahan, Anda bisa menambahkannya dengan selera Anda masing-masing. Untuk jenis-jenis div style lainnya yang bisa diterapkan pada kode HTML untuk membuat Scroll Bars di atas, bisa dilihat pada entri tutorial lainnya yang telah KUTUSPOT terbitkan. Semoga bermanfaat dan sekian dari KUTUSPOT tentang kode HTML untuk membuat Scroll Bars.

Menampilkan Widget Pada Halaman Tertentu Di Blogspot

Menampilkan widget pada halaman tertentu di Blogspot untuk berbagai macam kebutuhan pengelola blog sesuai selera masing.masing. Setiap pengelola blog di Blogspot pasti memiliki alasan masing-masing menggunakan kode-kode HTML tersebut, seperti untuk menghemat tempat, dsb.

Kode HTML untuk menampilkan widget atau gadget pada halaman tertentu di blogspot ada beberapa jenis kode berdasarkan fungsinya, yaitu

• Menampilkan widget hanya di homepage atau halaman utama,

<b:if cond='data:blog.url == data:blog.homepageUrl'>Letak Widget Blog
</b:if>

• Menampilkan widget selain di homepage atau halaman utama,

<b:if cond='data:blog.url != data:blog.homepageUrl'>Letak Widget Blog
</b:if>

• Menampilkan widget hanya di archive page atau halaman arsip,

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

• Menampilkan widget selain di archive page atau halaman arsip.

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

• Menampilkan widget hanya di itempage atau halaman posting,

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

• Menampilkan widget selain di itempage atau halaman posting,

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

• Menampilkan widget hanya di staticpage atau halaman page,

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

• Menampilkan widget selain di staticpage atau halaman page,

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

• Menampilkan widget hanya di halaman posting tertentu, dan

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>Letak Widget Blog
</b:if>

• Menampilkan widget selain di halaman posting tertentu.

<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>Letak Widget Blog
</b:if>

Contoh Penggunaan Kode untuk menampilkan widget pada halaman tertentu di Blogspot yang tertulis di atas :

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'><!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'>Category Kutuspot</h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Demikianlah kode-kode HTML untuk menampilkan widget pada halaman tertentu di Blogspot. Silahkan Anda lihat pada tutorial Blogspot lainnya yang masih berkaitan dengan kode-kode untuk menampilkan widget pada halaman tertentu tersebut, seperti menampilkan widget popular post hanya di halaman utama, dan sebagainya. Semoga bermanfaat dan membantu Anda yang ingin menampilkan widget pada halaman tertentu di Blogspot.

Refrensi kode : http://oilink.blogspot.com/2011/01/menampilkan-widget-pada-halaman.html - Menampilkan Widget Pada Halaman Tertentu Di Blogspot.