Tampilkan postingan dengan label Ilmu Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Ilmu Blog. Tampilkan semua postingan

Rabu, 28 November 2012

Memperbanyak Pengunjung Bog




       Kali ini saya akan bahas tentang bagaimana memperbanyak pengunjung blog. Ada salah satu cara memperbanyak pengunjung blog. Kita dapat melakukanya dengan blogwalking. Pengertian blogwalking adalah berjalan dari satu blog ke blog yang lain. Atau pengertian blogwalking yang lebih lengkap adalah kegiatan seorang blogger dalam menelusuri serangkaian blog, membaca tulisan di blog tersebut, memberikan komentar, membalas komentar meminta tukaran link, atau hanya meninggalkan komentar di kotak shoutbox. Blog-blog yang ditelusuri saat blogwalking bisa blog baru, blog sahabat yang sudah terdapat di “blogroll“, dari daftar blog yang memberikan komentar di blog blogger yang melakukan blogwalking, maupun dari daftar blog di blog lain.

        Blogwalking sangat ampuh dalam promosi blog untuk meningkatkan pengunjung sehingga mempercepat peningkatan peringkat alexa (alexa rank). Bukan hanya promosi blog untuk menarik pengunjung baru namun juga bisa menambah pengunjung setia blog kita bila blogwalking dilakukan dengan baik, karena akan terjalin persahabatan antar sesama blogger atau kalau boleh disebut “bloggerhood”.

   
Tips-tips Dalam Blogwalking Untuk Promosi Blog

  1. Tinggalkan komentar yang sopan, bersahabat, dan sesuai dengan isi tulisan saat blogwalking sehingga anda tidak dianggap spammer dan pemilik blog maupun pengunjung lain tertarik.
  2. Sebaiknya lakukan blogwalking setelah melakukan posting di blog kita bukan sebelumnya, agar tulisan terbaru mendapat komentar dari kunjungan balik.
  3. Perbanyak blogwalking di blog yang telah memasang plugin “commentluv” dan tinggalkan komentar di blog tersebut. Plugin ini akan menampilkan judul tulisan terbaru dari blog kita di bagian bawah komentar yang kita tulis sehingga bisa menarik kunjungan balik dari pemilik blog maupun pengunjung lain di blog tersebut.
  4. Perbanyak blogwalking dan komentar di blog yang memasang plugin “Top Commentator”. Dengan begitu nama dan blog kita akan terpasang dibagian sidebar dan umumnya blogger suka dengan pemberi komentar terbanyak dengan kualitas komentar yang baik.
  5. Perbanyak blogwalking ke blog yang menganut system “dofollow” dan tinggalkan komentar di blog tersebut. Selain menarik pengunjung, blog dofollow juga bisa memberikan tambahan backlink gratis ke blog kita.
  6. Saat blogwalking sebaiknya tinggalkan komentar di bagian tulisan atau postingan blog yang dikunjungi daripada meninggalkan komentar di bagian “shoutbox“. Komentar di bagian tulisan bisa lebih interaktif dibandingkan di shoutbox, sehingga tidak hanya menarik empunya blog untuk berkunjung balik tapi juga pengunjung lain.
  7. Hindari menyisipkan link di komentar saat blogwalking karena berpotensi dideteksi sebagai komentar spam. Manfaatkan fasilitas “commentluv” bila blog yang dikunjungi sudah memasang plugin tersebut atau widget “shoutbox” untuk meninggalkan link.
  8. Perbanyak blogwalking dan komentar di blog yang memiliki niche yang sama dengan blog kita, karena kemungkinan besar pengunjung blog tersebut memiliki minat yang sama.
  9. Tambahkan blog yang kita anggap bermanfaat ke blogroll blog kita dengan bertukaran link, untuk mempermudah kunjungan balik ke blog tersebut.
  10. Berlangganan rss feed blog yang kita anggap bermanfaat untuk mengetahui setiap ada tulisan terbaru di blog tersebut dan tinggalkan komentar di tulisan tersebut. Makin awal kita memberikan komentar yang bermanfaat, biasanya makin dihargai oleh pemilik blog.

Kesimpulan dan Tips Tambahan blogwalking untuk promosi blog

       Secara keseluruhan yang perlu diperhatikan saat blogwalking adalah meninggalkan komentar. Atau istilahnya tak ada blogwalking tanpa komentar . Meskipun blogwalking cukup efektif untuk promosi blog namun ada kelemahannya yaitu membutuhkan waktu lebih banyak. Saat kita berhenti melakukan blogwalking biasanya trafik blog juga akan menurun.

        Namun hal ini kembali tergantung dari kualitas tulisan blog kita. Kalau tulisan blog kita berkualitas, kunjungan balik akan tetap ada walaupun kita hanya satu kali melakukan promosi blog dengan blogwalking ke blog tersebut.

       Salam buat para blogger. Semoga artikel ini bermanfaat

Rabu, 29 Agustus 2012

Perkembangan Teknologi di Indonesia: Internet & Mobile (part-2)




Perkembangan Teknologi di Indonesia: Internet & Mobile (part-2)
Pada artikel sebelumnya, Paseban sudah memaparkan bagaimana perkembangan teknologi di Indonesia yang meliputi dunia internet dan mobile. Pada artikel ini, Paseban akan melanjutkan pembahasannya tersebut:
Fakta kelima dari laporan perkembangan teknologi di Indonesia yang dilakukan oleh agensi survey internasional adalah cukup tingginya minat pengguna internet terhadap konten video di dunia maya. 51% dari seluruh pengguna internet Indonesia streaming atau download konten video online per bulannya. Hasil ini bukanlah suatu yang mengejutkan apabila dilihat dari hit konten video lokal Indonesia di youtube.
Perkembangan Teknologi di Indonesia: Internet & Mobile (part-2)
Apakah Anda suka berbagi foto dan menampilkannya di internet? Dan ada beberapa orang yang menyebut Anda "narsis."� Well, don't worry about that, karena fakta keenam dari laporan perkembangan teknologi di Indonesia menyatakan Anda bukanlah satu-satunya. Survey menyebutkan bahwa hampir semua, 90%, pengguna internet Indonesia memanfaatkan layanan situs sharing foto.
Perkembangan Teknologi di Indonesia: Internet & Mobile (part-2)
Fungsi blog saat ini mengalami telah berkembang menjadi banyak fungsi. Blog dulu umumnya hanya dimiliki oleh orang yang suka menulis dan ingin mempublish artikel hasil tulisannya untuk orang lain. Tetapi sekarang foto dan video bisa menjadi konten utama suatu blog. Fungsi juga berkembang menjadi semacam media sosial dimana para blogger saling berkumpul, sarana pendapatan dengan banyaknya pengiklan yang bersedia untuk memasang iklannya di blog berpengunjung tinggi, beberapa menggunakannya menjadi semacam diary online, hingga menjadi portofolio online.
Perkembangan blog inipun telah menyentuh tanah air, dimana fakta ketujuh dari perkembangan teknologi di Indonesia menyatakan bahwa terdapat lebih dari 5 juta blog milik pengguna internet di Negara kita.
Perkembangan Teknologi di Indonesia: Internet & Mobile (part-2)
Fakta kedelapan yang bisa diambil dari survey perkembangan teknologi di Indonesia ini adalah remaja adalah pengguna internet terbanyak, situs yang paling sering mereka kunjungi adalah media sosial, mereka menyukai media sosial ini sebagai sarana komunikasi dibandingkan media lainnya, dan mereka lebih suka mengunjunginya melalui ponsel.
Perkembangan Teknologi di Indonesia: Internet & Mobile (part-2)
Mungkin Anda semua telah mengetahui bahwa Indonesia telah lama menduduki posisi kedua sebagai pengguna media sosial terbesar di dunia. Dan sebuah Global Web Index Survey yang diadakan baru-baru ini menunjukkan bahwa pengguna internet Indonesia, bersama dengan Filipina, adalah "the most social people on earth."� [RY]

Senin, 30 Juli 2012

Membuat Menu Vertikal Dengan Icon





Sudah beberapa postingan dilewatkan sejak mengganti templatedan domain blog ini, inilah pertama kalinya dengan domain www.berbagidisini.com untuk sharing blogging tips yaitu "Membuat Menu Vertikal Dengan Icon". Mungkin saya berbagi trik yang satu ini agak terlambat, karena saya dilihat sudah banyak teman-teman yang lain untuk mengambilnya dengan membongkar page source blog ini, tapi itu tidak masalah bagi saya. maaf ya telat...hehehe...

Menu vertikal merupakan salah satu cara pintas yang bisa diterapkan pada blog untuk link favorit agar mudah mengaksesnya, membuat menu vertikal dengan icon ini cocok digunakan pada template blog yang memiliki sidebar blog yang tidak terlalu lebar. Membuat menu vertikal dengan icon ini merupakan inspirasi dari Yahoo.com, inilah menu vertikal dengan icon versiberbagidisini. Bagaimana cara membuatnya? yuk kita ikuti langkah-langkah sebagai berikut :

1. Login akun blogger anda terlebih dahulu
2. Pilih Design>>Page Elements>> Pilih Add a Gadget kemudian pilih HTML/Javascript
3. Copas kode berikut pada gadget HTML/Javascript tadi :

<ul><table width="100%" border="0">
<tr>
<td width="3%"><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Rrf1tZvS2BeIJ5EfV0nahb9A3YgchYQiEKu_cRx6ysR2xXQl1CTsQns9igPmtgu5ulfR52vMsU3cIohv_mcf7dhFObmLGZlx1lwtcwOXRoVzaCAKfGGfuSkDu4Ls_13clv4ZGBxpNvxF/s1600/report_magnify.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="http://www.berbagidisini.com/2009/09/tips-dan-motivasi-mario-teguh.html">Daftar Isi</a></li></td>
</tr>

<tr>
<td width="3%"><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJC09SrG61xijuoPO3j5p1M6aLC-d0eBq1YlakKFBOeHOQlCTVQ-_Di_9xkX99mJn8dtxYUnD6u6LGvBhT_VTnr6SxWOdB4KyiVFlfGIonSQPwl2QRemDgdfrImYj-Q_dsYqOLmiTzEJvc/" width="18" height="18" /></div></td>
<td width="97%"><li><a href="http://www.berbagidisini.com/2009/10/pasang-bannerlink-sobat-disini.html">Link Exchange</a></li></td>
</tr>

<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKmK62UNUlGboXB14IfgEie0knB4Pg0Gci4maDnhbv5Y6bgffTQIoLIlWsw1wl0lsELTnl-icw7MEpMv4fkzF89faGHNKcmnoA4QIwMI-KbVRuBiLMaeA2onoQqkIj_QItWQBuphduYK9j/" width="18" height="18" /></div></td>
<td><li><a href="http://feeds.feedburner.com/endafivers?format=xml">Live Bookmark</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNmC2I6fRSVmhn-8N2yaLlbG3jbhZG65J4zj3X1w-AByam8azQesOqCKXgzyeLDO3fZkhfx53kpuxO4-fU3284nbB1qG8OTsbA8q1Uh2vD95ii0RNGmcSVCEAr_r0Lh6ADgPP59Odps_R/" width="18" height="18" /></div></td>
<td><li><a href="http://www.gmail.com">Mail</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lFfjynX9cZJlMGTsicsx1BIUrmkic9beF6LuTZ6cws54PDyo3UJVf-0Vt2NMMgQmK6cQgyUbu4fxC6LZyGarsNclqnhmGeCfB23rleOVYpczL6IySo8uMq7RS5WYopZSfpLi8koORJ_M/" width="18" height="18" /></div></td>
<td><li><a href="http://www.facebook.com/enda.fivers">Facebook</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxxSRikIuFQ_F8VQap5i30gpC750lIEXsm-NBdSCMtrK46PiHn02E4coQ-aGQ18jXj9QfOJ-5Y0fNPJLTUB2mKCQXUtNkm5DX3ibQdw6IK6lS-LvXQl5XShv_M9ncRSHgJ-fFmMikOdiO/" width="18" height="18" /></div></td>
<td><li><a href="http://www.twitter.com/endafivers">Twitter</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrffTiiZG9SuyaIHZ2bHmLZ60gABQx1IRfNlukA6f6eowbS88WAMXXgxVuwdsLKAKE5nKpeOCGSCZHwgA9xEd4inbs5oFC56cu0-IJppCsBXxogppCHKODzsKJvaFEJiKQTagvbC1xFvYi/" width="18" height="18" /></div></td>
<td><li><a href="http://www.berbagidisini.com/2010/03/followers.html">Followers</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xChofvzfBHp3B4VxPFy2hpLMQIdVlmP6NmemcYT4OQoIzGOO5tl0yIHm1L68DDilcMQ-vzrEl5LrDOvzKyXQntMK1BFiOj2ObOcNC6jL4xEWmTFnjvWMiaR_8DCIU9Apnm_ir2Q4VuUQ/" width="18" height="18" /></div></td>
<td><li><a href="http://www.yahoo.com">Yahoo</a></li></td>
</tr>
<tr>
<td><div align="center"><img alt="Five Minutes" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMpU6bNxwBr-l995A93H5o0wDzozcQYbqF6azmu82xA4rcWBEL-3Bl_-486iy1Xd7HyBgGnqpnWMevJ91ZvAiXBO_QGNrFs2WUr-VsIF4ddB_6_j8PcQW1CklhnJAeMUmYF9S1MabpRKKf/s1600/Fivers.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.fivers-pekanbaru.com">Fivers</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEithHlxqQB_AD68EQn-4TuYYpeN-t2tF2Dh_ha1swDBYMHjIOo9ZqaU0rGhUt4TYdE8cLIyql5MHDZrHVm34WfsNgCLN9IIYxUEOzDSqiVqDa1nJTbfEGGFG3trWLS5YXKsrUZRCRemEUeQ/s1600/music.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.berbagidisini.com/2009/09/dengerin-lagu-five-minutes.html">Music</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj60sYCFwix8vvpCBpbeP_hXW203s0s-QaiMACMhpNGjtVXsZ_ch8squsFWHhiu1gXoRZ6UmpEHVewGYoH-Pxg4sDkGwzMzpEYZEzNwq5zuCHP0i5CX3n15MKUYAQVBKD2CJriismAd1ema/s1600/video.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.fivers-pekanbaru.com">Video</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_rQ4gjc7OvJZYqs0rqoBgmBsrgW_JbdLYtjxXFmQ_88pxsX1awNBerIu-nplLjKn_nNgrnfL0x2pGt9qF1xRaznQjQLP9ofzwUu_YZ7w2fnuGllDY7gTnhccycPaJWFtSSIQzvbypM5CR/s1600/feed_burner.png" width="18" height="18" /></div></td>
<td><li><a href="http://feeds.feedburner.com/endafivers">Feedburner</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwSxsMAXTTU90Byly1aNwDTVQAXGBtvYtOARlw4yzLe-NKeX5qhcb8eCHjD0gkjT18IRUK5q4IbGOKVdNGkEOREM9f25L5cn-yeWDLDWU5RsZl3I7klXH58nSp_cWbJ93Rq2xlB-Jol8at/s1600/chat_2.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.berbagidisini.com/2009/03/chat-room.html">Chat Room</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJN7txLVyMwE9Ou11U-o4dPygB5vmSRm6ExLtRmYvOgC_reMSwMZ5OZuYvL397j1phnW3autTpoUWSe87i9Xhcr1LkV3swPwpZ4-REgcMDTkWNDGrRYTm__L4vo0TPKgWDwEZQ_MuzR8c8/s1600/download_folder.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.berbagidisini.com/2009/09/new.html">Download</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4IezHg6xvw6rvCRapyE9RGf-YzsaU_HZOUcZy4l2l9b0Y9woHdDAaqJRrRYOqb8j0I7KrnHwhsRCmmmY6qRuSnFe0mZDMR-fjgDJWzrhcFARYbLNUYK-8H-vTnOHrZ8xQutNCMhLLwmJ6/s1600/google_youtube.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.youtube.com/user/endafivers">Youtube</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8H6g7u9D7uhuJuykjfxpMOuBvuCHAu82eC7amNIu8FrpFaqaQjHoTOZE4JhYy8flZBy-6IOE4HgW3tAEaY0bq_g2ZBOJccsb6IH1THj7RRMkffCnZJzQOI1ti7ueokOFUIpUnJumg24C/s1600/radio.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.berbagidisini.com/2011/01/radio-online-enda-fivers.html">Radio</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFtT9oH06FRFE1hRfvL9k_AJaVeRimThE1hb2cbKrR6WAfEsB5ZKuhchG5J9vq0CzzRwdlKuQH9otppgOVIakbtd1JyY5PNoda25jUuGKZyAwmW7MqyOnmZZOetyhodCQb5XdBq79OXrSD/s1600/tv.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.berbagidisini.com/2010/06/tv-one.html">Tv </a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz0vi07fACkL4YE2pfX2FDC_M7WO1FgFQ58mXjIL2vyBO24lR3zD_rxwX2Jj60mqyq-eBTPCiNpIoOFI0T4fvkg188_RWkrVt7hyphenhyphenW1x3daK0uQMxDGYihbeOFdLuyRutWjRqyV3GNH6KjH/s1600/widget_badge.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.berbagidisini.com/search/label/Widget">Widget</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhubZQwH3doOonTP4E6ProhSs_Vtfn83VU0Il5wdJq5WasS4IQ8H4qyBpfc4RAzVhDVAhmq7K1-llj_UAlIuGhOEoKknfSI4yZFU0qx7EYV47UDkFAb7aWsrlKj0nXzRddgf5wdGIYkPZzF/s1600/people_online.png" width="18" height="18" /></div></td>
<td><li><a href="http://www.berbagidisini.com/2009/03/chat-room.html">User Online</a></li></td>
</tr>
</table>
</ul>

4. Simpan dan lihat blog.

Sangat mudah bukan?? tapi tidak hanya sampai disini saja, silahkan untuk merubah nama menu dan link tujuan sesuai yang anda inginkan. Perhatikan catatan berikut ini :

* Untuk mengganti Icon silahkan ganti URL imege yang berwarna biru pada kode diatas.
* Untuk mengganti nama menu silahkan ganti text yang berwarna merah.
* Untuk mengganti link silahkan ganti tulisan yang berwarna hijau.


Semoga ini dapat bermanfaat bagi kita semua, silahkan dikembangkan lagi untuk yang lebih baik.

salam

Cara Pasang Histats



histats.com.jpg (320×240)Kali ini saya membahas tentang gimana cara memasang Histats.
Apa si kegunaan histats bagi blog??? ya tentu ada gunanya..mengetahui perkembangan blog atau website yang kita miliki.

Sekarang tidak perlu susah-susah karena telah banyak layanan gratis yang free. Salah satumya Hitstats.com. Situs ini memungkinkan anggotanya untuk mengetahui statistic dari blog atau websitenya perhari, bulan dan tahun. Online visitor juga dapat diketahui dan masih banyak fitur-fitur lain yang disediakan.

Bagi anda yang ingin mengetahui perkembangan statistic dari blog atau website yang anda miliki tidak ada salahnya mencoba situs ini. Atau apabila anda ingin orang yang mengunjungi blog atu website anda mengetahui statistic dari blog anda bisa di coba cara berikut.

Cara memasang histats di blog anda sangatlah mudah :

1. Anda cukup register
2. Masukkan Account Info seperti : alamat email dan Pasword.
3. Isi Site info seperti : Site url, Title, Description.
4. Enaknya lagi di histats.com ini kita bisa mengisi Page views start value dan Visitors start value dengan angka yang kita inginkan.
5. Sekarang tinggal pilih model tampilan yang diinginkan klik continue.
6. Pilih informasi yang akan ditampilkan. Ada Total Page views,Total Visitors, User online, Page views today, Visitor today. Klik Continue.
7. Copy kode tersebut ke blog anda... selesai deh

Contoh HTML/ Javascript Histats, Beserta Hasilnya :
<!-- Histats.com START (standard)--> <div align="center" style="margin:15px 0px 0px 0px"><script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script> <a href="http://www.histats.com" target="_blank" title="free web site hit counter" ><script type="text/javascript" > try {Histats.start(1,1522361,4,10,200,40,"00010000"); Histats.track_hits();} catch(err){}; </script></a> <noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?1522361&amp;101" alt="free web site hit counter" border="0" /></a></noscript></div> <!-- Histats.com END -->

Selamat mencoba jangan lupa comment nya ya.

Langkah cara memasang Histats, gadget Histats, tutor pasang Histats, cara mendaftar di Histats, cara menambah Histats di blogspot, tambah Histats pada blogspot, menambah aplikasi Histats pada blog.

Membuat Menu "Floating" Agar Hemat Tempat




Hmm,,, "menu floating" heheh ga tau deh apa namanya yang pasti menunya bisa mengambang.

Blog yang sempitlah yang memicu saya untuk menggunakan/membuat menu floating ini, karena ga tau lagi mau dipasang dimana menu-menu ini
  
Akhirnya saya menemukan ide untuk memasangnya, mau tau caranya??? hehe..bentar ya kita cerita sedikit dulu.. Menu Floating ini merupakan sedikit modifikasidari kode untuk membuat Cbox show/hide, hanya dengan merubah posisi dan membuat backgroundnya jadi transparan saja kok heheh....
Five Minutes<< klik>>
Baiklah langsung saja saya kasi tau caranya..
1. Login Blogger
2. Klik ==>Rancangan =>Elemen Laman
3. Tambah Gadget HTML/Java Script [di Sidebar aja]
4. Copas kode berikut :
<style>
#hcl { position:fixed;
top:70px;
left:0px; z-index:+1000; }
* html #hcl {position:relative;}

.hcltab {
height:32px;
width:80px;
float:bottom;
cursor:pointer;
background:url('http://png.findicons.com/files/icons/2212/carpelinx/32/add.png')
no-repeat;
}

.hclcontent {
float:bottom;
border:0px solid #926334;
background:transparent
no-repeat;
padding:5px;
}

.hc-credit {
font-size:9px
}

.hc-credit a {
text-decoration:none
}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened; } function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 30 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir; hcl.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl"> <div class="hclcontent">

<center>
<a href="http://exeloph.blogspot.com/2010/02/award-dari-sobat-blogger.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZc5VCglpY_MQ6bB4Y27HT4pupjNeVvR_1Rb4OoTEmAcPyg23ZPEgdNjnU-dAdiRTqbegpZfsKm7igcshKjQ5fstKx4KUKme-cFPCne09aLerGe5Fmr_4-NJQySt8sfUAwMbDpWdfy_g/" /></a>
</center>
<center>
<a href="http://www.facebook.com/enda.fivers"target=_blank"><img style="width: 80px; height: 80px;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGA7c0JEV0y2J1kmLC5d5nRccrzLd7GLtHQddLXSiPo6jzsBFRw1ZlDQSADaBz4AyghyphenhyphenRyxpx8Q7PNaVBF6OgixOwbA0PASH5Y_Y_N3f_o8MrwZtJEMmLag3jzcU78slII8NHGQhEwAaw/" /></a>
</center>
<center>
<a href="http://twitter.com/endafivers"target=_blank"><img style="width: 80px; height: 80px;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdbVA296OPiBD-kQ0VHRgnEFC4D9XZkTJ8HupNnX_zED4-4zf02k3xTnbymJtzPic53SpGjdgGdhfS3kfg5-9ronsvQPK7uGCvadxTVIy8cxyMKbNUiE3c0B2Z7xy7H9CSZaSjGMoDI_E/" /></a>
</center>

</div>
<div class="hcltab" onclick="showHidehcl()">
</div>
</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl"); hcl.style.top = (30-hcl.offsetWidth).toString() + "px";
</script>
5. Simpan

Note :
- Kode yang berwarna biru adalah url image untuk "show/hide" menu [Tidak diganti juga tidak apa-apa]
- Kode yang berwarna merah adalah URL/Link tujuan icon sobat
- Kode yang berwarna oren adalah URL Icon [sobat dapat juga menggantinya dengan Icon yang lain]
- Dapat ditambahkan beberapa menu lagi sesuai selera sobat dengan menambahkan kode berikut :
 <center>
<a href="LINK SOBAT"><img border="0" src="URL ICON SOBAT" /></a>
</center>

"Baiklah sekian dulu tipsnya, maaf kalo ada salah"

Cara Mengganti Logo Blog Pada Address Bar



Favicon??
itu dia icon kecil yang ada di sebelah kiri URL pada browser...

Mungkin anda sudah bosan dengan favicon standar blogger...Photobucket Photobucket
nah berikut cara mengantinya :

1. Siapkan icon yang anda inginkan Photobucket 
    (disini ada sedikit icon animasi yg mungkin bisa kamu gunakan klik aja)
2. Upload ke image hosting misal'a photobucket untuk mendapatkan URL icon'a
3. Login ke blogger ==> Tata Letak ==> Edit HTML
4. Cari kode </head>
5. CoPas kode dibawah ini persis diatasnya
<link rel="shortcut icon" href="http://i796.photobucket.com/albums/yy249/enda_fivers/98.gif"/>

6. Ganti kode yang berwarna merah diatas dengan URL icon yang sudah anda upload (atau pake yang itu juga bisa)
7. Simpan dan lihat hasil'a.... 

kasi koment yah.... Photobucket

Membuat Background Pada Cbox



Pada postingan kali ini saya akan share bagaimana cara membuat background pada cbox seperti yang terlihat pada Cbox saya / lihat screenshot disamping. Awal ketertarikan saya membuat background pada cbox ini adalah saat saya berkunjung pada blog sobat "Lintas Suara" dan melihat cboxnya, sejak dari kunjungan itulah saya mulai berfikir bagaimana cara membuat background pada cbox (cie..ciee...berfikir) tapi memang benar-benar saya pikirkan lho...hehehe...

Awalnya saya mengira itu adalah fasilitas dari cbox, ternyata eh ternyata "Te I De A Ka", pada cbox kita hanya perlu settingan warna (dijadiin transparan).
Ya sudah,,saya emang orangnya ga banyak basa-basi... Berikut caranya :
1. بِسْÙ…ِ اللّÙ‡ِ الرَّØ­ْÙ…َÙ†ِ الرَّØ­ِÙŠْÙ…
2. login pada Cbox

3. Pilih >>Look & Fell >>Colours & fonts


4. Pada menu Colours & Fonts silahkan sobat atur warna cbox (hapus kode warna untuk membuatnya transparan)

Klik disini untuk melihat gambar
5. Setelah diatur warnanya klik "Apply"







6. Lihat pada kode cbox sobat untuk mempersiapkan ukuran gambar (berikut contoh kode cbox saya)

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="380" height="180" src="http://www5.cbox.ws/box/?boxid=537363&amp;boxtag=x15zpv&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="380" height="75" src="http://www5.cbox.ws/box/?boxid=537363&amp;boxtag=x15zpv&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
height= 180
height=   75
-------------+
Total=  255  << tinggi gambar yang harus dipersiapkan (ini contoh pada blog saya)
Sedangkan lebar gambar tidak perlu dijumlahkan seperti diatas >> width=380

7. Setelah Gambar dipersiapkan silahkan upload pada tempat hosting image seperti Picasa atau Photobucket dll.
8. Login Blogger pilih >>Rancangan >>Elemen Laman, dan tambahkan gadget HTML/Java Script
9. Copas kode berikut :

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDYH-MBP_s4JaP_ZKxafro2hE94NFKBgUZFAFOqGJC2Af4YZpErN7G1VVmSNUWyEA8uWv3tPoXBYpzBQ68YJTcDS66uC4KkWlw6UYPq3X6oU9vWaOt16i58pMbvbwgnaWDo9IKcPRoU44S/) no-repeat center;">
Kode Cbox Sobat Disini
</div>
Warna biru ganti dengan URL image sobat yang telah diupload

10.Save

Note : "Jika gambar tidak tepat pada tengah cbox silahkan cari gambar/buat gambar sesuai dengan ukuran lebar dan tinggi widget sidebar blog sobat, gambar juga bisa berupa icon animasi dll"
           no-repeat center dapat diganti dengan :
repeat 
no-repeat center [Posisi gambar ditengah]

no-repeat center bottom [Posisi Gambar ditengah>>bawah]
no-repeat center left [Posisi Gambar ditengah>>kiri]
no-repeat center top [Posisi Gambar ditengah>>atas]
no-repeat bottom center [Posisi Gambar ditengah>>bawah]
Sekian dulu tips dan trik dari saya. Silahkan sobat kembangkan lagi dengan mencoba-coba pasti bisa..hihi..
"mohon maaf jika ada kesalahan dan jangan lupa beri tau saya"



"Selamat menikmati hidangan cbox barunya...hehehe"

Selasa, 10 April 2012

Membuat Auto Refresh Untuk Blogspot




Membuat Auto Refresh Untuk Blogspot
 
- Sharing Cara membuat auto refresh untuk blogspot. Kalian sudah tahu tentunya yang dimaksud dengan auto refresh yaitu me load halaman blog berulang ulang sesuai dengan waktu yang di tentukan oleh yang empunya blog . Tidak usah basa basi langsung aja Step.By.Step cara membuat auto refresh untuk blogspot !!!
   1. Login ke blog anda
   2. Design =>> Edit HTML
   3. Cari kode </head>
   4. Letakan kode berikut setelah kode </head>
<meta content='300' http-equiv='refresh'/>

Keterangan : Yang berwarna merah berarti blog anda akan merefresh setiap 300 detik. ganti sesuai keinginan anda. Sekian posting saya kali ini, semoga bermanfaatbuat selulur blogger di indonesia. 

Senin, 09 April 2012

IP address


 

For your home page


Place a link to 123myip.co.uk on your home page. This takes no more than a minute. Simply copy the HTML source code below to your web site, and that's it.
Please note: This service is free for private use. If you wish to use the banner for commercial purposes, please contact us. Use of the code is subject to our Conditions of Use.
By using this HTML source code you accept our Conditions of Use.
Insert the HTML source code unchanged into your web site:
IP
Source code "Button" 125x125:
<a href="http://www.123myip.co.uk/cometo/?en"><img src="http://www.123myip.co.uk/ip-address/?size=125x125" border="0" width="125" height="125" alt="IP" /></a>




IP
Source code "Full Banner" 468x60:
<a href="http://www.123myip.co.uk/cometo/?en"><img src="http://www.123myip.co.uk/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>

Jumat, 16 Maret 2012

Template football real madrid




template football real madrid ini untuk blogger atau blogspot, tampilan berwarna hitam, sangat cocok untuk anda yang menjadi pengemar sepak bola terutama real madrid, template ini sudah kami optimasi dari keyword di meta dan juga scriptnya, kami sesuaikan dengan topik jadi dengan begitu sangat mudah untuk terindek oleh mesin pencari seperti google.com yahoo.com dll. jika anda punya blog jangan ragu ragu untuk mencoba template ini, buktikan kehandalan optimasi kami, yang menerapkan ilmu master seo disini http://masterseo.net

Blog terbanyak dikunjungi didunia


blog didunia yang paling banyak dikunjungi secara terus menerus mengenai kemajuan teknologi, web social,gosip artis dan lagu lagu music jadi para pemain ppc berbondong bondong membuat situs itu dengan harapan dapat pengunjung yang banyak, perlu diketahui bahwa pengunjung datang tidak dengan sendirinya harus dioptimasi baik dari ngoprek cmsnya itu sendiri, selalu update artikel dan iklan banyak jasa iklan yang cepat meledakkan
pengunjung dengan biaya iklan yang tidak sedikit, perbanyak backlink menuju situs anda ini wajib bagi blogger agar selalu menang dalam serp bisa dengan manual alias wira wiri silaturahmi keweb lain untuk mencari sesuap backlink hehe, tapi jika anda mengiginkan secara cepat banyak penyedia jasa membangun backlink seperti http://backlinksvault.com menawarkan ribuan tapi juga dengan biaya ratusan dolar, hasilnya juga sebanding kok, selamat mencoba semoga bertambah pundi pundi dengan menerapkan trik ngak gratisan ini hehe

Rabu, 14 Maret 2012

Langkah-langkah cara membuat Read More Otomatis di Blogspot


Cara Membuat Read More Otomatis di Blog
Cara membuat Read More otomatis di Blogspotdengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahasmengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas juga? wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.

Bagaimana Cara membuat Read More otomatis di blogspot?

Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.

LANGKAH-LANGKAH CARA MEMBUAT READ MORE OTOMATIS DI BLOGSPOT :

  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
  • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Finish simpan template dan lihat hasilnya
Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya :
  1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
  2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
  3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
  4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
  5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gifsilahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya ">> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Share

Twitter Delicious Facebook Digg