Cara Membuat Kotak Scrollbar di Blogspot

Menambahkan kotak Scrollbar pada posting atau artikel memang terkadang sangat diperlukan. Biasanya kita membuat scrollbar tujuannya untuk merampingkan isi konten agar tidak terlalu panjang kebawah, seperti misal untuk penulisan source code, list untuk link blog teman-teman dan masih banyak lagi fungsinya.

Berikut cara membuat scrollbar untuk blogspot :

Tulis artikel seperti biasanya, saat akan menambahkan silahkan beralih dari Mode Compose ke Mode HTML, lihat gambar :

Lalu paste kode dibawah ini :

Cara membuat scrollbar di Blogspot

Kalau kamu ingin scrollbar terlihat lebih panjang atau pendek kamu bisa merubah angka 300 pada kode height: 300px; sesuai dengan kebutuhan, lalu untuk merubah warna border sesuai selera, kamu bisa rubah pada bagian #eee.

Kode diatas akan menghasilkan scrollbar seperti ini :

Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot
Cara membuat scrollbar di Blogspot

Mudah bukan? Selamat mencoba... :)

Selengkapnya...

Daftar PPC Indonesia Terbaik

Bagi para blogger yang ingin mendalami bisnis online dengan jalan monetize blog biasanya pertama kali yang dicoba adalah mendaftar beberapa PPC luar negeri seperti Google Adsense, Chitika, Clicksor, Adhitz atau Bidvertiser dan lain-lain.

Kalau saya pribadi menyarankan untuk mengutamakan memilih Google Adsense terlebih dahulu, tapi tentunya kamu harus memenuhi persyaratan-persyaratan untuk mendaftar Google Adsense. Kenapa GA (Google Adsense) harus yang utama? Alasannya jelas sekali, karena GA adalah PPC terbaik saat ini.

Bagi blogger yang sampai sekarang belum juga di approve GA atau yang lainnya jangan lantas putus asa dulu, kamu bisa mencoba untuk mendaftar ke PPC lokal atau PPC Indonesia. Pada dasarnya sama saja dengan GA atau PPC luar negeri yang lainnya, hanya saja yang membedakan adalah iklan-iklan yang muncul semuanya dari Advertiser lokal dan harga per klik yang kita dapat tentunya tidak sebesar PPC LN.

Berikut daftar PPC lokal terbaik di Indonesia :

Daftar PPC Lokal

• SITTI
• Kliksaya
• IdBlogNetwork
• Kumpul Blogger
• Adsensecamp
• KlikBlogger
• PPCINDO

Semoga bermanfaat, dan selamat mendulang rupiah :)

Selengkapnya...

Cara Memasang Linkwithin di Blogspot

Sebenarnya fungsi dari linkwithin tidak jauh berbeda dengan Related Posts atau Artikel terkait yang pernah saya tulis di artikel Cara Membuat Related Posts Blogspot, perbedaannya hanya pada thumbnail saja.

Memasang linkwithin sangatlah mudah, kita tidak harus melakukan hard coding pada kode HTML, kenapa? karena ini widget :)

Oke langsung aja, berikut cara memasang widget linkwithin di blogspot :

Buka link ini Pasang Linkwithin dan isi fields yang ada, lihat gambar dibawah :

 

• Email : isi email valid kamu
• Blog Link : isi alamat blog kamu
• Platform : pilih Blogger
• Width : tentukan berapa jumlah post yang akan ditampilkan
• My blog has light text on a dark background : centang ini jika blog kamu menggunakan background warna gelap

Kalau sudah kamu isi semua, lanjutkan dengan klik tombol Get Widget! Lalu akan tampil halaman seperti gambar dibawah :

Klik Install Widget, kamu akan mendapati halaman seperti gambar dibawah :

Khusus di bagian ini silahkan klik Edit Template seperti yang saya lingkari warna merah diatas, lalu akan tampil dialog box seperti gambar dibawah :

Hapus semua kode yang saya lingkari merah lalu gantilah dengan kode dibawah, setelah itu baru kamu klik tombol Menambah Widget. Apa fungsi kode tersebut? Kode dibawah berfungsi agar linkwithin hanya tampil di individual posting saja, karena secara default linkwithin akan tampil di homepage dan kategori.

Setelah kamu klik tombol Menambah Widget maka kamu akan berada di halaman Tata Letak Blog kamu, Pada bagian widget sebelah kanan pastinya sudah terdapat widget dengan nama linkwithin, bukan? Kalau sudah ada langsung kamu drag dan geser ke bagian bawah Posting Blog, lihat gambar dibawah :

Jika sudah benar berada pas dibawah Posting Blog, silahkan klik tombol Simpan Setelan, dan lihat kembali halaman posting kamu...Linkwithin seharusnya sudah terpasang dengan benar.

Oh ya, ini saya tambahkan cara untuk mengganti text You might also like: menjadi text yang kamu inginkan.

• Template > Edit HTML > Lanjutkan
• Centang Expand Template Widget 
• Tekan Ctrl + F lalu cari kode ]]></b:skin>, kalau sudah ketemu copy code dibawah ini dan paste dibawah kode ]]></b:skin>

<script>linkwithin_text='Tulis Text sesuai pilihanmu...'</script>

Selamat mencoba... :)

Selengkapnya...

Cara Membuat Related Posts Blogspot

Related Posts atau Artikel terkait bisa membantu memudahkan pengunjung blog kamu dalam menemukan apa yang sedang dicari, selain itu Related Posts bisa juga menguntungkan kita karena pengunjung biasanya akan kembali membaca artikel yang memang terkait dengan artikel yang sedang dibacanya, singkat kata pengunjung bisa lebih lama di blog kita, syukur-syukur akan betah.

Ok, berikut beberapa cara membuat Related Posts atau Artikel terkait :

• Backup dahulu template kamu, lihat caranya disini : Backup Template
• Jika sudah kamu backup, silahkan lanjutkan dengan pilih Template > Edit HTML lalu klik Lanjutkan.
• Centang Expand Template Widget di bagian kiri atas setelah kode html muncul.
• Tekan Ctrl + F lalu cari kode </head>, paste kode dibawah ini tepat diatas </head> :

• Selanjutnya tekan Ctrl + F kembali dan cari kode <div class='post-footer'> 

Pada beberapa template kemungkinan kode ini ada 2 buah, jadi perhatikan kode yang pertama saja, setelah itu paste kode dibawah ini setelah <div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div id='related-posts'>
 <font face='Arial' size='3'><b> Artikel Terkait : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
 <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
 <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
 </script>
 </div></b:if>

Selamat mencoba...

Selengkapnya...

Cara Membuat Blogspot Menjadi Dofollow

Sebelumnya mari kita sedikit lebih memahami apa itu blog jenis dofollow atau sebaliknya yaitu blog jenis nofollow.

Blog Dofollow

Blog jenis ini akan memberikan keuntungan berupa 1 backlink bagi siapapun yang berkomentar di blog tersebut. Mereka melakukannya dengan cara meninggalkan komentar dan membubuhkan link menuju blog dia sendiri. Biasanya blog dengan jenis dofollow akan memasang slogan “You Comment, I follow".

Lalu apa keuntungannya buat kita? Pastinya jika blog kamu sudah cukup populer, dengan menerapkan dofollow maka akan semakin banyak saja blogger yang bakal menuliskan komentar agar mendapatkan backlink dari blog kamu. Hal ini tentunya bisa menjadikan blog kita semakin luas dikenal. Selain itu, para pemburu backlink juga biasanya menerapkan dofollow juga untuk blog-nya, jadi kamu bisa juga dong tulis komentar di blog tersebut dan gratis mendapatkan 1 backlink. :)

Blog Nofollow

Blog jenis ini adalah kebalikan dari blog dofollow, jadi sebanyak apapun link yang pengunjung tulis di komentar kita, mesin pencari tidak akan menganggap itu sebagai backlink.

Semoga sudah jelas ya apa itu Blog Dofollow dan Nofollow. Mari kita lanjut cara membuat blogspot menjadi dofollow, berikut langkah-langkahnya :

• Backup Template kamu
  
• Seperti biasa, Pada menu sebelah kanan pilih Template > Edit HTML > Lanjutkan
• Setelah kode html muncul, centang Expand Template Widget di bagian kiri atas.
• Tekan  Ctrl + F pada keyboard lalu paste kode dibawah ini :

'data:comment.authorUrl'  rel='nofollow'

• Ganti kode diatas dengan kode dibawah ini :

'data:comment.authorUrl'

• Tekan Simpan Template, dan sekarang blog kamu sudah jadi Blog jenis Dofollow.

Selamat mencoba... Oh ya, Sekedar informasi kalo blog ini juga termasuk dofollow  :)

Selengkapnya...

Cara Mengganti Template atau Themes Blogspot

Mengubah tampilan blog memang wajib hukumnya, sepertinya kurang sreg aja jika template blog kita masih standar bawaan pabrik :p

Sekedar saran dari penulis, sebaiknya perhatikan beberapa point penting ini sebelum kamu memutuskan themes blogspot mana yang akan kamu pasang.

• Hindari template dengan perpaduan warna yang bisa bikin mata kita sakit atau lelah, misalnya warna background gelap ditambah dengan warna text yang gelap juga, atau malah mungkin dengan warna yang super kontras, ada juga yang memoles dengan warna link atau judul posting hijau menyala, kenapa? Selain membuat mata kita lelah, hal ini juga bisa bikin pengunjung blog kita kapok untuk berkunjung kembali. Lah wong capek bacanya :)
• Hindari template dengan gambar background yang terlalu banyak warna, ini akan menjadikan tampilan blog kamu seperti kotor atau tidak rapi.
• Kompres gambar background agar ukuran file maksimal sekitar 50-100 kb, kenapa? Agar loading blog kamu bisa terasa cepat. Kamu bisa coba Smush.it untuk mengkompres gambar untuk hasil yang Oke.

Sepertinya cuma itu saran penulis, Oke kita lanjut ke cara mengganti template blogspot, berikut caranya :

• Setelah kamu download template pilihan kamu, silahkan extract terlebih dahulu, setelah itu pastikan ada 1 file dengan format .XML. File ini yang nanti akan kita upload.
• Jika sudah, pada blogspot kamu pilih Template > Cadangkan/Pulihkan (ada di menu sebelah kanan atas)
• Backup terlebih dulu template asli kamu dengan cara klik tombol Unduh Template Lengkap. Kalau sudah kamu download baru kita lanjut ke proses penggantian template, caranya cari file .XML di PC kamu pada bagian Unggah template dari file di hard drive Anda lalu tekan tombol Unggah.
• Tunggu hingga proses upload selesai, jika sudah berhasil dan tidak ada pesan error berarti template lama kamu sudah berganti dengan yang baru.

Selamat mencoba...

Selengkapnya...