March 2013

Cara Meningkatkan SEO Blog

Tutorial lengkap, cara, & langkah-langkah dasar meningkatkan SEO Blogger/Blogspot. Sebelumnya kita pahami dulu mengenai SEO. SEO (Search Engine Optimization) adalah proses meningkatkan/mengoptimalkan jumlah pengunjung blog/website dengan cara meraih peringkat yang lebih tinggi di hasil indeks halaman search engine (SERP). Semakin tinggi SERP, semakin besar pula kemungkinan jumlah pengunjung. Akan sangat jarang pengunjung search engine yang melakukan browsing halaman demi halaman search engine. Jadi, para webmaster berbondong-bondong melakukan persaingan dan berebut untuk ada di halaman utama search engine. Sedangkan istilah lain SEO (Search Engine Optimizer), adalah pelaku, alat, & elemen yang dapat membantu meningkatkan peringkat SERP blog/website.

Setiap blog/website memiliki elemen, template/theme, basic code, serta berbagai macam elemen lain yg berbeda-beda sehingga usaha melningkatkan SEO pun tidak sama persis. Misalnya, WordPress memiliki basic elemen PHP, HTML, JavaScript, dan CSS. Selain itu WordPress juga dilengkapi dengan banyak plugin SEO yang siap dipakai memaksimalkan hasil di search engine. Blogspot memiliki elemen dasar HTML, Javascript, & CSS, yg tentu saja ada kelemahannya. Meskipun kita dapat menggunakan plugin SEO berbasic Javascript, namun saya sendiri tidak melihat efek signifikan. Kelebihannya, di Blogspot kita dapat melakukan modifikasi/hack tanpa batas baik pada desain blog maupun dalam meningkatkan SEO-nya.

Cara-cara berikut merupakan cara yg masuk kategori organic SEO, yaitu optimasi search engine dengan cara-cara natural, yg saya lihat justru memiliki efek yg baik. Selain itu, saya juga kurang begitu mendukung cara-cara Blackhat SEO yang saat ini pun mulai disisihkan oleh Google.

1. Pilih template yang SEO friendly.

Suatu design layout blog bisa memiliki keunggulan dan kelemahan. Di satu sisi, sebuah tampilan template/theme tampak hebat, namun dari segi SEO bisa saja lemah, ataupun sebaliknya. Oleh karena itu, pilihlah template Blogger yang SEO friendly. Saat ini telah banyak tersedia template Blogger gratis berkualitas premium yang telah disisipi hack SEO. Jika sudah 'terlanjur sayang' dan ingin tetap menggunakan template yang lama, lakukan dari langkah kedua berikut.

2. Pasang meta tags di blog

Ada banyak jenis meta tag, yang paling lazim digunakan adalah meta description, yang berisi deskripsi blog/website dan meta key, yang berisi keyword-keyword yang berkaitan dengan isi blog/website. Selain itu ada pula meta author, yang berisi nama penulis atau nama institusi/perusahaan, namun jarang sekali dipakai. Dan masih banyak lagi meta-meta lainnya.

3. Maksimalkan keyword pada title/judul blog

Memadatkan judul dengan keyword yang ditargetkan dapat memperbesar kepadatan keyword (keyword density) suatu blog. Pada blogspot, edit judul melalui Dashboard > Design/Rancangan > Klik edit pada header, isi dengan judul yang diinginkan dan save.

4. Letakkan judul posting di depan nama blog

Pada template Blogger yang belum di isi hack, biasanya nama blog berada di depan judul posting. Untuk mengeceknya, buka sebuah halaman posting dan lihatlah tab dan bar pada browser. Lihatlah apakah nama blog berada di depan dan di susul judul posting. Pada hasil indeks search engine, hal ini dapat mengurangi akurasi dan kepadatan keyword serta memotong judul posting di bagian belakang. Apalagi jika judul posting sangat panjang. Pengunjung jadi tidak mengerti poin keseluruhannya.

5. Maksimalkan keyword yang padat dan efektif di dalam posting blog

Ini bukan berarti membuat keyword sebanyak-banyaknya, tetapi mengatur letak/posisi keyword, menggunakan keyword dan frase yang tepat, dan tidak menggunakan terlalu banyak kata yang bertele-tele. Misalnya, hindari kata-kata seperti ini: "Dalam pada posting kali ini...", dan lain-lain.

6. Percepat waktu loading (load time) blog

Google juga memberlakukan penalti terhadap blog/website yang terlalu berat dan lama untuk di-load. Ini logis, karena waktu yang dibutuhkan oleh spider saat crawling dan mengumpulkan informasi menjadi lebih lama. Hal-hal yang menghambat loading blog/website biasanya adalah: terlalu banyaknya file javascript (biasanya pada widget) dan terlalu besarrnya file-file gambar. Pengunjung tentu juga akan kerepotan karena harus menunggu loading yang lama, apalagi bagi yang koneksi internetnya lemot.

7. Percepat proses indeks search engine terhadap blog

Indeks yang cepat menunjukkan bahwa blog telah dikenal oleh search engine. Hal ini tentu saja mempercepat SEO suatu posting karena kita tidak perlu menunggu dalam waktu yang lama dan pengunjung pun bisa segera menemukannya di search engine. Meskipun ini bukan jaminan bahwa artikel posting berada dalam indeks halaman utama, akan tetapi ini adalah langkah awal dari proses SEO itu sendiri.

8. Nofollow-kan Label-label Blogger (opsional)

Di dalam artikel Memahami Karakteristik dan Cara Optimalkan Label Blogger, saya menjelaskan bahwa url label sebenarnya merupakan perintah search (contoh url-nya: http://buka-rahasia.blogspot.com/search/label/favicon), maka label bukanlah link permanent (permalink). Mengapa? Karena label hanya terbentuk sebagai hasil url perintah pencarian (contohnya seperti url pencarian seach engine). Oleh karena itu, search engine tidak memperhitungkan label sebagai link/url yang sah untuk diindeks. Itulah mengapa ketika anda masuk ke Google Webmaster Tools, ada informasi bahwa link-link label di-restricted oleh robot.txt. Langkah me-nofollow-kan label bersifat opsional, anda bisa mencobanya untuk mengetahui efeknya lebih jauh.

9. Link building yg efektif

Link building merupakan poin paling penting dalam SEO. Link building adalah proses menciptakan inbound link (link yang mengarah ke blog/website), yaitu mendapatkan backlink dari blog/website lain. Melakukan link building bisa dengan banyak cara, yaitu: membuat reciprocal link baik dengan direktori/social bookmark (yang mensyaratkan reciprocal link) ataupun bertukar link dengan blog/website lain, mendaftarkan blog dan artikel ke social bookmark/direktori, dan berkomentar di blog/website lain dengan meninggalkan link di form komentator, cara ini lazim dikenal sebagai blogwalking, meskipun kemudian agak disalahartikan dengan meninggalkan komentar berisi, "blogwalking!", atau, "mampir gan!", dan lain-lain. Berkomentarlah sesuai konten karena ini menunjukkan kualitas dan Google juga melirik itu loh. Jangan lupa, ada link dan anchor text di atas komentar tersebut, dan Google memperhatikannya ketika crawling.

Untuk melakukan link building secara efektif dengan tujuan mendapatkan backlink berkualitas &meningkatkan pagerank, berkomentarlah di blog-blog dofollow ber-pagerank tinggi, daftarkan blog serta artikel di situs direktori dan social bookmark dofollow, daftarkan pula blog di direktori blog berkualitas. Perbanyak backlink yg mengarah ke blog/website, namun lakukan secara natural, yaitu tidak secara serampangan, terlalu banyak backlink yg dibuat dalam satu hari juga dapat dianggap 'tidak wajar' oleh Google. Saya biasa membatasi 5-10 kali link building setiap harinya.

Link building dapat meningkatkan visibility atau kenampakan blog/website di mata search engine serta meningkatkan traffic yg berkualitas. Semakin banyak tarffic semakin tinggi nilai kepentingannya bagi search engine sehingga dia rutin melakukan crawling. Link building juga menambah kredibilitas dan popularitas suatu blog/website.

Itulah dasar-dasar optimalisasi SEO Blogger/Blogspot yg menjadi pengalaman saya. Masih ada banyak cara yg dapat ditempuh untuk meningkatkan SEO blog namun sekiranya beberapa langkah di atas dapat menjadi dasar untuk memperkuat SEO blog, sebelum melakukan langkah meningkatkan SEO selanjutnya. Fondasi yang kokoh merupakan tolok ukur dan cikal bakal bangunan yang kokoh bukan?

Cara Menampilkan Judul Postingan Sebelum Judul Blog

Agar judul posting ini lebih jelas maksudnya, silahkan lihat pada tab browser anda di atas. Judul posting ini berada di depan kemudian disusul nama blog di belakangnya. Begitu pula nantinya tampilan dalam query search engine. Apabila judul blog berada di depan, maka prioritasnya akan berbeda serta pengunjung yang sedang melakukan pencarian tidak dapat melihat judul posting secara lengkap, karena biasanya bagian belakang akan terpotong apabila baris judul panjang. Hal ini tentu tidak baik bagi SEO.

Biasanya, template eksternal yang telah dikostumisasi serta disisipi hack SEO memiliki fitur ini. Namun ada pula template yang benar-benar pure dan belum di ubah sama sekali, terutama template-template official bawaan Blogger. Oleh karena itu, bagi Anda yang masih memiliki baris judul yang menempatkan nama blog/website di depan judul posting, ubahlah melalui cara berikut:

1. Masuk ke dashboard > Template > Edit HTML.
2. Dengan menggunakan CTRL+F cari kode berikut:

<title><data:blog.pageTitle/></title>

3. Setelah ketemu, sekarang silahkan GANTI dengan script tag berikut:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

Perhatikan tanda " | ". Itu adalah tanda yang saya pakai untuk memberi batas antara judul posting dan nama blog ini. Anda dapat menggantinya dengan tanda yang disuka, misalnya " > " atau " - ".

4. Simpan/save template HTML. Buka salah satu artikel/posting blog Anda. Lihat bagian atas browser dan perhatikan perubahan yang terjadi pada urutan judul postingan dan nama blog.

Cara Ping Blog dan List Situs Layanan Ping Terbaik

Ping dilakukan sebagai notifikasi pada website-website direktori & search engine agar konten website atau blog cepat terindeks. Silahkan lihat "apa alasan melakukan ping blog/website" untuk lebih jelasnya.

Ada banyak situs yg menyediakan layanan ping. Secara konseptual, selain menotifikasi search engine, beberapa situs layanan ping juga melakukan ping ke situs layanan ping lain. Sistemnya hampir seperti viral, sekali ping pada satu layanan maka beberapa situs ping yang berafiliasi akan menerima ping tersebut dan meneruskannya.

Untuk melakukan ping, anda dapat membuka situs-situs layanan ping yang sangat banyak jumlahnya. Anda dapat mencarinya di search engine dengan kata kunci misalnya: "ping service', "ping tool", "blog ping tool', dan lain-lain. Secara umum situs-situs tersebut akan meminta anda untuk melakukan langkah-langkah berikut:

1. Isikan url blog/website

2. Isikan nama (title) blog/website.

3. Isikan url feed blog/website, (biasanya optional, tapi jika ada opsinya, isikan agar lebih maksimal)

4. Isikan alamat email yang valid (sebagian meminta ini)

5. Isi kode keamanan/captcha (sebagian mensyaratkan)

6. Dan klik perintah ping.

7. Tunggu hingga proses selesai.

Beberapa situs layanan memperbolehkan anda memasukkan url posting, namun sebagian yang lainnya tidak mengijinkan. Hanya root url (front page url) saja yang diperbolehkan.

Gunakan layanan ping dari situs layanan ping terbaik berikut:

1. Pingler.com

Selain layanan ping ke kurang lebih 100 website, situs juga menyediakan add-on browser Mozilla Firefox. Add-on ini mempermudah anda untuk melakukan ping suatu url tanpa harus menuju ke websitenya. Caranya adalah dengan mengklik pingler tool yang terpasang di bagian atas browser ketika browser sedang berada di suatu halaman tertentu. Dapatkan add-on tersebut secara langsung di Pingler.

2. Auto-ping.com

Layanan ping ini juga melakukan ping url ke banyak website. Selain itu, terdapat pula widget yang dapat anda pasang di blog/website yang dapat anda gunakan untuk melakukan ping ketika anda sedang berada di halaman tertentu di blog anda. Klik widget tersebut untuk melakukan ping secara otomatis dan akan ada window baru terbuka yang menuju ke halaman ping.

3. Mypagerank.net (ping service page)

Selain memiliki tool seperti website submission, pagerank checker, meta tag creator, dan lain-lain, situs ini juga menyediakan layanan ping ke 80 website. Satu situs dengan banyak paket. Recommended banget lah.

4. Pingomatic.com

Layanan ping instan terutama untuk feed update.

5. Autopinger.com

Selain layanan ping, situs ini juga menyediakan widget button autopinger untuk melakukan ping melalui halaman dimana anda berada saat melakukan ping. Terdapat pilihan ping untuk blog dan podcast blog.

6. Pingmyblog.com

Menyediakan layanan ping hingga ke 71 website.

7. Pingates.com

Melakukan layanan ping ke kurang lebih 40 situs.

8. Pingoat.com

Melakukan layanan ping ke 51 website dengan tiga jenis spesifikasi (general, non english, dan special).

9. Ping.in

Memiliki spesifikasi yang sama seperti pingoat.com.

Lakukan ping dengan interval tertentu pada situs-situs di atas untuk memaksimalkan indeks blog/website. Anda dapat menggunakan semua layanan tersebut namun beri jarak agar tidak terjadi crash. Beberapa situs hanya mengijinkan 1 kali hingga beberapa kali ping dalam sehari. Saran: bookmark halaman ping masing-masing situs di browser anda setelah melakukan ping untuk memudahkan melakukan ping selanjutnya.

Mengapa Harus Melakukan Ping Blog/Website

Bagi yang sudah malang-melintang di dunia web dan SEO, istilah ping sudah tidak asing lagi. Atau juga jika ada yang (dulu) sangat suka dengan mIRC chat pasti juga sangat mengenal istilah ping. Jadi, apakah sebenarnya ping itu serta apa fungsi & pengaruhnya? Kembali lagi ke mIRC, anda mungkin sering menggunakan perintah! ping yg tujuannya untuk memberikan notifikasi pada server bahwa anda telah mempunyai baris kalimat baru yg telah dimasukkan namun belum termuat atau ter-update. Hal ini biasanya disebabkan adanya koneksi yg lambat atau karena terlalu banyaknya antrian (query) chat dari masing-masing peserta chat.

Demikian juga dengan query search engine. Karena membludaknya query link yg harus di-indeks oleh search engine, maka banyak link-link baru yg harus mengantri, bahkan hingga dalam waktu yg lumayan lama. Apalagi jika link-link tersebut berasal dari website/blog yg baru, jadi pasti antriannya lebih lama. Logikanya sama seperti waktu kita ngantri di loket stasiun pas mau pulang mudik. Suasananya hiruk pikuk banget, dan jika kita tidak sabar lagi, biasanya pake jasa calo. Wutz, tidak nyambung kali ya. Kadang-kadang bikin frustasi pula jika setiap posting konten/artikel baru, harus menunggu lama agar terindeks search engine. Belum lagi jika anda menyusulnya dengan posting yg lebih baru lagi, maka penumpukan query akan lebih banyak. Untungnya, ada fasilitas ping blog yg bisa digunakan untuk memberi tahu search engine dan situs-situs indeks lainnya bahwa ada konten baru dari sebuah blog. Dengan cara ini, kita memberi tahu pada search engine bahwa, "Hey, Bos! Neh gw ada artikel baru neh, tolong segera diindeks ya! Makasih." sekiranya begitulah gambaran penggunaan perintah ping.

Dalam hal traffic, tentu saja ping memberikan kontribusi besar karena semakin cepat konten terindeks semakin cepat juga para pengguna search engine mendapatkan konten baru. Biasanya pengguna search engine memprioritaskan konten yg masih fresh.

Lakukan ping setiap setelah publish konten baru maka pastinya konten tersebut akan segera terindeks. Ada banyak situs yang mempunyai layanan ini dan memiliki akurasi ping yang baik. Lihat Cara Ping Blog dan List Situs Layanan Terbaik.

Membuat Meta Tag SEO Friendly

Sebelum Anda membaca dan menerapkan meta tag seo friendly ini, ada baiknya baca dulu mengenai pengertian meta tag seo friendly. Dari beberapa penjelajahan saya di dunia maya, bermacam-macam tutorial yang membahas mengenai meta tag seo friendly, saya sendiri terkadang bingung mau memakai yang mana, namun di sini saya akan sedikit berbagi meta tag yang digunakan pada blog ini. Dari 10 post sebelumnya, lumayan halaman blog ini terindeks google. Silakan jika Anda mau mencobanya.

<b:if cond='data:blog.url == "http://namablogkita.blogspot.com/"'>

<title><data:blog.pageTitle/></title>

<meta name='Description' content='Deskripsi Blog Kita'/>

<meta name='Keywords' content='Kata Kunci Blog 1, Kata Kunci Blog 2, kata kunci 3'/> </b:if>

<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> - <data:blog.title/></title>

<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>

<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>

</b:if>

Ket:
Pada kode berwarna biru masukkan nama blog Anda
Pada bagian yang saya beri warna merah silakan masukkan deskripsi singkat blog Anda, dan sebaiknya maksimal 160 karakter.

Kode <b:if cond='data:blog.url == data:blog.homepageUrl'> artinya : Jika di Home Page ini.

Sedangkan kode <b:else/> artinya : Jika bukan (Maksudnya jika bukan di Home Page) ini.

<meta name="rating" content="general"/>
<meta name="copyright" content="2012, Nama Blog Kita"/>
<meta name="robots" content="index, follow"/>
<meta name="language" content="id"/>
<meta name="expires" content="never"/>

Penjelasan:
1. Kode dalam kotak pertama memuat meta deskripsi dan meta keyword. (Ini yang terpenting)

2. Kode dalam kotak kedua adalah jenis-jenis meta tag yang lain.

Cara Pasang :

1. Pada Dasbor klik Rancangan > Edit HTML > jangan lupa backup template Anda.
2. Pada template dasar/bawaan blogger, cari kode berikut:

<head>
<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

kode ini biasanya berada di bawah kode <head>

dan kode ini <b:include data='blog' name='all-head-content'/> hapus kode <title><data:blog.pageTitle/></title>, kemudian masukkan seluruh kode di atas sehingga menjadi seperti ini :

<b:if cond='data:blog.url == "http://namablogkita.blogspot.com/"'>
<title><data:blog.pageTitle/></title>
<meta name='Description' content='Deskripsi Blog Kita'/>
<meta name='Keywords' content='Kata Kunci Blog 1, Kata Kunci Blog 2, kata kunci 3'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
<meta name="rating" content="general"/>
<meta name="copyright" content="2012, Nama Blog Kita"/>
<meta name="robots" content="index, follow"/>
<meta name="language" content="id"/>
<meta name="expires" content="never"/>

3. Klik Pratinjau, lalu save jika tidak error.

Apa Itu Meta Tag SEO Friendly?

Sebelum kita membahas apa itu meta tag seo Friendly ada baiknya kita pahami dulu beberapa pengertian berikut:

Apa itu Meta Tag?

Meta adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang dipakai untuk mengaplikasikan metadata dalam suatu halaman web. Elemen meta ini harus diletakkan pada bagian “head” atau di bawah kode <head> dalam HTML tersebut. Tag meta ini dapat dipakai juga untuk menyatakan deskripsi/keterangan dari suatu halaman web dan untuk menjelaskan mengenai kata kunci (keyword) yang terkait serta untuk metadata lain tanpa “head”.

Sebagai contoh yang sederhana, di bawah ini ditampilkan perintah meta:

<meta name="keywords" content="widget,membuat blog">

Meta tag di atas untuk menjelaskan bahwa halaman HTML yang bersangkutan berkaitan dengan kata kunci
"widget" dan "membuat blog".

Contoh Meta yang lain :

<meta name="description" content="membuatblog.com is a search engine tutorial that explain how to get top rangking in all major search engine and get high traffic for your web site.">

Contoh di atas adalah meta tag description. Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya tidak boleh lebih dari 200 karakter. Dan usahakanlah agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.

Dari 2 contoh di atas Saya kira Anda sudah cukup paham.

SEO

Optimisasi (optimasi; optimalisasi) mesin pencari (bahasa Inggris: Search Engine Optimization, atau yang biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui search engine (mis: google) menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.
Pada template bawaan blogger biasanya tidak terpasang meta tag. Dan jika kita ingin blog kita lebih SEO friendly ada baiknya jika memasang meta tag di blog kita. Contoh meta tag yang bisa saya berikan dapat dilihat dalam postingan Membuat Meta Tag SEO Friendly.

Apa Itu Ping dan Backlink?

Ping (kadang kala disebut sebagai singkatan dari Packet Internet Gopher) adalah sebuah program utilitas yang dapat digunakan untuk memeriksa Induktivitas jaringan berbasis teknologi Transmission Control Protocol/Internet Protocol (TCP/IP). Dengan menggunakan utilitas ini, dapat diuji apakah sebuah komputer terhubung dengan komputer lainnya. Hal ini dilakukan dengan mengirim sebuah paket kepada alamat IP yang hendak diujicoba konektivitasnya dan menunggu respon darinya.

Sebelum berbicara lebih lanjut tentang "Ping", Saya ingin bertanya terlebih dahulu. Biasanya setelah mengupdate blog/memposting artikel terbaru, apa yang anda lakukan agar Search Engine tahu bahwa anda baru saja memposting artikel terbaru? Apakah anda mempromosikannya ke beberapa social bookmark atau melalui komentar-komentar pada blog-blog lain lalu anda memasang link halaman artikel yang baru saja anda posting? Memang hal ini bagus dilakukan tapi apakah tidak capek capek? Apalagi bila hal ini terus menerus dilakukan setiap memposting artikel terbaru. Bener-bener capek deh.

Meski sebenarnya secara otomatis tanpa promosi sekalipun Search Engine akan meng-crawl blog anda bila terdapat artikel terbaru apalagi orisinil dan unik Search Engine pasti sangat senang. Namun di tengah begitu banyaknya blog tentu saja kita harus proaktif, jangan menunggu, ya kan? Lebih cepat lebih baik.

Nah, disinilah fungsinya “Ping” yaitu memberi informasi kepada Search Engine bahwa kita baru saja mengupdate blog. Tapi ada tapinya nih. Sebaiknya “Ping” dilakukan seminggu sekali atau 3 hari sekali ini juga bila anda sudah mengupdate blog. Karena kalau terlalu sering bisa-bisa Search Engine menganggap blog anda sebagai “Spammer”.

Cara melakukan “Ping”

Contoh, kita menggunakan “Ping service” Pingomatic.com . Selanjutnya anda mengisi data yaitu judul blog dan alamat URL blog anda, lalu contreng pada bagian “Check all” yang berarti “Ping” ke semua Search Engine. Tunggu proses “ping” sedang berlangsung. Bila sudah selesai berarti update blog anda sudah sukses terdeteksi oleh Search Engine yang terdaftar pada situs “Ping Service” tersebut. Praktis kan?

Beberapa situs “Ping Service” yang bisa anda gunakan:

1. Pingoat

2. totalping

3. pingomatic

Catatan :
Bila anda pernah melakukan “Ping” kemudian anda lupa lantas “Ping” lagi pada hari yang sama. Secara otomatis Pingomatic akan menjawab dengan kalimat seperti ini “Slow Down Cowboy…” (Jawaban dari Pingomatic.com yang biasa saya gunakan). Ini berarti anda dianggap terburu nafsu, ga sabar. Hehe...kalau sudah begini, lebih baik tunggu saja, anda ”ping” lagi 2 sampai 3 hari lagi.

Pengertian Backlink

Backlink adalah sebuah link atau teks yang berada di situs lain atau situs kita sendiri yang jika kita klik maka akan menuju ke suatu halaman lainnya dan ini disebut backlink untuk halaman yang dituju tersebut. Teks dari link ini biasanya berupa anchor text atau teks singkat yang biasanya adalah kata kunci dari halaman tujuan tersebut.

Fungsi Backlink

Fungsi backlink sangat penting untuk meningkatkan popularitas suatu situs atau biasa dikenal dengan pagerank yang jadi sebuah ukuran otoritas dan pentingnya situs tersebut terutama oleh mesin pencari seperti Google.
Jumlah backlink menggambarkan populernya dan pentingnya suatu situs di dunia internet. Semakin besar jumlah backlink suatu situs, maka semakin populer dan penting keberadaan maupun konten dari situs tersebut.

3 cara gratis membuat backlink:

•    berkomentarlah di blog dofollow. Search saja di google dengan format “daftar blog do follow” pasti ada. Jangan lupa menuliskan link website kamu.
•    Iklan di situs iklan yang pengunjung atau pemasang iklannya keterlaluan. Contohnya: iklanhouse.com
•    Tukeran link dengan blogger lain. Tapi ingat, usahakan untuk memilih blogroll yang berada di sidebar atau footer. Kalau di postingan atau menu tab link kamu mau ya nggak papa.

Oke mungkin itu aja dulu, silakan yang mau coba tips yang udah saya praktekkin. lumayan sih, nambah2 rangking Alexa.

Membuat Read More Otomatis Tanpa Kode Javascript

Membuat read more sederhana pada saat menulis artikel adalah dengan cara mengklik ikon read more yang berbentuk seperti "kertas sobek" setelah pointer mouse ditempatkan pada kalimat yang dikehendaki.

Dengan cara ini tentunya dilakukan secara manual, sehingga kita harus melakukannya setiap menulis artikel. bagi sebagian blogger hal ini tidak masalah selama dia ingat untuk mengklik ikon read more tersebut. Namun jika kita lupa, tentu saja kita harus mengedit kembali postingan yang telah dipublikasikasikan sebelumnya. Dalam ngeblog tentu saja kita ingin sesuatu yang praktis, ringkas dan otomatis, begitu pula dalam hal membuat artikel agar read more terpasang secara otomatis.

Jika Anda ingin tau bagaimana cara memasang read more otomatis, mari kita sama-sama menyimak tutorial berikut ini.

1.    Langkah pertama masuk ke akun blogger.
2.    Pastikan Anda sudah membackup template. Untuk berjaga-jaga
3.    Buka dasbor blog > Template/edit HTML > Cari kode <data:post.body/>

Kemudian ganti dengan kode di bawah ini;

<b:if cond='data:blog.pageType != "item"'><br />
<b:if cond='data:post.snippet'><br />
<b:if cond='data:post.thumbnailUrl'><br />
<div class='Image thumb'>
    <img expr:src='data:post.thumbnailUrl'/><br />
</div>
</b:if><br />
<br />
<data:post.snippet/><br />
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'><br />
<div class='jump-link'>
    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a><br />
</div>
</b:if><br />
<br />
<b:else/><br />
<data:post.body/><br />
</b:if><br />
<b:else/><br />
<data:post.body/><br />
</b:if>

Jika ada lebih dari 1 (satu) kode <data:post.body/> , pilih yang pertama.

5. Untuk tampilan di blognya silakan masukkan kode css di bawah ini, tepat diatas kode

]]></b:skin>

thumb img {float: left; margin: 0 10px 5px 0;}

Klik pratinjau dan Simpan template. Selesai dan auto read more blog pun sudah jadi, mudah-mudahan tutorial singkat ini bisa membantu.

Membuat Related Posts / Artikel Terkait di Bawah Postingan Blog

Cara Membuat Related Post/ Artikel Terkait di Bawah Posting Blog sebenarnya cukup mudah, tujuannya ya tentu agar pembaca blog kita mengetahui, artikel-artikel apa saja yang berhubungan dengan artikel yang sedang dibaca. Selain widget Recent Post atau pun Popular Posts, Related Posts atau dalam bahasa Indonesia sering disebut Artikel Terkait ini adalah berdasarkan Label atau Kategori artikel yang sedang dibuka. Pada Tutorial kali ini saya mau berbagi mengenai cara membuat artikel terkait biasa berupa teks yang berada di bawah posting, yaa siapa tau pengunjung blog kita mau membukanya, hitung-hitung buat nambah statistik kunjungan.

Buat apaan sih fungsi artikel terkait ini, salah satunya adalah untuk mengurangi tingkat bounce rate sebuah blog, apa itu bounce rate silakan buka artikel Bounce rate definisi, pengaruh dan cara mengetahuinya

Langsung saja:

1. Seperti biasa Login di akun Blogger Anda, Klik Rancangan > Template > Edit HTML > Lalu cari kode

]]></b:skin>

2. Tepat di atas kode itu, masukkan kode di bawah ini:

/* Related Post */
.related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#EEEEEE;}
.related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;}
.related_posts a{color:#000;}
.related_posts ul{padding:0;}
.related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background: #EEEEEE;}

3. Cari kode berikut ini <div class=’post-footer-line post-footer-line-1′>, lalu dibawahnya masukkan kode berikut :

<b:if cond='data:blog.pageType == "item"'>
<div class='related_posts'>
<div class='widget-content'>
<h4>Artikel Terkait</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 2;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 2;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

Kata Artikel Terkait yang berwarna merah, silakan Anda ganti jika mau menggantinya.

4. Klik pratinjau, kalau berhasil lalu save/simpan template.

Jika Anda mau mencoba namun belum berhasil saya siap bantu lewat komentar. Demikian posting cara membuat artikel terkait di bawah posting, semoga bisa membantu.

Bounce rate definisi, pengaruh dan cara mengetahuinya

Bounce rate, mungkin istilah yang sedikit asing buat kita blogger pemula, beda halnya dengan istilah widget, CSS, HTML, template maupun istilah-istilah keren dalam dunia blogger lainnya. Kira-kira apa sih yang dimaksud dengan bounce rate itu? apa efek bounce rate terhadap blog? dan bagaimana cara mengetahui tingkat (tinggi rendah) bounce rate blog kita? Berikut beberapa penjelasan mengenai pengertian bounce rate.

Bounce rate jika di artikan ke dalam bahasa Indonesia berarti rata-rata lambungan / pentalan, namun arti terkadang berbeda dengan makna sebuah istilah. Bounce rate dalam kamus blogging sendiri bermakna rata-rata angka persentase antara tingkat kunjungan dengan page views (bukaan halaman) posting blog. Artinya rasio antara jumlah kunjungan dibagi bukaan halaman dalam jangka waktu tertentu. Mengapa dalam jangka waktu tertentu? Karena ini ada hubungannya dengan sistem perangkingan google atau pagerank yang biasanya update 3 bulan sekali.

Sebagai contoh; Kunjungan atau visitor 50 perhari pageviews 75, rumus menghitungnya adalah 50/75 = 66,66%. Jadi bounce ratenya adalah 66,66%. Manakah yang lebih bagus bounce rate tinggi atau rendah? Jelas bagus yang rendah. Coba hitung lagi misalnya jika pageviews ditambah menjadi 200 = 25%. Apakah arti dari angka-angka tadi? Pengunjung 50 orang dengan bukaan halaman hanya 75 berarti seorang pengunjung membuka tidak lebih dari 2 artikel. Sedangkan pengunjung 50 dengan pageviews 200 berarti rata-rata 1 pengunjung membuka 4 artikel. Temen-temen bisa membedakannya?

Apa pengaruh rendah atau tingginya bounce rate terhadap blog? Di mata google blog dengan bounce rate rendah mendapat apresiasi yang cukup baik, misalnya dengan menaikkan rangking pagerank blog dan mengutamakan blog kita dibanding blog lain yang bounce ratenya tinggi di pencarian google. Ini juga salah satu faktor dalam penilaian alexa rank. Ramainya kunjungan ke blog ditambah pageviews yang tinggi akan menaikkan rangking alexa.

Untuk mengetahui tingkat bounce rate, Anda harus mendaftarkan blognya di google analytics, kemudian memasang kode yang diberikan di blog kita. Bisa juga Anda memakai widget statistik histat.com, namun menurut saya kurang pas, jika dibanding memakai google analytics.

Update, Rumus perhitungan bounce rate diatas masih samar-samar, saya telah mencari bagaimana rumus sebenarnya namun tidak ketemu-ketemu juga. Banyak faktor-faktor bounce rate, yang utama memang adalah perbandingan yang telah saya sebutkan di atas. selain itu rata-rata lama / durasi waktu kunjungan juga berpengaruh terhadap bounce rate.

Bagaimana Tips menurunkan bounce rate? Silakan buka post Cara mengurangi tingginya bounce rate blog.

Cara Mengurangi Tingginya Bounce Rate Blog

Bounce rate blog Anda tinggi? Bagaimana kira-kira cara menurunkan bounce rate yang tinggi tersebut? Seberapa penting atau apa saja pengaruh angka bounce rate untuk sebuah blog? Atau Anda belum tau apa itu bounce rate? Jika temen-temen ingin tahu apa itu bounce rate silakan buka posting Bounce rate definisi, pengaruh dan cara mengetahuinya

Yang jelas bounce rate bisa diketahui jika kita memdaftarkan situs kita di google analytics atau memasang widget statistik dari histat.com

Berikut tips-tips yang dapat saya berikan untuk mengurangi tingginya persentase bounce rate:

1. Memasang Read More di blog

Apa pentingnya read more? Memasang Read more adalah salah satu cara agar seluruh postingan tidak terbaca sepenuhnya. Artinya hanya sebagian 1 atau 2 paragraf saja yang terbaca, sehingga pengunjung "terpaksa" membuka artikel untuk membaca keseluruhan isi posting blog. Anda tentu pernah membuka blog yang tidak memakai read more atau auto read more. Apa saja kira-kira efeknya? perhatikan baik-baik, yang pertama tentu loading blog menjadi lelet alias berat (apalagi banyak gambarnya), terlebih jika dihalaman utama / homepage menampilkan lebih dari satu posting blog. Pengunjung blog juga bisa membaca artikel kita secara keseluruhan tanpa perlu membuka artikelnya, karena sudah jelas seluruh posting yang 5 tadi (jika dihalaman home / beranda menampilkan 5 post). Kerugian buat blog kita, karena seharusnya kita mendapat 5 kunjungan pageviews tapi nyatanya cuma 1. Capek deech.
Read more bisa di pasang secara manual kalo gak mau repot, apalagi buat blogger pemula yang masih bingung dengan kode css, html dan kode javascript, saya sarankan pakai yang manual saja. Atau bisa juga temen-temen memasang read more otomatis tanpa kode javascript

2. Membuat dan memasang daftar isi/ Table of contents/sitemap di blog

Daftar isi bertujuan untuk memandu pengunjung yang ingin mengexplore seluruh isi blog. Dengan daftar isi seluruh artikel bisa diketahui oleh pengunjung. Jika Anda tidak mau direpotkan dengan sulitnya membuat daftar isi Anda bisa menambahkan arsip blog yang disediakan secara default oleh blogger.

3. Memasang Artikel terkait atau related posts di blog

Artikel terkait merupakan widget yang menampilkan postingan blog yang memiliki label atau kategori yang sama dengan artikel yang sedang dibaca. Kebanyakan related post ini dipasang dibawah posting blog atau di sidebar. Related post juga bermacam-macam ada yang berupa link teks biasa atau linkgambar. Ada juga situs yang menyediakan widget ini seperti linkwithin.com. Cara memasangnya adalah dengan menambahkan kode css dan javascript tertentu ke dalam template.

4. Usahakan Menulis artikel sepanjang mungkin

Bisa gak yaa? hehehe. Berapa kira-kira jumlah kata yang baik untuk sebuah postingan? Ada yang bilang minimal 200 kata namun ada juga yang bilang 400-600 kata. Saya kira ini tergantung kecerdasan dan strategi kita membuat posting yang panjang tersebut dan tentunya tergantung judul posting yang diambil. Memang saya sendiri belum tau bagaimana rumus cara menghitung persentase bounce rate. Namun jika dilihat dari statistik Google analytics blog saya, Saya yakin waktu rata-rata kunjungan berpengaruh terhadap bounce rate blog.

5. Buat Template blog seringan mungkin

Loading blog yang terlalu berat membuat pengunjung "galau" alias langsung kabur. Ngapain nunggu lama-lama kalau artikel yang dicari gak keluar-keluar, eeh yang nongol cuma iklan sama kolam ikan di blog. hehehe. Buang saja gadget-gadget blog yang gak penting. Ingat durasi kunjungan ke blog kita seperti yang tadi saya bilang berpengaruh terhadap bounce rate, bounce rate rendah "disayang" Google. hohohoo

6. Navigasi halaman dan design blog

Navigasi halaman dan design blog perlu juga diperhatikan jangan sampai kita terlalu menonjolkan keindahan blog namun design dan navigasi halaman buruk. Sehingga pengunjung kesulitan dalam mengeksplorasi blog.

7. Gunakan font dan warna yang mengenakkan mata pengunjung

Gak perlu saya kira pakai huruf yang aneh-aneh jika temen-temen ingin mengutamakan konten blog. Beda sama blog curhatan anak remaja yang gak terlalu mementingkan isi, yang penting ada isinya dan kelihatan Gaul.

Demikian tips dan strategi Cara Mengurangi Tingginya Bounce Rate Blog. Ada yang mau menambahkan? Pada intinya. Manjakan pengunjung biar mereka betah lama-lama di blog kita!

Cara Memasang Tombol Berbagi Efek Berputar

Saat ini banyak widget share button/tombol berbagi telah dirilis untuk Blogger. Hal ini cukup membantu untuk membuat blog Anda bersosialisasi dan mendapatkan lebih banyak traffic. Menambahkan tombol bookmark sosial adalah cara yang keren untuk mendapatkan lebih banyak pembaca dan pemirsa yang ditargetkan.

Tombol berbagi yang saya bagi sekarang cukup keren, ketika pointer mouse diarahkan ke tombol tersebut ia akan memutar 360 derajat.

Berikut adalah cara untuk menambahkan tombol berbagi dengan efek berputar ke blog Blogger Anda:

1. Login ke blogger> Template> Edit HTML> Cari kode berikut pada template Anda: (CTRL + F)

<data:post.body/>

2. Tepat di bawahnya tambahkan kode berikut ini:

<b:if cond='data:blog.pageType == "item"'>
<div class='spinning_icons'>
<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank' title='Twitter'>Twitter</a>
<a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Delicious'>Delicious</a>
<a class='digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg'>Digg</a>
<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Facebook'>Facebook</a>
<a class='stumbleupon' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumbleupon'>Stumbleupon</a>
<a class='rss' href='http://feeds.feedburner.com/NotEasy' target='_blank' title='RSS'>RSS</a>
</div>
</b:if>

3. Ganti http://feeds.feedburner.com/NotEasy dengan username feedburner Anda, kemudian cari kode ini:

]]></b:skin>

4. Tepat di atas kode tersebut tambahkan kode di bawah ini:

.spinning_icons a{
    width:48px;
    height:48px;
    display:inline-block;
    text-indent:-9999em;
    background-position:0 0;
    background-repeat:no-repeat;
    z-index:2000;
    overflow:hidden;
}
.twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtoBalWb8Hr7f-7JoqSMKfxP4WYhNLgOgOnfDfCrUkbbZJm_mwE5Nvn6FR1wl5TJT06SivZ5ozjPbKx-9oH0uIuNrLbO61SFhk2PhHmAvWHZ1J7NWBXn9YmPMF_NAD8p6D5cE7WZaUAR8/s1600/twitter_32.png'); }
.delicious{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBatjA2NXh0uULL-qNHlTABKf7zPMAikpFwnq7XdBtwmu6sG7rg1rbQGZUvIw-R00-mRlVjSFFPzZdAJ1FTkCE4-pwKUDH6qR5kWEOBt0f01xQfzzq2ULGxKEfPeDtTIXpmOsZYVdNDJw/s1600/delicious_32.png'); }
.digg{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH6BfXDlwfHocQQwHfh4Qtgeupc-R7qAqaJN48yY-XHrC0q_f4BEMyvPXEJIQga47YDli1gQ93KQmLe50bZrZ9IOly9HA0kb-Rwm5rlYGP1m1jPeU7eXUMhhgWsF831nD_G_5wKbMbql0/s1600/digg_32.png'); }
.facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWG_9A1pVqoa-iFmqhK6n0yvtt2KH8p2HggQffrCUrK6-TG892LUxibLZMeJyn-vBT7iz4jcb53YHaEjZrn9JeT8xH0tP0vYdYMDCZrNapbMVJu969gq2ATjzS2vAuyTY_xbu4hz52E5U/s1600/facebook_32.png'); }
.rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf0g-9H-jXmp3W1RHzuE2IxlZEhMdoJrnnMfgobP_C-muoNFe1P11DKUKWacdNJ75NbydsE3CArS9OhGvUYcLVZ-sMP69jJKvEjip7qJWzclUgpG4Vu75HmZ9pUAe7PqiT6EdzxGaK_UA/s1600/rss_32.png'); }
.stumbleupon{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY_yXnoE0xlqi4cdxMMTsr3EJZCPYB-hyN-Gvh3aRJzScGnaW5LrGvHQAEqoCjfv3dfulMhi8m-doxui69h4ovKO065onBcc1WaKbeW2AT_LJ0_5AVs1_3EEAHA1bxEzCBTQjcLZWBl7M/s1600/stumbleupon_32.png'); }
.spinning_icons a:hover{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    transition: transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
        -moz-transition: -moz-transform 0.2s ease-out;
}

5. Sebelum menyimpan klik pratinjau dulu, jika error berarti ada kesalahan. Jika bagus simpan template dan Tombol Berbagi Efek Berputar Anda sudah jadi. Baca juga Cara Membuat Tombol Like, Share dan Twitter di Sisi Blog.

Cara Memasang Tombol Like di Setiap Postingan

Kali ini saya akan berbagi dan menjelaskan tentang Cara Memasang Tombol Like di Setiap Postingan blog. Mungkin panduan ini dibutuhkan oleh para blogger pemula seperti saya, namun bagi para blogger yang sudah mahir dan berpengalaman mungkin panduan ini kurang menarik. Tombol like ini dapat memberikan manfaat bagi blog Anda.
Banyak manfaat dari tombol ini misalnya : untuk mendongkrak popularitas blog, mengukur kualitas post tersebut dan dapat memberikan kesan yang positif jika post tersebut di like oleh banyak pengunjung.
Tombol Like bisa langsung terhubung dengan jejaring sosial facebook, sehingga apabila ada seseorang yang mengklik Tombol Like maka secara otomatis postingan blog kita akan tershare ke beranda orang tersebut.
Dengan kata lain Tombol Like adalah cara alternatif untuk mempromosikan blog kita ke khalayak ramai. Jika Anda tertarik untuk memasang Tombol Like, caranya cukup mudah kok. Hanya perlu mengikuti langkah-langkah yang saya share kali ini.

Berikut langkah-langkahnya :
1. Login ke account blogger Anda
2. Klik menu Template
3. Klik Edit HTML
4. Cari kode <data:post.body/> untuk mempermudah pencarian tekan CTRL+F lalu ketik kode tersebut
6. Lalu copy kode di bawah ini dan letakkan di bawah kode <data:post.body/>

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:310px; height:31px;'/>

7. Klik pratinjau apabila tidak error simpan Template

Catatan :
Jika dalam pencarian kode <data:post.body/> Anda menemukan lebih dari satu kode, maka pilih saja kode yang kedua.

Selamat mencoba, semoga bermanfaat.

Kumpulan Gadget Blog Lengkap

Memang selalu ada cara untuk mempercantik penampilan blog, kali ini saya akan kasih Anda Kumpulan Gadget Blog Lengkap yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada Anda bahwa pemakaian gadget akan menambah beban loading blog, jadi mohon di perhitungkan sebelum memasang gadget ini. gadget yang akan saya posting kali ini, akan saya bagi 2 yaitu : efek ringan ( loading ringan ) dan efek menegah hingga berat.

Bagi yang tertarik memasangnya silahkan ikuti tutorial memasang gadget pada blog berikut ini.

1. Gadget Ringan
Mungkin ini adalah gadget yang biasa Anda lihat saat blogwalking.

1. Efek salju berjatuhan
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

5. Efek Kupu - Kupu Terbang
<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Cara pemasangan :
1.    Klik template --> Edit html
2.    Letakkan script gadget di atas kode </body>
3.    Klik Save

2. Gadget Menengah - Berat

1.Meteor Jatuh
<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

2. Banjir
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

3. Bunga Mekar
<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4. Bom Atom
<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

5. Ufo
<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

6. Graffity
<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

7. Shaver
<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

8. Gun
<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

9.Bloody gun
<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

10. Paint ball
<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

11. Chainsaw
<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

12. Dinosaur
<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

13. Lebah
<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

14. Lalat
<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

15. Semut
<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

16. Siput
<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

17. Cacing
<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

18. Mold
<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

19. Bayi merangkak
<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

20. Telur mata sapi
<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

21. Kopi tumpah
<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

22. Terbakar
<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

23. Tomat
<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

24. Creampie
<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

25. Murka
<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

26. Sapi Jorok
<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

27. Anjing Jorok
<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

28. Kencing Sembarangan
<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Cara pemasangan :
1.    Klik tata letak --> Tambahkan gadget --> HTML/Javascript
2.    Masukkan script gadget di dalam kotak yang di sediakan
3.    Klik save dan lihat hasilnya.

Tambahan :
Gadget yang ke 2 berbeda dengan gadget yang pertama, di gadget ke 2, gadget bisa dimatikan secara manual, sedangkan yang pertama sebaliknya (tidak bisa dimatikan selama masih memasang scriptnya). jadi, pilih saja mana yang terbaik.

Cara Membuat Tombol Like, Share dan Twitter di Sisi Blog

Supaya dapat meningkatkan lalu lintas kunjungan ke blog pribadi, selain upaya optimasi SEO, kita juga perlu mengintegrasikan blog kita dengan media jejaring sosial populer seperti facebook dan twitter.

Jika kita meremehkan "kemampuan" tombol berbagi ini, sama saja kita menyia-nyiakan peluang untuk menambah kunjungan ke blog pribadi kita.

Pada tutorial kali ini, saya mau berbagi sama Anda bagaimana membuat salah satu widget tombol berbagi melayang di sisi kanan blog. Widget ini dilengkapi tombol suka dan share Facebook, Tweet, Google +1, Digg dan termasuk perhitungan alias berapa banyak pengunjung yang membagikannya. Cara pembuatannya sangat mudah, karena tidak perlu mengedit CSS atau menambahkan kode HTML di template.

Berikut langkah-langkahnya :
1. Langkah pertama masuk ke akun blogger > Dasbor > Tata Letak
2. Klik Tambah Gadget, di bagian sidebar.
3. Pilih HTML/Javascript, kemudian masukkan kode di bawah ini:



<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share to your friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 8px;text-align:center;"><a href="http://www.super-gaptek.com/2012/02/cara-membuat-blog-di-blogspot.html" target="blank"><font color="blue"> <font></font></font></a></div></div>



5. Simpan widget dan preview Blog Anda

Jika Anda sudah memiliki tombol google + di atas atau di bawah posting Anda, kemungkinan widget tersebut tidak muncul. Silakan hapus kode berwarna merah jika sobat mau menghapusnya, karena mungkin bisa mempercepat loading blog.

Jika Anda menggunakan template gelap/dark template, Silakan Anda dapat mencoba kode di bawah ini :



<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 8px;text-align:center;"><a href="http://www.super-gaptek.com/2012/02/cara-membuat-blog-di-blogspot.html" target="blank"><font color="white">Cara Membuat<font></font></font></a></div></div>



Selamat Mencoba, jangan lupa di like ya!

Cefrian

BerryBenka

Categories

Archive