Kamis, 28 Mei 2009

Promosikan blog

Saya selalu memperhatikan traffik blog saya dari waktu ke waktu, tentunya dengan system yang saya punya dan pasang di blog ini. Di sana terlihat bahwa visitor yang berkunjung banyak juga yang berasal dari tempat saya mempromosikan blog saya tersebut. Jadi, tidak ada ruginya kalau kita mempromosikan blog dan sangat beruntunglah anda yang selama ini telah lebih dulu mempromosikan blog anda. Bagi para sobat blogger yang belum mempromosikan blog, silahkan dimulai dari sekarang untuk mempromosikannya.Dimanakah tempat yang tepat kita mempromosikan blog kita..? Tentunya banyak sekali, tapi saya akan berikan beberapa tempat yang tepat.

Di bawah ini adalah beberapa tempat yang telah saya ikuti untuk mempromosikan blog saya, silahkan para sobat blogger pilah-pilih lagi, kira-kira yang mana yang tepat.

  1. Top Blog Area

  2. Blog Top

  3. Blog Top Sites

  4. Blog Rangkings

  5. Dignow

  6. Top Seratus

  7. Blog Top List

  8. Goledy

  9. Top Of Blogs

  10. Top Sites

  11. Top Pekanbaru

  12. Top Global Site

  13. Blog Catalog

  14. Technorati

  15. Top Hits Bloggerian

  16. Adalada

  17. Blogs On Top

  18. Bandung Top Blog


Silahkan para sobat sekalian register di sana, mengisi data dan jangan lupa untuk mengcopy script link banner nya dan pastekan ke blog sobat.

Membuat kolom schroll

Kita ingin halaman blog kita indah, salah satunya mungkin dengan cara membuat daftar dari postingan atau daftar dari link para sobat ataupun daftar dari yang lainnya.

Dan ada beberapa dari sobat yang mampir ke blog ini sempat bertanya bagaimana membuat kolom scroll ini. Untuk menjawab pertanyaan dari para sobat, saya coba bantu menjelaskan bagaimana cara membuat kolom scroll tersebut.


Untuk itu silahkan ikuti langkah langkah berikut ini.

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript
6. Pastekan script di bawah ini ke halaman conten HTML/JavaScript tersebut

Membuat translate google bergerak

Salah satu yang membuat visitor mau membaca artikel kita adalah karena bahasa yang kita pakai pada artikel tersebut bisa dimengerti oleh mereka. Tapi seandainya ada visitor yang tidak mengerti bahasa yang kita gunakan, mungkin dikarenakan visitor tersebut bebeda negara atau berbeda bahasa dengan kita, maka Google memberi solusi untuk para blogger dengan menyediakan sebuah fasilitas yakni Google alih bahasa.

Dengan adanya fasilitas alih bahasa ini, diharapkan visitor yang berbeda bahasa atau berbeda negara dengan kita tetap bisa menikmati dan membaca artikel-artikel yang ada di site kita. Dengan demikian juga menjadi point untuk kita karena akan menambah jumlah page views site kita. Dan mudah-mudahan visitor tersebut juga mau meninggalkan sebuah komentar walaupun dengan bahasa yang mereka punya.

Bagi para sobat blogger yang tertarik untuk memilikinya dan belum mempunyai fasilitas alih bahasa ini, saya akan coba jelaskan cara membuatnya dan meletakkannya di site para sobat. Untuk contoh dari fasilitas alih bahasa ini, anda bisa lihat di blog saya ini, yang letaknya di bagian sidebar paling atas.

Bagi para sobat yang tertarik untuk memikinya, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan menu HTML/JavaScript
6. Pastekan script di bawah ini ke dalam konten tersebut

Membuat Emotion yahoo di kotak komentar

Dikarenakan adanya permintaan yang ingin membuat emoticon versi Yahoo pada kotak komentar, maka sekarang saya akan coba jelaskan cara membuat emoticon versi Yahoo tersebut. Kemungkinan ada yang berfikir bahwa emoticon versi Yahoo lebih kecil dan tidak akan memakan bandwidth lebih besar. Okelah, apapun alasannya, artikel tentang emoticon Yahoopun sudah saya terbitkan, silahkan para sobat pilih saja, mau memakai emoticon yang mana.

Cara-caranyapun persis seperti membuat emoticon sebelumnya, jadi para sobat pasti tidak akan kesulitan untuk meletakkannya di blog para sobat.

Silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode < /body >
6. Persis sebelum kode tersebut, pastekan scirpt di bawah ini
<script src='http://h1.ripway.com/pinginbelajar/042009/emoticon_yahoo.js' type='text/javascript'/>

7. Silahkan cari lagi di dalam template anda kode <b:if cond='data:post.embedCommentForm'>
8. Persis sebelum kode tersebut, pastekan script di bawah ini
<div style='overflow:no; width:100%px; height:100%px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>=))
</b></center>
</div>

Membuat tab menu blogspot

Kali ini saya akan menjelaskan cara membuat Tab Menu. Tab Menu sangat bermanfaat sekali karena kita bisa menghemat ruang yang ada di blog kita dan kita juga bisa meletakan beberapa gadget ataupun beberapa banner ataupun teks didalam halaman yang sama tetapi dipisahkan oleh kolom tersendiri dan kolom inipun hanya bisa dibuka bergantian.

Sebenarnya memang agak rumit dalam pembuatan Tab Menu ini dikarenakan banyaknya script yang harus kita copy dan paste ke template maupun gadget, tapi bagi anda yang suka ngutak-ngatik script, saya pikir bukan hal baru bagi anda. Andapun bisa meedit script tersebut untuk menyesuaikan dengan halaman blog anda. Untuk itu silahkan ikuti langkah-langkah berikut ini :

Langkah Pertama :

1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode </head>
6. Persis sebelum kode tersebut, pastekan script di bawah ini
<script src='http://h1.ripway.com/pinginbelajar/campuran/menu_tab.js' type='text/javascript'/>

7. Cari lagi di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, pastekan script di bawah ini
div.TabView div.Tabs { width: 100%; overflow: hidden; border-bottom: 0px solid #000000; font: bold 13px Arial; list-style-type: none; }
div.TabView div.Tabs a { float: left; display: block; text-decoration: none; margin-right: 2px; margin-bottom: 2px; padding: 3px 3px 3px 3px; color: #FFFFFF; background: #0B615E; }
div.TabView div.Tabs a:hover { color: #000000; background:#DF0101; }
div.TabView div.Tabs a.Active { color: #000000; background:#2E2EFE; }
div.TabView div.Pages { width: 100%; overflow: hidden; clear: both; border: 0px solid #E6E6E6; margin: 25px 0px 5px 5px; padding: 0px 0px 0px 0px; }
div.TabView div.Pages div.Page { height: 100%; padding: 0px; overflow: hidden; }
div.TabView div.Pages div.Page div.Pad { padding: 0px 0px; }

Membuat recent comment dan post

Kali ini saya akan coba membahas tentang Recent Comment dan Recent Post. Sebagaimana kita ketahui bahwa recent comment ini adalah sebuah data yang menampilkan komentar-komentar terakhir yang telah masuk ke blog kita, sedangkan recent post adalah data tentang artikel-artikel terakhir yang telah kita terbitkan. Kedua data ini sangat penting rasanya kita pasang, karena akan sangat membantu sekali.

Data yang ditampilkan oleh recent comment sangat membantu kita sebagai author, karena kita bisa langsung bisa merespon dari komentar tersebut. Dan kita juga tidak akan direpotkan lagi harus membuka satu persatu artikel kita untuk memeriksa komentar yang masuk. Sedangkan Recent Post sangat membantu sekali bagi visitor yang masuk ke blog kita, karena mereka akan tahu apa saja artikel terbaru yang ada di blog tersebut, tetapi apabila anda sudah mempunyai daftar postingan di blog anda, rasanya recent post ini tidak usah dipasang lagi.

Bagi para sobat yang belum mempunyai dan tertarik untuk memasang recent comment dan recent post ini, saya akan coba bantu menjelaskannya. Dan pemasangannyapun sangat mudah sekali karena tidak memerlukan javascript ataupun script HTML, tapi hanya dengan klik dan klik saja. Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan menu Feed
6. Pada kolom URL Feed silahkan anda pastekan URL di bawah ini