TukangSoft

Apa Itu Google Plus ?

Google Plus – Google plus merupakan layanan jejaring sosial yang diluncurkan oleh Google pada akhir bulan Maret 2011. Google plus memiliki fitur yang memungkinkan penggunanya untuk saling berinteraksi dan berkomunikasi dengan teman sesama pengguna Google plus lainnya.

Latar belakang munculnya Google plus.

Banyak kabar yang menyebutkan jika latar belakang munculnya Google plus ini untuk mematahkan dominasi facebook dalam dunia jejaring sosial. Google memang sebelumnya sangat berambisi untuk bisa menyaingi kejayaan facebook.

Buktinya adalah mereka sudah pernah mengeluarkan beberapa layanan yang diharapkan mampu mengimbangi popularitas facebook seperti google wave, google buzz dan orgut. Akan tetapi, semua layanan tersebut gagal di pasaran dan tetap saja tidak mampu mengimbangi dominasi facebook sebagai situs jejaring sosial terbesar di dunia dengan 721 juta anggota per November 2011.

Saat ini, Google sudah memiliki layanan jejaring sosial berupa Google plus yang diyakini mampu berperan efektif dalam menyaingi popularitas facebook. Banyak sumber yang juga mengatakan jika Google plus sebagai ancaman serius bagi keberlangsungan facebook. Buktinya adalah Mark Zuckenberg sebagai pendiri facebook pun ikut membuat akun Google plus setelah beredar kabar layanan ini telah resmi diluncurkan.

Saat ini akun Google plus Mark Zuckerberg sudah memiliki 611735 jalinan pertemanan. Akan tetapi, dia belum pernah melakukan aktifitas apapun dalam jejaring sosial tersebut. Hal ini dimungkinkan karena Mark Zuckerberg merasa penasaran dan ingin melihat seperti apa layanan jejaring sosial yang berpotensi mengalahkan facebook miliknya.

Saat ini facebook juga membatasi ruang gerak penggunanya agar tidak pindah ke Google plus. Salah satu upaya yang sudah dilakukan adalah dengan memblokir aplikasi yang dapat digunakan sebagai akses untuk memindahkan kontak data pengguna dari facebook ke Google plus.

Fitur Google Plus.

Pada dasarnya Google plus ini masih bersifat beta atau masih dalam tahap pengembangan, sehingga masih ada beberapa fitur penggunaan yang dirasakan perlu untuk ditambahkan.

Beberapa fitur yang terdapat dalam Google plus adalah sebagai berikut.

Kolom Status, digunakan untuk membuat status.
Notifikasi, memberikan kita kabar peringatan jika ada sesuatu yang terjadi dalam akun Google plus kita.
Galeri Foto, fitur untuk menampilkan foto dalam akun Google plus kita.
Stream, membedakan mana yang kita lihat di timeline kita.
Sparks, fitur untuk mencari konten yang kita inginkan.
Chat, fasilitas untuk komunikasi secara real time.
In Your Circles, orang-orang yang menjadi teman kita.
Suggestions, fitur untuk membantu kita untuk memasukkan pengguna Google lain ke dalam circle yang telah kita miliki.
Hangouts, fitur untuk video group chat.
Go Mobile, untuk sementara hanya support untuk ponsel ber-OS Android.

Cara daftar Google plus.

Cara untuk mendaftar Google cukup mudah. Kita hanya memerlukan akun gmail sebagai syarat wajibnya dan kemudian kunjungi situs http://plus.google.com/. Setelah itu, klik Keep Me Posted dan isikan biodata yang diperlukan.

Manfaat Google Plus.

Jika dikaitkan dengan dunia blogging, Google plus dapat bermanfaat sebagai salah satu alat seo untuk menentukan pemeringkatan blog berdasarkan popularitasnya di SERP (search engine result page). Saat ada pembaca yang berkunjung ke blog kita dan membaca sebuah artikel hingga kemudian merasa senang dengan artikel yang baru saja dibacanya tersebut, dia dapat merekomendasikan artikel tersebut untuk dibaca oleh orang lain dengan cara klik tombol Google plus.

Klik tombol Google plus ini maksudnya adalah kita merekomendasikan sebuah artikel kepada orang lain untuk dibaca dan memberikan semacam poin plus agar halaman artikel dalam blog kita tersebut mendapatkan tempat yang baik di hasil pencarian Google untuk keyword yang terkandung dalam artikel tersebut. Jadi, semakin banyak pembaca yang klik tombol Google plus untuk artikel blog kita maka kemungkinan artikel tersebut mendapatkan SERP yang baik juga akan semakin besar.

Google plus memang menjadi fenomena tersendiri saat ini. Akan tetapi, kita tidak boleh terpancing keadaan dan membuatnya semakin terkesan heboh. Gunakanlah jika memang diperlukan dan dalam batas keperluan kita saja.

Cara Membuat Banner Pasang Iklan Di Blog

Buat Banner Pasang Iklan Di Blog – Salah satu manfaat memiliki blog adalah kita dapat memonetisasinya menjadi sumber penghasilan jika blog yang kita miliki tersebut sudah memiliki kualitas yang baik. Di antara beberapa bentuk monetisasi yang dapat kita lakukan tersebut, kita dapat melakukan monetisasi berupa pemasangan iklan mandiri. Monetisasi blog dalam bentuk pemasangan iklan mandiri memiliki cara kerja di mana kita menyewakan space atau ruangan dalam halaman blog kita baik di untuk ditempati iklan oleh advertiser dan advertiser tersebut membayar sejumlah uang kepada kita secara periodik, baik mingguan dan bulanan.

Fakta yang ada saat ini adalah kebanyakan blogger melakukan aktifitas bloggingnya karena motivasi bisnis online. Mereka melakukan blogging bukan hanya semata untuk berekspresi dan berbagi, melainkan juga karena alasan ingin mendapatkan banyak uang dengan prinsip bisnis online.

Jika termasuk salah satu di antara mereka dengan alasan blogging untuk mendapatkan banyak uang, hal yang harus kita benahi untuk pertama kali adalah kualitas blog kita. Tanyakan pada diri sendiri, apakah blog kita sudah layak dimonetisasi? Beberapa indikator yang bisa digunakan untuk menilai apakah blog kita layak dimonetisasi adalah jumlah kunjungannya, pageranknya, pageviewsnya, bahkan hingga jumlah penggemarnya.

Jika kita sudah yakin bahwa blog kita layak dimonetisasi, kita dapat menggunakan salah satu bentuk monetisasi blog berupa pemasangan iklan mandiri. Dalam pemasangan iklan mandiri kita cukup memasangkan banner pasang iklan di blog ini untuk membertahukan kepada advertiser yang berkunjung jika kita menyewakan beberapa ruang kosong di blog kepada mereka.

Adapun cara untuk membuat banner pasang iklan di blog adalah sebagai berikut.

Pertama, buat dahulu gambar banner pasang iklan di blog dengan ukuran luas space yang akan kita sewakan di blog. Contohnya adalah ukuran 125x125, 468x60, 250x250, dsb.

Upload gambar tersebut di situs hosting gambar gratisan. Kalau bisa, gunakan saja blogspot sebagai pilihan hosting gambarnya. Baca kembali artikel tentang Cara Hosting Gambar Di Blogspot.

Masuk ke dalam akun blogger masing-masing.

Klik rancangan.

Klik add gadget/tambah gadget.

Pilih HTML/JavaScript.

Masukan kode berikut ini.

Klik simpan.

Setelah itu atur dan letakan banner di posisi di mana kita akan memberikan ruang sewa kepada para advertiser di dalam blog kita.

Selesai.

Keterangan:

Ganti URL halaman blog dengan link halaman yang akan dituju saat banner tersebut diklik. Biasanya diisi dengan link yang menuju pada halaman yang memberikan penjelasan tentang prosedur dalam menyewa space iklan di blog.
Ganti URL gambar dengan URL yang kita dapatkan saat hosting gambar sebelumnya.

Kita tidak perlu menggunakan tag <br/> untuk mengganti baris saat meletakan banner tersebut karena banner akan secara otomatis berganti baris ketika lebar banner yang berjajar sudah tidak sesuai lagi dengan lebar di bagian blog kita.

Dengan adanya pemasangan banner pasang iklan di blog ini akan memudahkan advertiser untuk mengetahui jika blog kita sudah menyewakan space iklan bagi mereka. Buatlah gambar banner yang menarik untuk memancing perhatian para advertiser. Selain itu, tawarkan juga posisi pemasangan iklan yang strategis banyak di lihat pembaca dengan tarif pemasangan iklan yang menguntungkan.

Cara Menampilkan Avatar Pada Komentar Blog

Menampilkan Avatar Di Komentar Blog – Salah satu cara untuk mempromosikan blog kita adalah berkomentar di blog milik orang lain. Karena dengan hal tersebut paling tidak bisa membuat pemilik blog yang telah kita komentari sebelumnya berkenan untuk berkunjung balik hingga terciptalah jalinan pertemanan dengannya.

Ada beberapa hal yang dapat kita lakukan untuk menarik minat pembaca agar berkenan meninggalkan komentarnya di blog kita. Untuk pembahasan lengkapnya, silakan baca artikel 7 Tips Meningkatkan Jumlah Komentar Di Blog. Salah satu upaya yang kita lakukan adalah dengan memberikan tampilan form komentar yang menarik dan memikat pembaca.

Akan tetapi, dalam melakukan tips tersebut kita akan sedikit menemukan kendala karena pada tampilan komentar default blogger tidak memunculkan avatar untuk pilihan profil komentar selain berkomentar menggunakan profil akun google.

Coba lihat tampilan di bawah ini.

Bagaimana cara menampilkan avatar pada komentar blog ?

Masuk ke dalam akun blogger masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut ini.

atau

Kemudian hapus dan ganti dengan kode berikut ini.

Cari kode berikut ini.

Kemudian hapus juga dan ganti dengan kode berikut ini.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Cari kode berikut ini.

]]></b:skin>

Tambahkan kode berikut ini di atasnya.

#comments-block .avatar-image-container img {
background: #fff url(URL Avatar) no-repeat left top;
width:32px;
height:32px
}

Klik simpan dan selesai.

Keterangan:

Unduh dan simpan template blog kita terlebih dahulu sebagai antisipasi jika terjadi kegagalan dalam proses editing template.
Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan dalam template blog kita.
Ganti URL Avatar dengan alamat gambar avatar yang ingin kita tampilkan untuk mengisi kekosongan gambar profil di tampilan komentar blog.
Ganti ukuran tinggi (height) dan lebarnya (width) sesuai keinginan kita.

Ini adalah contoh tampilan komentar blog yang sudah kita pasangi avatar untuk profil komentar selain akun google.

Dengan pemasangan avatar pada komentar blog ini akan membuat tampilan komentar menjadi lebih attraktif dan menarik, sehingga diharapkan akan memancing banyak pembaca untuk meninggalkan komentarnya di postingan blog kita. Semakin banyak pembaca yang aktif memberikan komentarnya di postingan blog kita, maka akan membuat blog menjadi lebih hidup karena tingginya intensitas komunikasi antara pemilik blog dengan para pembacanya.

Bagaimana Cara Hosting Gambar Di Blogspot ?

Cara Hosting Gambar Di Blogspot – Pemilihan media hosting yang tepat akan mempengaruhi kecepatan loading blog saat halaman dari blog kita tersebut memuat konten yang dihostingkan dalam media hosting tersebut. Selain itu, pemilihan media hosting yang bagus juga akan menentukan kelanggengan dari keberadaan konten kita dalam media hosting tersebut.

Apakah ada di antara kita yang sering mengeluhkan performa kecepatan loading blognya yang menurun? Jika ada, bisa jadi hal itu disebabkan oleh banyaknya konten blog kita yang dihostingkan di situs penyedia hosting di mana waktu request untuk menampilkan data atau konten yang dihostingkan terlalu lama. Coba baca kembali artikel 6 Langkah Mempercepat Loading Blog.

Performa kecepatan loading blog yang buruk juga bisa berimbas buruk pada citra blog kita di mata pembaca. Secara logis, biarpun blog tersebut tampil dengan desain yang wah, tetapi kalau loading untuk membuka halamannya lama maka akan membuat minat pembaca untuk sering berkunjung semakin berkurang. Coba cek terlebih dahulu berapa kecepatan loading blog kita dengan membaca artikel Cara Mengetahui Berat dan Lamanya Loading Blog.

Salah satu langkah yang dapat kita lakukan untuk mempercepat loading blog adalah dengan memilih hosting yang baik untuk meletakan konten blog kita. Misalnya pada sebuah gambar, ada baiknya jika kita melakukan hosting untuk menyimpan gambar tersebut pada blogspot. Alasannya adalah waktu request untuk menampilkan gambar menjadi lebih cepat daripada hosting di situs hosting lainnya dan lebih fleksibel serta mudah dilakukan.

Adapun cara untuk hosting gambar di blogspot adalah sebagai berikut.

Masuk ke dalam akun blogger masing-masing.

Klik entri baru.

Masukan gambar pada postingan blog seperti biasanya.

Terbitkan gambar tersebut ke dalam sebuah postingan blog. kemudian, buka halaman yang menampilkan gambar tersebut.

Arahkan mouse pada gambar dan klik kanan. Pilih salin URL gambar.

Sekarang gambar sudah kita hosting di blogspot. Ketika kita ingin menampilkan gambar tersebut untuk keperluan lain, kita dapat menggunakan URL gambarnya untuk menampilkan gambar tersebut.

Manfaat yang dapat kita peroleh dari hosting gambar di blogspot terutama adalah request waktu yang dibutuhkan untuk menampilkan gambar lebih cepat dari situs hosting gambar lainnya. Selain itu juga minim risiko server down, hilangnya konten gambar, dan gratis!

Gambar yang kita hostingkan di blogspot akan masuk dalam album picasa kita yang memiliki kapasitas hingga 1GB. Akan tetapi, kita memerlukan blog yang berbasis blogspot untuk bisa menggunakan layanan hosting gambar di blogspot ini.

Wawancara Dengan Herman Yudiono Dari Blogdolar.com

Wawancara Make Money Blogging – Saya senang melakukan blogwalking, baik itu mengunjungi blog pemula yang baru dibuat maupun blog para senior yang sudah banyak materi bloggingnya. Karena dengan blogwalking saya bisa mendapatkan banyak manfaat, seperti mendapatkan ilmu baru, cara pandang baru, hingga teman yang baru.

Beberapa bulan yang lalu, saya tertarik dengan sebuah blog yang memiliki konten blogging yang cukup bagus. Materi yang dipublikasikan tidak hanya berkutat dengan masalah teknis, tetapi juga menampilkan konten materi yang bersifat analisis kualitatif dan motivasi blogging hingga hal-hal atau berita blogging yang jarang saya temui di blog dengan tema blogging lainnya.

Blog yang saya maksud itu adalah blogodolar. Blogodolar dibuat oleh Herman Yudiono atau yang lebih dikenal dengan Kang Yudiono. Informasi lebih lengkap tentang Kang Yudiono ini dapat disimak dalam Profil Kang Yudiono di blogodolar.

Satu hal yang menarik bagi saya dari Kang Yudiono ini adalah beliau berani mengambil langkah serius dengan meninggalkan dunia kerjanya yang menurutnya sudah memberikan hasil yang mencukupi dan bisa dibilang sebagai zona aman dan beralih profesi menjadi full timer blogger. Kisah selengkapnya dapat kita simak di postingannya Saya Adalah Seorang Full Time Blogger Sekarang!

Karena alasan itulah saya kemudian mengadakan wawancara online dengan Kang Yudiono via email dengan tema Make Money Online via Blogging. Berikut hasil wawancaranya.

1. Dulu Kang Yudiono blogging secara tidak sengaja karena bisa dibilang terinspirasi akibat “nyasar” menemukan blog teman. Darimana saja sumber Kang Yudiono belajar blog? Dan mengapa Kang Yudiono tertarik untuk blogging?

Saya bisa dibilang otodidak dalam belajar blog. Tentunya ini berasal dari beberapa problem ngeblog yang saya jumpai. Misalnya, ketika saya tidak tahu cara membuat read more postingan Wordpress, maka saya akan mencari informasi terkait hal itu di Google. Selain karena problem, saya juga sering mencoba-coba fitur yang ada di Wordpress karena penasaran akan fungsinya.

Saya tertarik ngeblog karena saya suka menulis. Dengan kata lain, blog menjadi sarana saya dalam menuangkan opini dan tips. Selain itu, saya juga melihat tren bahwa memang sekarang adalah eranya blogging.

2. Apa saja kendala yang dulu dihadapi selama masa awal-awal blogging? Dan bisa dijelaskan solusinya?

Banyak kendala yang saya hadapi. Satu di antaranya adalah jaringan internet yang lambat. Dulu saya punya target membuat satu postingan sehari di Blogodolar. Namun, karena lambatnya jaringan internet, target itu berantakan.

Solusinya adalah dengan membuat beberapa tulisan di Microsoft Words. Tulisan-tulisan tersebut kemudian saya posting terjadwal ketika saya menggunakan internet kantor (misalnya saat jam makan siang).

3. Sejak kapan terpikirkan ide untuk memonetisasi blog menjadi sumber uang penghasilan? Usaha apa saja yang dilakukan saat itu?

Ide untuk make money blogging saya jumpai ketika membaca buku Meraup Dollar dari Internet (saya lupa pengarangnya) yang saya beli via Gramedia Online. Alhasil, saya mendaftarkan blog gratisan saya (di wordpress.com) ke beberapa penyedia dollar gratis. Sayangnya, saya tidak mendapatkan satu dolar pun dari aktivitas itu. Saya terlalu naïf dan berharap meraup dolar dengan cepat ketika itu.

Kondisi ini membuat hasrat make money blogging saya pudar. Namun, hasrat itu kembali tumbuh ketika saya melihat tayangan e-Lifestye di Metro TV yang menayangkan Mendulang Dolar dengan Blog (kalau gak salah April 2009). Oleh karena itu, saya memutuskan membuat blog berbayar, yaitu Blogodolar.com yang satu targetnya adalah menghasilkan dolar dari paid review.

Ketika ber-Page Rank 1 (6 bulan setelah Blogodolar dibuat), saya mendaftarkan Blogodolar ke beberapa broker paid review. Alhamdulilah, saya mendapat beberapa job dari broker tersebut.

4. Siapa blogger make money online yang menginspirasi Kang Yudiono untuk make money online via blogging?

Pada waktu itu, saya sudah bisa make money blogging (via paid review). Namun, saya punya cita-cita make more money blogging. Saya pun berkelana ke blog-blog luar negeri untuk mengetahui siapa saja blogger yang bisa make more money blogging.

Dari aktivitas tersebut, saya tahu Darren Rowse, pemilik Problogger.net. Dialah yang menginspirasi saya. Dalam pengamatan saya, Darren menjadikan blognya menjadi ladang uang yang melimpah.

5. Menurut Kang Yudiono, peluang seperti apa yang bisa kita manfaatkan sebagai sumber penghasilan saat menjalani aktifitas blogging?

Banyak sumber penghasilan online bagi blogger. Beberapa di antaranya:

PPC lokal.
Google adsense.
Jualan eBook sendiri.
Menyediakan jasa (misal penulisan artikel, pembuatan blog, dan theme berbayar).
Paid review.
Jualan link.
Iklan mandiri (menyediakan spot iklan di blog sendiri).
Afiliasi (Amazon, ClickBank, dan sebagainya).

6. Saya terkejut sekaligus salut dengan daftar rincian rencana proyek mengelola banyak blog dan upaya Kang Yudiono ketika memutuskan untuk menjadi full timer blogger. Alasannya adalah saat itu Kang Yudiono sedang bekerja di perusahaan tambang yang tentunya memiliki gaji relatif besar. Selain itu juga modal awal untuk proyek tersebut juga nominalnya sangat besar. Akan tetapi, kedua hal itu tidak membuat niat untuk menjadi full timer blogger terhenti. Apa yang mendasari semua itu?

Ada dua alasan yang mendasarinya. Pertama, saya punya hobi menulis. Ketika hobi menulis saya disalurkan di blog dan menghasilkan uang, saya sangat “menikmatinya”. Kedua, saya bosan menjadi karyawan yang terikat dengan waktu dan aturan. Dengan menjadi full time blogger, saya bisa bekerja kapan dan di mana saja.

7. Apa rencana yang Kang Yudiono lakukan dalam make money online via blogging kedepannya?

Saya akan fokus pada proyek 100 niche blog (micro dan mini-authority blog yang dimonetisasi dengan Google Adsense) dalam 1-2 tahun ke depan. Bila proyek ini sukses, saya akan mendiversifikasi penghasilan dengan jualan eBook sendiri (tahun ketiga). Bila proyek ebook sukses, saya akan membuat kursus online mengenai make money blogging (tahun keempat). Pada tahun kelima, saya akan mengembangkan sayap ke bisnis offline. Diharapkan, perpaduan hasil dari bisnis online dan offline akan membuat saya dan keluarga hidup layak.

8. Apa saran yang bisa diberikan bagi kami blogger pemula agar bisa sukses make money online via blogging seperti yang telah Kang Yudiono lakukan?

Saya belum sukses dalam make money blogging. Dengan kata lain, saya masih dalam tahap trial and error untuk menemukan metode make money from Google Adsense yang efektif dan efisien. Masih banyak kurva pembelajaran yang saya harus hadapi.

Satu saran saya bagi rekan-rekan pemula adalah GIGIH. Ini artinya tetap bersemangat dan tidak gampang menyerah. Bila jatuh seratus kali, maka bangunlah seratus satu kali.

Sekali lagi saya menyampaikan terima kasih dan salam kenal kepada Kang Yudiono atas kesediaannya dalam wawancara ini. Semoga hasil wawancara di atas dapat menjadi contoh dan inspirasi bagi kita blogger pemula untuk semakin menikmati blogging karena blogging itu terbukti memberikan banyak manfaat seperti menghasilkan uang.

Update:
Hasil wawancara juga diterbitkan di artikel ini, Hasil Wawancara Panduanbelajarblog.com dengan Saya.

Inilah Cara Termudah Untuk Mengatasi Kotak Kode Verifikasi Komentar Yang Tidak Muncul Di Blog

Cara atasi kode verifikasi komentar blog - Blogwalking adalah aktifitas yang menyenangkan. Selain bermanfaat karena menambah pengetahuan baru, kita juga dapat menjalin ikatan silaturahmi dengan blogger lain sekaligus promosi blog milik kita dengan cara berkomentar di blog mereka.

Akan tetapi, ada juga blogger yang memberikan kode verifikasi di sebelum kita memberikan komentar di blog mereka untuk mencegah munculnya SPAM. Sehingga, kadang kala kegiatan berkomentar untuk menyambung silaturahmi dan promosi blog ini sedikit terganggu ketika kotak atau bingkai kode verifikasi komentar yang diberikan tersebut tidak muncul sepenuhnya.

Akibatnya, kita tidak bisa memasukan kode verifikasi komentar tersebut ke dalam kotak yang disediakan hingga akhirnya komentar pun tidak dapat kita berikan.

Penyebab tidak munculnya kotak untuk mengisikan kode verifikasi karena ukuran form komenar itu sendiri yang terlalu kecil. Sehingga, kita tidak bisa memasukan kode verifikasi pada kotak yang sudah disediakan dan tidak dapat melihat tombol untuk mengirim kode verifikasi tersebut.

Ada dua cara yang dapat kita gunakan untuk mengatasi kotak kode verifikasi yang tidak muncul di blog ini, yaitu dengan memberikan fungsi scroll pada kotak komentarnya dan mengubah ukuran kotak komentar tersebut menjadi lebih besar.

Langkah untuk mengatasi kotak kode verifikasi komentar yang tidak muncul di blog ini dapat kita lihat sebagai berikut:

Pertama, masuk ke akun blogger masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode seperti berikut.

Tambahkan fungsi scroll.
Ubah keterangan scrolling sehingga kodenya berubah seperti berikut.

Perbesar ukuran form.
Kita juga dapat mengatasinya dengan cara mengubah ukuran form menjadi lebih besar. Ubah ukuran tingginya (height) sehingga berubah menjadi seperti berikut.

Klik simpan template dan selesai.

Setelah masalah form komentar ini kita perbaiki, jumlah komentar di blog kita yang semula berkurang atau bahkan tidak ada sama sekali bisa bertambah menjadi banyak mulai sekarang. Sehingga, kegiatan blogging pun akan semakin menyenangkan bagi pengunjung dan pemilik blognya.

Apa itu viral marketing?

Viral Marketing - Apa itu viral marketing?
Saat kita berselancar di dunia internet, pernahkah kita menemukan istilah viral marketing? Setelah menemukan istilah tersebut, apakah kita sampai sekarang juga belum mengerti apa itu viral marketing?

Contoh viral marketing itu seperti ini, misal kita membagi-bagikan free ebook kepada para pembaca setia kita. Di dalam ebook tersebut kita cantumkan alamat blog kita. Nah, saat ada pembaca yang mengunduh dan membagi-bagikan ebook tersebut kepada teman-temannya, maka secara otomatis ebook tersebut akan tersebar dengan cepat dan luas.

Keuntungannya bagi kita sebagai pihak yang membagi-bagikan ebook secara gratis adalah blog kita menjadi terkenal karena pemasarannya yang begitu cepat dan luas. Hal ini disebabkan oleh banyaknya orang yang mengetahui alamat blog kita dari ebook yang sudah kita bagi-bagikan tadi. Itu lah gambaran sederhanya viral marketing.

Istilah viral marketing dipopulerkan oleh Tim Draper dan Steve Jurvetson dari sebuah perusahaan bernama venture capital, Draper Fisher Jurvetson pada tahun 1997 yang digunakan untuk menjelaskan kesuksesan marketing Hotmail sebagai email provider. Saat itu hotmail sukses menerapkan viral marketing hingga mampu meraih lebih dari 10 juta pelanggan dalam satu tahun hanya dengan modal US$500.000,00.

Viral marketing, viral advertising, or marketing buzz are buzzwords referring to marketing techniques that use pre-existing social networks to produce increases in brand awareness or to achieve other marketing objectives (such as product sales) through self-replicating viral processes, analogous to the spread of viruses or computer viruses. It can be delivered by word of mouth or enhanced by the network effects of the Internet.

Viral marketing may take the form of video clips, interactive Flash games, advergames, ebooks, brandable software, images, or text messages. (wikipedia)

Viral marketing dapat didefiniskan sebagai sebuah sistem pemasaran sebuah produk yang memanfaatkan teknologi dan cara kerjanya adalah dengan menyebarluaskan produk tersebut dari satu pihak ke pihak lainnya karena ada sebuah pemicu yang menarik dan menguntungkan pihak yang mendistribusikan produk tersebut.

Berdasarkan pada pengertian di atas, ada beberapa poin yang menjadi identitas dari viral marketing, antara lain sebagai berikut:

Viral marketing itu memanfaatkan teknologi.

Pada dasarnya viral marketing itu memanfaatkan teknologi sebagai media penyebarannya. Dengan perkembangan internet yang semakin maju, produk yang dipublikasikan akan dapat diketahui oleh orang seluruh dunia dalam waktu seketika. Inilah salah satu faktor yang membuat viral marketing bekerja secara cepat dan luas.

Penyebaran viral marketing seperti virus komputer.

Kita semua pasti kenal dengan virus komputer. Penyebarannya yang cepat dan meluas ini sangat menyebalkan bagi kita. Efek yang ditimbulkan dari viral marketing ini juga serupa dengan efek virus komputer. Selain karena peranan teknologi informasi, viral marketing dapat berjalan dengan begitu cepat dan meluas karena konsep dari viral marketing itu sendiri yang lebih mengutamakan penyebaran dari mulut ke mulut.

Banyak studi yang menyebutkan jika ternyata pemasaran dari mulut ke mulut ini lebih efektif daripada sebuah iklan. Hal ini karena ketika teman kita sendiri yang menyarankan sebuah produk, maka kita akan lebih memiliki sugesti untuk menerima dan percaya daripada apa yang disampaikan lewat sebuah iklan.

Adanya pemicu yang menarik untuk menggerakan seseorang guna menyebarluaskan.

Agar seseorang mau untuk menyebarluaskan produk, maka harus ada pemicu yang membuat orang tersebut mau untuk melakukannya. Misalnya adalah kita merasa senang dengan produk tersebut karena memang berkualitas, sehingga kita berasumsi jika produk ini layak untuk direkomendasikan kepada teman kita.

Kelebihan viral marketing.

Proses pemasaran sangat cepat dan luas.
Meminimalkan biaya dalam pemasaran.
Meningkatkan popularitas produk yang berkualitas.
Cara kerjanya sederhana dan mudah diterapkan oleh siapapun.

Kelemahan viral marketing.

Viral marketing tidak akan berjalan jika tidak ada pemicu yang menarik atau produk memang tidak layak direkomendasikan.
Sebagai produsen, kita cenderung kesulitan untuk melakukan analisis karena bagitu produk ini meledak maka akan tersebuar sangat cepat dan luas.

Viral marketing dapat kita jadikan sebagai salah satu alternatif pemasaran yang bagus dalam rangka promosi blog. Buatlah konten blog yang bermanfaat, adakan kontes berhadiah, dan berikan suvenir secara gratis, maka dalam waktu yang tidak lama blog kita akan cepat terkenal luas dikalangan masyarakat. Intinya, viral marketing itu menekankan pada kepercayaan dan ketertarikan!

Bagaimana Cara Pasang Status Loading Di Blog ?

Pasang Status Loading Di Blog – Apakah kita pernah berpikir tentang bagaimana cara pasang status loading di blog? Jika pernah, mungkin ide ini dapat kita terapkan pada blog kita masing-masing.

Pemasangan status loading di blog dapat memberikan kesan unik dan menarik pada pengunjung kita. Status loading ini akan muncul sesaat sebelum halaman blog kita loading tampil sempurna. Jadi, pemasangan status loading ini dapat menyembunyikan halaman blog sebelum tampil secara penuh.

Kita juga dapat mengubah gambar yang digunakan untuk menampilkan status loading ini. Selain itu, pemasangan status loading blog tidak akan memberatkan proses loading blog secara keseluruhan.

Adapun cara untuk memasang status loading blog pada blog milik kita masing-masing yaitu sebagai berikut:

Pertama, masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

</head>

Masukan kode berikut di atasnya.

<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(URL Gambar Loading) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type="text/javascript">
function css(classORid,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
}
catch(e){}
}
function loaded(){
css("#page","display:block!important");
css("body","background:Kode HTML Warna url(URL Gambar Background Blog)");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>

Cari kode berikut.

<body>

Masukan kode berikut di bawahnya.

Cari kode berikut.

</body>

Masukan kode berikut di atasnya.

</div>

Klik simpan template dan selesai.

Keterangan:

Ganti URL Gambar Loading dan URL Gambar Background Blog sesuai keinginan kita masing-masing.
Ganti Kode HTML Warna dengan pilihan kita. Silakan baca artikel Macam-Macam Kode HTML Warna untuk mempermudah pemilihan.

Sekarang blog kita akan tampil lebih atraktif dengan pemasangan status loading blog ini. Meski banyak kode yang tersedia, tetapi pemasangannya cukup mudah untuk dilakukan. Pemasangan status loading blog ini juga tidak banyak berpengaruh pada kecepatan loading blog kita yang sebenarnya.

Inilah Cara Mudah Buat Daftar Isi Blog Bulanan

Cara membuat daftar isi blog bulanan itu sangat mudah. Jika sebelumnya ada Cara Membuat Daftar Isi Blog Berdasarkan Label, maka kali ini akan ada cara baru dalam menampilkan daftar isi blog kita yaitu menampilkan daftar isi blog berdasarkan arsip bulanan.

Apakah kita sebelumnya pernah mengalami masalah karena ruang dalam blog kita sudah penuh dengan pernak-pernik blog hingga kita sulit untuk menempatkan arsip? Jika memang demikian, maka ada baiknya kita mencoba untuk membuat sebuah daftar isi blog yang bedasarkan pada arsip bulanan blog kita.

Selain menghemat ruangan, keuntungan memasang daftar isi blog kita berdasarkan arsip bulanan ini adalah blog kita akan tampil lebih profesional daripada sebelumnya. Selain itu, pembaca juga akan dengan mudah melihat dan mencari konten postingan mana yang menurut mereka bagus untuk dibaca kembali sehingga peluang untuk mendapatkan page views bagi blog kita sangat besar.

Akan tetapi, pemasangan widget ini sedikit banyak akan berpengaruh pada kecepatan loading blog kita nantinya. Seperti yang kita ketahui jika semakin bertambah widget dalam sebuah blog, maka secara otomatis ukuran blog tersebut akan bertambah besar. Dan semakin besar ukuran sebuah blog, maka proses loadingnya pun tentu akan semakin lama.

Cara untuk membuat daftar isi blog berdasarkan arsip bulanan ini adalah sebagai berikut:

Masuk ke akun blogger masing-masing.

Klik entri baru.

Pada halaman yang akan membuat postingan seperti biasanya, pilihlah bagian edit HTML, bukan compose.

Masukan kode berikut.

Tanpa fungsi scroll.

Dengan fungsi scroll.

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;"><p align="center"><font size="4">Daftar Isi Blog Bulanan</font></p><script style="text/javascript" src="https://panduanbelajarblog.googlecode.com/files/daftar_isi_bulanan.js"></script><script src="http://namablogkita.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Klik simpan dan selesai.

Keterangan:

Ganti namablogkita dengan nama blog milik kita masing-masing.
Ubah ukuran height/tinggi scroll sesuai selera kita.

Contoh Daftar Isi Blog Bulanan yang menggunakan fungsi scroll seperti berikut ini.

Daftar Isi Blog Bulanan

Setelah selesai menerbitkan daftar isi blog ini dalam bentuk postingan biasa, kita dapat menggunakan URL postingan tersebut untuk kemudian kita pasangkan dalam menu navigasi atau elemen laman dari blog kita masing-masing agar mudah dilihat pembaca.

Penggunaan widget ini cukup berat bagi loading blog. oleh karena itu, pertimbangkan terlebih dahulu dengan melihat aspek kemanfaatan dan sinkronisasi dengan desain blog kita.

Bagaimana Cara Membuat Tab View Pada Blog ?

Membuat menu tab view di blog itu sangat diperlukan bagi blogger yang ingin membuat desain blognya terlihat lebih profesional dan hemat ruang.

Apakah kita pernah mengunjungi sebuah blog dan melihat adanya menu tab view yang di pasang di sidebarnya? Atau apakah kita sendiri belum tahu apakah menu tab view yang dimaksud beserta kegunaannya?

Menu tab view adalah sebuah pernak-pernik blog yang menampilkan beberapa widget yang berbeda kemudian digabungkan penempatannya menjadi satu bagian dalam bentuk tab-tab yang terpisah. Fungsi dari menu tab view ini bisa kita gunakan untuk menghemat ruang di bagian sidebar maupun footer dan membuat kesan tampilan blog kita terlihat lebih profesional.

Seperti yang kita tahu jika kemudahan akses pembaca dalam menjelajahi blog kita ini sangat diperlukan. Selain menguntungkan bagi kita karena blog kita dapat dieksplorasi dengan baik, blog yang mudah diakses juga menciptakan adanya efisiensi dalam menempatkan widget blog agar terbaca oleh pembacanya. Salah satu fungsi lain dari adanya menu tab view ini adalah kemudahan bagi pembaca dalam mengakses widget-widget dalam blog kita.

Cara yang digunakan untuk membuat menu tab view ini juga relatif mudah. Kita hanya perlu sedikit memodifikasi HTML template blog dengan penambahan kode HTML dan javascript baru.

Adapun cara untuk membuat menu tab view di blog milik kita adalah sebagai berikut:

Langkah pertama.

Masuk ke akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Letakan kode berikut di atasnya.

/* Menu Tab View
----------------------------------------------- */
div.TabView div.Tabs {
padding-top: 0px;
height: 24px;
overflow: hidden;
}

/* Menu Utama */
div.TabView div.Tabs a {
float: left;
display: block;
width: 80px; /*ukuran lebar tabmenu*/
text-align: center;
height: 24px; /*ukuran tinggi tabmenu*/
padding-top: 3px;
margin-right:4px; /*jarak antartabmenu*/
vertical-align: middle;
border: 1px solid #CCC; /*warna border menu*/
border-bottom-width: 0;
font-family: "Arial", Times New Roman, Serif; /*jenis hurup menu*/
font-size: 12px; /*besar hurup menu*/
letter-spacing: -1px;
background-color: #A4A4A4; /*warna latar menu*/
color: #FFFFFF; /*warna hurup menu*/
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}

div.TabView div.Tabs a.Active {
background-color: #888888; /*warna background menu aktif*/
color: #FFFFFF;
}

div.TabView div.Tabs a:hover {
background-color: #999999; /*warna background menu hover*/
color: #FFFFCC;
font-weight: bold;
}

/* Kotak Utama */
div.TabView div.Pages {
clear: both;
border: 1px solid #CCC; /*warna border kotak utama*/
overflow: hidden;
background:url("http://sites.google.com/site/ruangsc/image/bgtabview.gif"); /*background kotak utama*/
}

div.TabView div.Pages div.Page {
height: 100%;
padding: 0px;
overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad {
padding: 3px 5px;
font-size: 12px; /*besar hurup kotak utama*/
}

Cari kode berikut.

]]></b:skin>

Letakan javascript berikut di bawahnya.

Klik simpan dan selesai.

Keterangan:

Tekan tombol Ctrl+F pada keyboard untuk mempermudah proses pencarian kode HTML yang diinginkan pada HTML blog kita.
Unduh dan simpan template blog kita terlebih dahulu sebagai langkah antisipasi jika kita mengalami kegagalan saat editing berlangsung.

Langkah kedua.

Klik menu rancangan.

Klik add gadget.

Pilih HTML/JavaScript.

Masukan kode berikut.

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs">
<a title="Keterangan Menu 1">Menu 1</a>
<a title="Keterangan Menu 2">Menu 2</a>
<a title="Keterangan Menu 3">Menu 3</a>
<a title="Keterangan Menu 4">Menu 4</a>
</div>
<div style="width: 100%; height: 200px;" class="Pages">


<div class="Page"><div class="Pad">
Isi Menu 1.1<br/>
Isi Menu 1.2<br/>
Isi Menu 1.dst<br/>
</div></div>



<div class="Page"><div class="Pad">
Isi Menu 2.1<br/>
si Menu 2.2<br/>
Isi Menu 2.dst<br/>
</div></div>



<div class="Page"><div class="Pad">
Isi Menu 3.1<br/>
Isi Menu 3.2<br/>
Isi Menu 3.dst<br/>
</div></div>



<div class="Page"><div class="Pad">
Isi Menu 4.1<br/>
Isi Menu 4.2<br/>
Isi Menu 4.dst<br/>
</div></div>


</div></div></form>

<script type="text/javascript"> tabview_initialize ('TabView'); </script>

Klik simpan dan selesai.

Penggunaan menu tab view ini sangat bermanfaat terutama bagi kita yang ingin menghemat ruang untuk menampilkan banyak widget dalam blog kita. Desain yang menarik juga membuat tampilan blog kita menjadi lebih profesional.

Bagaimana Cara Buat Thread Komentar Pada Blog ?

Bagaimana cara membuat thread komentar pada blog? Mungkin itulah salah satu pertanyaan yang sering diajukan oleh blogger pengguna blogspot dalam rangka mengoptimalisasi kinerja blognya.

Optimalisasi dalam komentar itu perlu. Coba saja baca kembali artikel tentang 5 alasan menjawab setiap komentar di blog, tips dalam berkomentar di blog, serta 7 tips meningkatkan jumlah komentar di blog. Dengan adanya komentar, maka interaksi antara kita sebagai pemilik blog dengan pembaca akan semakin dekat. Sehingga, hal ini akan membuat suasana dalam postingan blog tersebut menjadi lebih hidup.

Akan tetapi, ada sedikit kendala yang harus dihadapi bagi pengguna blogspot. Fakta yang perlu kita ketahui adalah blogspot memiliki kelemahan dibandingkan wordpress dalam hal fitur komentar. Fitur komentar blogspot terkesan lebih sederhana, sementara fitur komentar wordpress lebih friendly. Hal inilah yang kemudian menjadikan alasan mengapa setiap blog wordpress sering sekali mendapatkan banyak komentar di setiap postingannya.

Blog di wordpress lebih friendly karena adanya fitur reply untuk setiap komentarnya, sedangkan blogspot tidak. Selain itu, setiap komentator juga dapat melakukan balasan untuk komentar tertentu dan komentar balasan tersebut akan langsung muncul pada bagian bawah komentar yang di balas tersebut, bukan pada bagian paling bawah semua komentar.

Untuk itu, bagaimana cara yang harus kita lakukan untuk membuat tampilan komentar pada blogspot agar lebih friendly dengan tampilan fasilitas reply ini? Cara yang dilakukan untuk menyiasatinya adalah dengan membuat thread komentar pada setiap komentar-komentar yang muncul di bawah isi postingan blog kita.

Cara untuk membuat thread komentar pada blogspot akan dijelaskan pada uraian langkah-langkah di bawah ini.

Pertama, masuk ke dalam akun blogger kita.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Masukan kode berikut tepat sebelumnya.

#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background: white;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://4.bp.blogspot.com/-8luuqzWL1do/Tl9RmQ6dG6I/AAAAAAAAB6I/1ZxWKOXXlxE/s1600/comment-arrow.png) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

Cari kode berikut.

</body>

Masukan kode berikut tepat sebelumnya.

Cari kode berikut.

<b:includable id='comments' var='post'>

terdapat banyak sekali kode

</b:includable>

Hapus kode berwarna merah yang terletak antara <b:includable id='comments' var='post'> dengan </b:includable>, kemudian ganti dengan kode berikut ini.

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>

<div id='cm_reply_css'></div>

<div class='cm_pagenavi' id='cm_page'></div>

<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>

<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=154513103004606848&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>

<div class='cm_entry'>
<span class='cm_arrow'></span>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<p><data:comment.body/></p>
</div>
</div>
</div>
</b:if>
</b:loop>
</div>

<div class='cm_pagenavi' id='cm_page_copy'></div>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</b:if>
</div>

Klik simpan dan selesai.

Keterangan:

Gunakan tombol Ctrl+F untuk mempermudah pencarian kode HTML template yang kita inginkan.
Unduh dan simpan template blog kita terlebih dahulu untuk mengantisipasi terjadinya kegagalan saat proses editing berlangsung.
Ganti angka 154513103004606848 pada blogID sesuai dengan nomor ID blog kita.

Cara mengetahui nomor blog ID kita adalah sebagai berikut.
Masuk pada profil blog kita dan lihat nomor blog IDnya yang tampil pada address bar seperti tampilan gambar di bawah ini.

Menggunakan tampilan komentar thread ini sangat bermanfaat bagi blog kita. Selain tampilannya yang attraktif dan terkesan profesional, penggunaan thread komentar ini akan semakin memudahkan pembaca dalam berinteraksi dengan kita sebagai pemilik blog dan pembaca lainnya dalam menanggapi isi postingan yang sedang di bahas.

Akibatnya, suasana menjadi lebih dekat dan terasa akrab serta kegiatan blogging akan terasa lebih hidup. Cakupan materi juga akan semakin meluas dan lengkap dengan adanya beberapa tambahan yang disampaikan dalam komentar tersebut.

Bagaimana Cara Membuat Stripe Ad Di Blog ?

Apa itu stripe ad?
Mungkin bagi yang pertama kali mendengarnya, stripe ad adalah sesuatu yang baru dan kurang familiar bagi kita. Stripe ad adalah sebuah navbar yang dapat kita modifikasi untuk menampilkan link atau sebuah kalimat pesan tertentu sesuai keinginan kita.

Biasanya, stripe ad yang dipasang di banyak blog saat ini memasang link jejaring sosial pemiliknya dan link untuk subscribe artikel berlangganan.

Stripe ad berbentuk sangat mirip terhadap navbar blogspot. Akan tetapi, bedanya adalah tampilan stripe ad ini akan tetap muncul di bagian paling atas meski pembaca blog kita telah melakukan scroll ke halaman bawah. Pembaca kita juga dapat menutup tampilan stripe ad ini jika mereka tidak menyukainya dengan cara klik tombol silang atau close di bagian paling kanan.

Pemasangan stripe ad ini bisa dibilang cukup penting dalam sebuah blog. Selain sebagai penghias karena bentuknya yang membuat blog kita terkesan profesional, stripe ad juga bisa dijadikan sebagai solusi untuk menghemat ruang dalam menampilkan link dan pesan kalimat tertentu.

Cara membuatnya juga relatif mudah. Kita hanya perlu memasukan beberapa kode HTML beserta javascript ke dalam HTML template blog kita.

Adapun cara untuk membuat stripe ad di blog kita ini adalah sebagai berikut.

Masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Masukan kode berikut di atasnya.

/*-- (mta bar) --*/
#mta_bar{background:#444 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_orV6YrIGDWp_Eiee7niei5hvDZfk84WR4vWw1WJBnc4bQkJ8_5YPez6ZGZcJ6fTAlPaXqcEF-ccJbwXjULv0Hpr7BdV7R4XkzUCYhydmA-nOvldXG6PRV2c3VyxTB_zs5j7HNPkt7Fw5/s200/topnavbar-c.png') repeat-x; border-bottom:1px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:6px}
* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:55%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:30%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#fff; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}
#left_bar a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrX2m_lssuZWfKzjkqGmip8NjfE3stSdAS4PXgJq_ZPohdgmDwqRT5PE9dM0u85ArkNxN8qxeTNg3XPPEEcwE40JHnycIRBJm8QRVNzi6gMnH9bEjLgmIE5L1iCcfZMsgicrvLujGfdH-R/s200/feed-c.png') no-repeat; font-weight:bold;text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:10px}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar2 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwmA11YjJIzGtEdAJgwf8rxUtB67F4Ch06OebEs2eEjTzP71pVOK224EpbNiOAFr8a1LiixBE8DoeJQUxGfngVPr49RcX3dNz8Dg6C4QTslXdMAlEEXu2ijYn9oC86FbmR0eqhFR9h5pDW/s200/check-c.png) no-repeat 2px; text-decoration:none; font-weight:bold; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0px}
.small-comment{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZi64Tv2IJHUU9O5GxWzw7hYERQdBRKiZlwm17OfTaGoU0OkburAxsFKNHhYVhoobpUPiu_0ZvRa_DCN5Matnn9GFdXMimUt_fn1Wyu8DraFBRR_K_RoYdCO6PsD-ra9jbugMIwMSb1JYq/s200/smallcommentsx-c.png) no-repeat;
padding-left:8px;
height:20px;
line-height:14px;
float:right;
color:#FFF;
font-weight:bold;
font-size:11px;
margin-top:3px;
margin-left:10px;
}.small-comment div{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZi64Tv2IJHUU9O5GxWzw7hYERQdBRKiZlwm17OfTaGoU0OkburAxsFKNHhYVhoobpUPiu_0ZvRa_DCN5Matnn9GFdXMimUt_fn1Wyu8DraFBRR_K_RoYdCO6PsD-ra9jbugMIwMSb1JYq/s200/smallcommentsx-c.png) top right no-repeat;
padding-right:8px;
height:20px;
}
#left_bar2 a:hover{text-decoration:underline; color:#fff}
#left_bar3 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh44gfowTEreEumCUEgR0t1zcW4NoQkMkUxOZRPQ-6YO5utPiaL2ZWb5TTZfXG4CRljQNeNdIubnZUfcjGg9x9pcL_XcA26qqkRGnj6uDf8xW8iL_7jyu6Wo4zAjNCVF6X67gjylyoF_Da/s200/facebook-c.png) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
.feed-small-right-feed,.small-right{font-size:11px;float:right;font-weight:700;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrX2m_lssuZWfKzjkqGmip8NjfE3stSdAS4PXgJq_ZPohdgmDwqRT5PE9dM0u85ArkNxN8qxeTNg3XPPEEcwE40JHnycIRBJm8QRVNzi6gMnH9bEjLgmIE5L1iCcfZMsgicrvLujGfdH-R/s200/feed-c.png) right 0 no-repeat;padding-right:20px;padding-bottom:15px}
#crosscol-wrapper{margin:0 20px;padding:10px 0 0}
#jarak_atas {width:2px;height:20px;}

Cari kode berikut.

</head>

Masukan kode berikut di atasnya.

Cari kode berikut.

<body>

Masukan kode berikut di bawahnya.

<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'>
<a href='URL akun facebook' rel='nofollow' target='_blank' title='Add me as friend on Facebook'>Facebook</a>
<a href='URL akun twitter' rel='nofollow' target='_blank' title='Follow me on Twitter'>Twitter</a>
<a href='URL RSS feeds' rel='nofollow' target='_blank' title='Subscribe Me'>RSS feeds</a>
</span></div>
<div id='left_bar'>
<span class='center'><a href='http://feedburner.google.com/fb/a/mailverify?uri=ID feedburner' target='_blank;'>Subscribe via mail, joint now !</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='o-om.com.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzIe8n3AtX1y4TG83meTmpiQ2XMns7ttGxM0RwS1ZkSfM5thFK4d5oZRPz2Vh_KWW6_mYs2dxHO1-F8cI39dJxj7-N8pzK25v_BO3fO1aY_2olirFvAkG7VrxPFpmwGwLN7YPUH0yDnOiQ/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

Klik simpan dan selesai.

Keterangan:

Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode HTML yang diinginkan.
Unduh dan simpan template blog kita terlebih dahulu sebagai langkah antisipasi jika kita mengalami kegagalan dalam proses editing template.
Ganti URL akun facebook, URL akun twitter, dan URL RSS feeds dengan URL/alamat link milik kita masing-masing.
Ganti ID feedburner dengan ID milik kita masing-masing. Misal alamat feedburner yang sedang kita miliki sekarang adalah http://feeds.feedburner.com/panduanbelajarblog maka ID feedburner kita adalah panduanbelajarblog.

Pemasangan stripe ad ini tidak akan terlalu banyak memperlambat loading blog, karena javascript yang digunakan telah dihosting di google code sehingga requestnya memerlukan waktu yang relatif lebih cepat dibandingkan javascript yang dihostingkan di free hosting lainnya.

Sesuaikan pemasangan stripe ad ini dengan tampilan desain blog dan kebutuhan kita. Usahakan memasang pernak-pernik blog yang match dengan desain template dan jangan memperlambat loading sebuah blog dengan pemasangan widget yang tidak perlu.