Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
3. Pada kolom yang berjudul Style, klik menu appearance.
4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda
2. Klik menu Template
3. Klik Edit HTML
4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
6. Klik tombol Preview untuk melihat perubahan yang kita buat.
7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda
2. Klik menu Layout
3. Klik Page Element
4. Klik Add a Page Element
5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
7. Copy paste kode HTML shoutbox anda di dalam form Content
8. Klik tombol Save Changes
9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
10. Tekan tombol Save
11. Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

1. http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

read more “Pasang Buku Tamu di Sidebar”

List Forum Dofollow untuk MeningkatkanBacklink

Lanjutan dari artikel sebelumnya, yaitu memperbanyak backlink dengan menggunakan forum. Kalo sebelumnya mengulas poin-poinnya, kalo sekarang listing forumnya. Saya telah menemukan 100 list forum yang siap anda gunakan untuk ladang backlink. Tentu saja dofollow.

Di sana, anda harus memasang signature yang mengarah ke blog anda, dan secara otomatis anda akan memperoleh backlink. Oke, daripada lama-lama, silakan kunjungi forum-forum berikut:

9MB Adobe Forums Affiliate-Marketing AffiliateSeeking AfterDawn AllCoolForum AMD Forums Aqua-Soft BBpress BloggerForum Bloggeries BloggerTalk BlogTrafficSchool Bungie CapitalTheory CellPhoneForums CellPhoneHacks CheckThisUp CNET Forum DaniWeb DecentDiscussions DelphiForums DevHunters DigitalPoint DirectoryJunction DN Forum DreamTeamMoney ElanceTalk evrsoft Forum eWealth Feedburner Forum FeedForAll Flickr Forum FreeHostForum Garena Gamespot Forums GeekPoint GeekVillage GoogleCommunity HTMLforums iHelpYou Im4newbies Intel Forums InternetMarketingForums IQ69 Joomla MetaCafe Microsoft Forums Movie-List MyGameBuilder MySpace MySQL Forums NewsGator NotebookForums NotebookReview OpenSourcePhoto

PaymentProcessingForums Photobucket Forums RSS-Forum SearchBliss SearchEngineWatch SEO Forum SEOchat seoRefugee SiteOwnersForums SitePoint Site-Reference Skype Forums SmallBusinessForums TalkFreelance TalkingCity Talk-Mania TechSupportForum TextPattern The Green Nation TheHyipForum v7n Vuju WarriorForum WebCosmoForums WebDigity WebmasterDesk Webmaster-Forum WebMasterForums WebmasterForumsOnline Webmasterize WebmasterServe WebmastersHelp WebmastersHelp Webmaster-Talk WebProWorld WebsiteBabble WebTalkForums WebWorkShop WickedFire WindowsForum Wtricks WorldOfWarCraft Forums Xandros Zymic

Untuk tambahan ada lagi nih, silakan download:

Dofollow Forum - Download for Free

Semoga bermanfaat!

read more “List Forum Dofollow untuk MeningkatkanBacklink”

Sosialisasi dengan Feedburner

Sosialisasi di Twitter pakai Feedburner bisa juga. Padahal sebelumnya saya sudah pernah posting artikel seperti ini sebelumnya namun menggunakan situs yang berbeda yaitu dengan TwitterFeed. Tak beda dengan TwitterFeed, Feedburner juga akan menampilkan posting secara otomatis pada akun Twitter anda setiap anda update. Untuk menggunakan cara ini, begini langkah-langkahnya:

1. Login pada akun Feedburner anda.
2. Kemudian, klik salah satu feed yang ada.
3. Pilih Publicize, lalu Socialize.
   
4. Klik Add a Twitter Account. Secara otomatis akan dibuka tab baru ke Twitter, login menggunakan akun anda dan klik Allow.
   
5. Kembali ke pengaturan, pada menu dropdown, pilih Title and Body.
   
6. Oke, kemudian klik tombol Activate.
   

read more “Sosialisasi dengan Feedburner”

Menambahkan Tombol StumbleUpon pada Blog

Selain Twitter dan Facebook, kini StumbleUpon tidak kalah dengan mereka. StumbleUpon telah menyediakan badge untuk dipasang di blog kita sebagai penghitung pengunjung yang mensubmit artikel ke StumbleUpon dan pastinya anda akan menerima banyak trafik dari sini.

Pertama-tama, marilah ambil badge pada halamannya:
Get StumbleUplon Badge for Blog
Maka akan muncul tampilan berikut. Pilih model dengan klik salah satu style sesuai keinginan Anda.

Langkah selanjutnya adalah memilih platform dari blog anda, seperti tampilan berikut ini yang menyediakan beberapa engine seperti TypePad, Blogspot, Feedburner FeedFlare, Wordpress, Movable Type dan segala jenis engine blog.


Sip, kemudian klik Get Code dan anda akan diberikan kode sesuai style yang anda pilih. Biasanya kodenya bergini:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"/>
Sesuai instruksi, kode diletakkan setelah kode:
<p><data:post.body/></p>
Sehingga akan terlihat seperti ini:
<p><data:post.body/></p><script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>

Menambahkan Tombol StumbleUpon pada Blog

Penempatan harus diperhatikan, jika di atas tadi kita meletakkan dengan kurang sempurna, maka kita akan coba untuk merapikannya. Dengan cara kita hanya akan menampilkan button jika postingan diklik. Caranya dengan menambahkan tag <b:if> untuk selengkapnya adalah berikut ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>
</b:if>
Letakkan kode tersebut di bawah kode berikut:
<div class='post-header-line-1'/>
Sehingga akan menjadi seperti berikut ini:
<div class='post-header-line-1'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>
</b:if>

Selamat berkreasi untuk beberapa pengaturan lainnya suoaya terlihat lebih memukau tentu saja menurut selera anda.

read more “Menambahkan Tombol StumbleUpon pada Blog”

Hilangkan Judul Widget pada Sidebar

Jadul nih temanya. Tapi ya daripada nggak di-update, parah lagi, hehe. Kembali di trik blog. Kali ini mengenai masalah Blogspot yang mengubah sistemnya menjadikan pengguna Blogspot kesulitan jika tidak memberi judul pada widget yang dipasang.

Padahal widget tidak diberi judul karena memang ada alasan tertentu, seperti penempatan Adsense, atau Menu Tab View. Itu jelas tidak bagus kalau menggunakan Judul atau Title. Nah, sekarang bagaimana cara untuk menghilangkannya? Gampang sekali. Kita cukup menghapus syntax berikut:
<h2>...</h2>
Kode tersebut berada pada Template anda. Eitz, tapi hati-hati ya? Nanti salah lagi kalau cuma saya berikan pengarahan begitu saja. Caranya mudah saja.

1. Beri judul unik pada widget yang akan dihapus judulnya. Misal JUDULUNIK1.
2. Simpan atau Save widget tersebut menggunakan judul tadi.
3. Nah, sekarang menuju ke Edit HTML pada template anda. Beri tanda cek pada Expand Template Widget dan cari judul tadi, biar lebih cepat klik CTRL+f kemudian ketikkan JUDULUNIK1.
4. Maka akan tampak kode berikut ini:
   

   <b:if cond='data:title != &quot;&quot;'>
   <h2 class='title'><data:title/></h2>
   </b:if>

5. Hapus kdoe yang dituliskan dengan warna merah di atas.
6. Save Template anda.

Refresh page anda maka judul widget pada sidebar anda pasti akan hilang. Berhasil dan mudah saja bukan? Pasti berhasil karena elemen h2 memang terletak di situ dan tidak ada pengaturan lain yang harus dilakukan. Semoga bermanfaat.

read more “Hilangkan Judul Widget pada Sidebar”

Image Zoom (JQZoom) Untuk Blogspot

Berikut salah satu hack yang kreatif yang berhasil saya temukan, memperbesar gambar yang tampak kecil menjadi lebih detail seperti menggunakan lensa saat kursor diarahkan pada gambar. Gambar asli tampak sebelah kiri gambar asil zoom dan ini memudahkan kita untuk melihat objek kecil yang ada dalam gambar yang belum terlihat jelas.

Klik pada blog berikut untuk melihat contohnya:
Die-Silver Blog Experimental

Untuk pemasangannya, anda bisa mengikuti langkah berikut ini:

1. Login - Layout/Tata Letak - Edit HTML - Expand Template Widget
2. Cari kode berikut menggunakan (Ctrl+f)
   

   </head>

3. Letakkan kode berikut sebelum kode tadi:
   

   <!--JQZOOM-STARTS-->
   <script src="http://die-silver.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
   <script src="http://die-silver.googlecode.com/files/jquery.jqzoom1.0.1.js" type='text/javascript'></script>
   <link rel="stylesheet" href="http://die-silver.googlecode.com/files/jqzoom.css" type="text/css" />
   <script type="text/javascript">
   $(function() {
   var options =
   {
   

   zoomWidth: 275,

   zoomHeight: 275

   }
   $(".jqzoom").jqzoom(options);
   var options2 =
   {
   

   zoomWidth: 275,

   zoomHeight: 275,

   zoomType:'reverse'
   }
   $(".jqzoom2").jqzoom(options2);
   });
   </script>
   <!--JQZOOM-STOPS-HELP@-http://www.ardi33.web.id/-->

   untuk setting default, ukuran gambar adalah 275x275px. Anda dapat mengubahnya sesuka hati.
4. Simpan Template

Sekarang pemasangan agar efeknya dapat kita rasakan. Caranya menambahkan class "jqzoom" pada tag a href.

Perhatikan penempatan link yang biasanya digunakan berikut ini:

<a href="LINK GAMBAR YANG LEBIH BESAR" title="IMAGE TITLE"><img src="LINK GAMBAR YANG LEBIH KECIL"/></a>

Untuk menggunakan zoom image, ubah link menjadi seperti ini:

<a href="LINK GAMBAR YANG LEBIH BESAR" class="jqzoom" title="IMAGE TITLE"><img src="LINK GAMBAR YANG LEBIH KECIL"/></a>

NOTE #1: Untuk menampilkan gambar dengan Reverse Opacity Effect, tambahkan class="jqzoom2" bukan class="jqzoom"

NOTE #2: Jika anda menggunakan trik ini, anda harus mempunyai dua gambar, satu kecil sebagai thumb yang diletakkan pada blog dan satunya yang besar sebagai gambar untuk men-detail-kan yang diletakkan dalam hyperlink.

Browser Support:
6+ | 2+ | 1.0 | 2+ | 9+ |

adopted from BloggerStop.Net

read more “Image Zoom (JQZoom) Untuk Blogspot”

Mendaftarkan Blog ke Search Engine

Sudahkah blog anda di-submit ke Search Engine? Pastinya sudah karena hal tersebut adalah hal yang sangat penting. Ya minimal blog anda sudah didaftarkan ke beberapa search engine seperti Google, Yahoo, dan BING milik Microsoft. Banyak pengaruh yang bakal kita dapatkan jika blog kita ada di list search engine. Siapa tau blog kita memang bagus dalam SEO dan banyak trafik atau pengunjung yang mampir ke blog kita lewat search engine tersebut dan sekaligus memperkecil rank alexa blog ardi33 kita maupun impression-nya, hihi.

Nah, saya akan sedikit sharing, yaitu ternyata di dunia maya tidak hanya terdapat search engine seperti apa yang telah saya sebutkan di atas tadi, melainkan ada banyak sekali search engine. Oke, silakan saja klik link berikut ini dan silakan submit blog anda.

Search Engine/Directory	Ranking Alexa	Ranking Google
1. Yahoo! Search   2. Google   3. Live Search   4. Wikia Search   5. Open Directory   6. Cuil   7. Exalead   8. MavicaNet   9. GigaBlast 10. ScrubTheWeb 11. What U Seek 12. World Site Index 13. BusinessSeek 14. ExactSeek 15. EntireWeb 16. SearchMe 17. IllumiRate 18. 01WebDirectory 19. Amfibi 20. Wikidweb 21. SearchSight 22. AMRAY 23. Info Listings 24. Domaining 25. Amidalla	1 2 4 248 2,039 2,511 29,870 33,433 37,264 45,850 47,727 49,113 51,468 52,219 52,882 56,827 57,167 58,558 59,440 59,956 65,647 66,076 67,105 67,707 68,260	9 10 8 7 8 4 7 4 7 6 6 5 3 4 6 6 5 4 6 4 5 4 5 3 4

Search Engine/Directory	Ranking Alexa	Ranking Google
26. WebbieWorld 27. Arakne Links 28. Link Centre 29. Pedsters Planet 30. SonicRun 31. Anaximander 32. Info Tiger 33. Dramba 34. Zeezo 35. Thales Directory 36. Directory Storm 37. A1 Web Directory 38. Burf 39. NetInsert 40. Web Linker 41. Finest 4 42. Cipinet 43. Klottra 44. My Directory Live 45. FreshTV 46. ABD 47. SEagency 48. Nonar 49. The Living Link 50. Clickey	69,237 69,670 70,250 72,416 75,095 76,672 78,172 79,939 80,745 80,861 83,829 87,503 92,351 97,278 101,871 102,023 104,971 107,958 115,382 116,165 122,268 123,181 124,906 126,249 127,740	4 4 5 4 4 4 5 3 4 3 4 4 4 4 0 2 4 0 3 2 0 2 4 4 5

Ingatlah hal ini terus, karena submit ke search engine termasuk salah satu strategi membangun trafik blog dan jangan lupa lakukan optimasi pada blog anda baik onpage maupun offpage.

read more “Mendaftarkan Blog ke Search Engine”