Cara Menampilkan Widget Pada Halaman Tertentu

Blog kamu penuh dengan widget, bagaimana mengaturnya agar terlihat rapi? Ini salah satu jawabannya, Menampilkan Widget Pada Halaman Tertentu. Kita bisa memilih menampilkan pada halaman awal (homepage) saja atau menampilkan widget pada halaman posting saja.

Cara Menampilkan Widget Pada Halaman Tertentu
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget.

Cara menampilkan widget pada halaman awal (homepage) saja.

Sisipkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:

<b:widget id='HTML4' locked='false' title='TULISAN TERPOPULER' 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'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Widget yang berupa HTML dengan id HTML4 yang judulnya TULISAN TERPOPULER akan hanya tampil di halaman awal (homepage) dan tidak tampil di halaman postingan.

Cara menampilkan widget pada halaman postingan saja

Sisipkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:

<b:widget id='HTML7' locked='false' title='TULISAN TERBARU' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Widget yang berupa HTML dengan id HTML7 yang judulnya TULISAN TERBARU akan hanya tampil di halaman postingan saja dan tidak tampil di halaman awal.

Cara Membuat Running Teks Berita dari Blog Kita

Pernah melihat televisikan? pastinya pernah. Saat ini Televisi yang ada sudah banyak menyertakan running teks yang berisi headline berita. Kita dapat mengetahui headline atau berita terbaru secara singkat. Sekarang kita akan membuat running teks yaitu tulisan berjalan yang isinya judul tulisan-tulisan terbaru blog kita.

Akan semakin menarik pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalan layaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap.

Cara Membuat Running Teks Berita dari Blog Kita
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript">
var hn_url_blog = "http://jawa-crana.blogspot.com/";
var hn_jumlah_post = 10;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#FF0000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js">
</script>

Ganti http://jawa-crana.blogspot.com/  dengan url blog kita sendiri-sendiri, Selain itu kita juga bisa mengganti jumlah post, warna latar belakang, warna garis dan posisi sesuai dengan selera kita.

5. Simpan jika sudah selesai.

Cara Menambahkan TV Online Pada Blog

Mau lihat TV sekarang tidak sulit lagi. Sudah banyak stasius televisi yang membuat TVnya menjadi streaming yang bisa dinikmati secara online. Sehingga jangkauannya akan semakin luas. Dengan internet orang dibelahan negara lain bisa menikmati acara-acara TV Indonesia. Mau menambahkan TV online di blog kita? Siapa tahu akan membuat pengunjung bisa menikmati siaran TV-TV yang sudah streaming. Mungkin dengan menambahkan TV Online ini akan membuat blog kita semakin berat. Jadi perhitungkan kembali. Juga koneksi internet yang ada di Indonesia masih terkenal sangat lambat, siarannya pun tak bisa dinikmati secara nyaman. Tapi jika koneksi internet kita cepat sekali bisa jadi kita bisa menikmati TV online dengan enak.

Cara Menambahkan TV Online Pada Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><style>#wb_fs_tvinternetplayers{display:none;visibility:hidden;}</style><a id="wb_fs_tvinternetplayers" href="http://www.warungbebas.com/2010/12/nonton-banyak-channel-tv-online.html">TV Streaming Indonesia</a><script type="text/javascript" src="http://dns.warungbebas.com/4you/wb_fs_scriptwidget.js"></script><script type="text/javascript">wbwidget('loadtvcodeinternetplayers','calltvcodeonlineindonesia',4,2,10)</script><script type="text/javascript">fsCallListTVOnline(255,200,35,1);</script>

5. Simpan jika sudah selesai.

Kita dapat mengganti ukuran TV online yang kita tambahkan, yaitu dengan mengubah (255,200,35,0). 255 adalah lebarnya, 200 adalah tingginya 35 adalah ukuran logo TV.

Menampilkan Status Terbaru Twitter di Blog

Selain punya blog, pastinya kita juga punya mikroblog. Salah satu mikroblog yang paling banyak pengguannya adalah twitter. Sekarang hampir semua punya twitter. Karena mikroblog yg satu ini memang enak digunakan, dengan simple dan tampilan sederhana. Kita bisa ngeblog di twitter, hanya dibatasi 140 karakter, twitter menjadi tempat berbagi apa yang kita lakukan, kita pikirkan, dan berbagi informasi. Twitter sebagai mikroblog bisa diupdate kapan saja dan dimana saja dengan fasilitas internet handphone kita. Semakin mudah, bisa mengudate mikroblog itu dan kita tampilkan di blog kita.

Cara Menampilkan Status Terbaru Twitter di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<div id="twitter_div">
<ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/Qori_jawara" target='blank'><b>follow me on Twitter</b></a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/Qori_jawara.json?callback=twitterCallback2&count=5" type="text/javascript">
</script>

Ganti yang berwarna merah Qori_jawara dengan id twitter kamu sendiri dan 5 adalah banyaknya status (tweet) yang ditampilkan.

5. Simpan jika sudah selesai.

Sebenarnya twitter sudah menyediakan widget yang menampilkan status (tweet) terbaru dengan tampilan yang lebih menarik. Tapi saya lebih senang memakai ini agar tidak membuat blog menjadi berat, dan terasa menyatu dengan blog karena hanya teksnya saja yang ditampilkan dan sesuai dengan blog kita. Dulu pernah saya hapus, dan ternyata twitter sudah tidak menyediakan halaman untuk menambahkan widget yg berupa java script ini. Untuk menjaganya maka ditulis di sini.

Cara Membuat Cursor Bertaburan Bintang

Ada banyak sekali untuk meodifikasi atau membuat pernak-pernaik tentang cursor, yang sudah kita bahas saja ada mengubah cursor dengan gambar, membuat teks yang berputar mengelilingi cursor. Dan kali ini belajar membuat cursor yang bertaburan bintang. jadi saat cursor kita bergerak akan turun bintang-bintang dari cursor. Ada beberapa warna bintang yang bisa kita pilih untuk ditampilkan di blog kita.

Cara Membuat Cursor Bertaburan Bintang
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

5. Kita warna biru dengan, hijau, merah, ungu, silver, kuning, hitam
6. Simpan jika sudah selesai.