Blogger Blogspot semakin oke saja, semakin jatuh cinta saya dengan layanan ini. Jadi jangan buru-buru pindah ke WP, karena fitur Blogspot semakin bagus, ada kotak komentar langsung dibawah posting, ada SEO untuk Blogspot 1 dan bagian 2, terlebih lagi SEO bukan urusan CMS saja, masih banyak lagi silahkan explore di O-Om.com atau Kolom Tutorial deh untuk hack dan tips Blogspot.

Sebagai tambahan kemudahan untuk redirect custom domain ke Blogspot dengan sekali klik saja, tanpa perlu mumet lalui proses rubah DNS dan langkah lainnya.

Oke kembali ke pokok masalah, yakni aktifkan threaded comment di Blogspot Blogger. Untuk itu, ada dua area yang perlu di modifikasi, yakni langsung ikuti gambar saja.

Yakni ke Settings kemudian Other, dan rubah settingan Allow Blog Feed anda menjadi FULL. Ini penting agar muncul threaded commentnya.

Lakukan langkah kedua jika anda belum pernah melakukannya, yakni setting komen anda menjadi EMBEDDED.

Nah kemudian lihat deh di area komentar anda sudah muncul kata “Replay” di kotak para komentator. JIKA Belum berarti template Blogspot anda bukan template resmi bawaan dari Blogger, namun dari situs lain. Karena ini saya alami tidak semua Blogspot saya muncul threaded komen dan hanya 5 sarang (threaded) saja + komentar utama. Intinya seperti gambar ini nantinya:

Sekarang anda tidak perlu lagi lalui proses bertahap untuk aktifkan threaded comment. Selamat mencoba!

Via: Buzz Blogger.

Selain beli melalui Google, anda bisa gunakan domain yang telah terbeli dari domain registrar lainnya, seperti Godaddy. Namun banyak rekan tidak begitu tahu cari merubah setting domain mereka agar mengarah ke alamat blogspot, meskipun membeli domain di Godaddy.

Memang sedikit ribet langkah-langkahnya, namun jika anda pelanggan Godadddy, maka ada jalan super pintas mengupdate DNS Records anda akan mengarah ke server Google. Anda cukup masukan alamat domain anda, dan klik “Confirm” maka Godaddy akan langsung meng-update DNS domain anda.

Caranya:

1. Login ke Godaddy anda. Ini sangat penting agar Godaddy dapat identifikasi account kamu.

2. Kemudian klik setting tools Godaddy berikut ini.

3. Anda akan temukan tampilan seperti ini:

4. Masukan nama domain sebagai custom domain anda ingin gunakan sebagai alamat resmi blogspot anda. Semisal: “abibakarkerenabis.com” hehe, tidak hanya domain utama, anda bisa juga masukan sub domain disitu, contoh: “blog.abibakarkerenabis.com”. Kemudian klik tombol: CONFIRM.

5. Anda akan mendapat pemberitahuan dari Godaddy, bahwa mereka telah update DNS records dari domain atau sub domain anda submit di langkah 4, seperti berikut ini:

6. Sekarang login ke Blogger.com, seperti saya menggunakan domain: kakilimaonline.com, maka saya lakukan seperti gambar berikut — begitu juga yang harus anda lakukan:

7. Beres, seketika itu juga domain anda menjadi alamat resmi blogspot!

Bahkan bisa langsung gunakan Paypal sebagai alat pembayaran, berserta slider untuk tampilkan gambar produk anda jual.

Demo | Download | Instruksi.

Fitur:

• 3 kolom,
• Sidebar kanan dan kiri,
• widgets ready,
• social icons, pages enabled,
• search box.

Desainnya cukup menggiurkan terdapat menu dropdown dengan jQuery juga slideshow, dan terintegrasi dengan SimpleCart, selain itu terdapat pula plugin javascript untuk eCommerce di template Blogspot ini untuk menempatkan produk dalam “shopping cart” anda, dan sebagai alat pembayaran adalah Paypal. Mantab bukan? Jika anda serius mencari duit dengan jual produk ini template tepat!

Langsung saja aktifkan threaded comment, ikuti caranya di Blogger punya threaded comment sekarang.

Tapi tetap saja bagus untuk dipraktekan, jika rekan ingin menampilkan Replay di Blogspot, maka silahkan meluncur langsung ke tutorialanya, oleh SaungWeb disini.

Nanti jadinya akan seperti ini:

Selamat mencoba

Pastinya Login ke Google Webmaster Tool (Perkakasa Webmaster), kemudian verifikasi Blogspot kamu dan ikuti langkah-langkah yang diminta. Setelah Blogspot anda terivifikasi, langsung ke bagian “Sitemap”:

Kemudian klik “Submit a Sitemap” disitu:

Dan masukin 4 sitemap Blogger ini, satu-satu:

1. atom.xml?redirect=false
2. atom.xml?redirect=false&start-index=1001&max-results=500
3. atom.xml?redirect=false&start-index=501&max-results=500
4. atom.xml?redirect=false&start-index=1&max-results=500

Contohnya:

Dan ulangi langkah digambar, hingga semua atau 4 url atom Sitemap diatas anda submit, jangan lupa klik Submit Sitemap. Setelah itu biarkan Google mengidentifikasi sitemap yang anda submit dan berserta statusnya, dan hasilnya akan seperti ini:

Semoga bermanfaat

Namun karena saat itu saya simpan semua file kode template-nya di Yahoo Geocities sehingga terhapus semua, setelah Yahoo memutuskan menutup layanan Geocities 22 Oktober 2009 lalu. Jadi template ini akan saya masukan kehalaman Free Blogger Template, sehingga pengunjung yang datang dari Google ke halaman itu untuk cari template tidak kecewa, dan nantinya saya akan tambah lagi dengan template-template lainnya, Insya Allah.

Template ini bernama Latte Blogger Template di desain oleh Cicha Blogger, namun saya telah mengeditnya agar SEO friendly, MMO friendly juga user friendly…PAGE VIEW friendly juga deh, jadi template ini juga tepat jika dinamai template friendly

DEMO | DOWNLOAD (Mirror)

Fitur dan penjelasan:

File PSD untuk logo.

Fitur SEO:

1. Penempatan tag H1 sesuai struktur simantik artinya H1 hanya tampil di homepage untuk Judul Blog dan menjadi h3 di single page, dan h2 tampil di homepage untuk Judul Posting dan menjadi h1 di single page.

Dan untuk judul Blog, ke bagian Edit HTML ->Expand Widget Templates, dan temukan kalimat: Masukan Titel Blog Kamu dengan CTRL + F, dan ganti kalimat tersebut dengan Judul Blog Kamu, gunanya hanya sebagai proses identifikasi bagi robot Google.

2. Permalink To untuk judul artikel atau judul posting seperti WordPress contohnya begini:

3. Breadcrumbs di setiap artikel Blogspot, penjelasan bisa baca ke: Breadcrumbs di Blogspot

Fitur Make Money Online:

Kode PPC, Di setiap artikel sudah saya selipkan kode untuk memasukan iklan PPC anda atau apapun, lihat kode data:post.body di bagian Edit HTML, kemudian ganti tulisan seperti pada gambar dengan kode iklan anda:

Fitur untuk social bookmark:

1. Floating social bookmark: Twitter (Tweetmeme), Facebook dan LintasBerita disamping kiri posting. Namun anda harus memasukan kode berikut ini:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<style>#pageshare {position:fixed; bottom:10%;margin-left:-55px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0px;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'>
<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>
<div class='sbutton'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='fb'>
<script type="text/javascript">lb_skin = 'mode3'; </script>
<script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script>
 
</div>
 
<!-- floating page sharer End --></div>

Masukan kode di atas dibagian elemen HTML/Javascript yang telah saya sediakan di bawah elemen Blog Posts seperti contoh gambar di klik lalu masukan kode diatas:

2. Social bookmark lainnya di setiap posting.

Fitur untuk meningkatkan Page View dan membantu pengunjung:

Related post Linkwithin yang telah di edit, artinya hanya tampil di dalam posting dan tidak muncul di homepage, archieve juga kategori dan jumlah related postnya adalah 5 buah. Namun untuk itu anda harus daftar ke dan lakukan seperti yang tertulis digambar saat mendaftar di Linkwithin:

Lalu ambil kodenya seperti digambar berikut ini:

Lalu masukan ID Linkwithin blog kamu ke Edit HTML -> Expand Widget Templates, lalu cari tulisan masukin id linkwithin kamu, ganti tulisan itu dengan ID kamu.

Contohnya:

Dan selain saya fasilitasi dengan semua fitur diatas, saya juga fasilitasi template ini dengan recent post ready, Arsip ready, blogroll ready, Google search ready, dan blog feed ready (gunanya untuk promosikan blog anda lainnya) seperti gambar ini:

Namun jika anda tidak membutuhkannya, anda bisa hapus gadget-gadget itu.

Semoga penjelasannya tidak bertele-tele dan saya harap semua link yang berada di footer tidak dihapus atau di nofollow

Sampai jumpa di posting-posting saya berikutnya!

Cara ini dapat ditemui di blognya Kang Rohman the master of blogspot, di salah satu postingnya. Oh iya bagi yang belum mudeng apa itu Breadcrumbs ialah urutan link (umumnya berada diatas judul posting) dari Home (homepage) hingga judul posting yang sedang dibaca, contohnya: “Home > Kategori > Judul Posting”, contoh konkritnya lihat diatas artikel ini atau lihat image berikut:

Jika rekan ingin memasangnya, silahkan langsung meluncur ke blog kang Rohman tepatnya di posting: How to make “breadcrumb-navigation” in Blogger. Tutorialnya memang menggunakan bahasa Ingris, tapi jangan khawatir mudah difahami kok, selain bahasanya yang komunikatif juga disertai gambar. Maka jika berminat silahkan meluncur ke sana dan see u!

Sebelumnya saya anggap rekan semua telah mempunyai fitur read more dibloggernya, jika belum bisa langsung meluncur ke cara membuat readmore blogger klasik.

Caranya mudah dan logikanya sama seperti membuat judul posting sebagai readmore di blogger beta, yaitu dengan memasukan tag html judul posting setelah read more. Seperti ini:

<$BlogItemTitle$>

Kemudian letakan, setelah “read more”, seperti ini:

<a href="<$BlogItemPermalinkURL$>">Read more! <$BlogItemTitle$></a>

Beres! Contohnya bisa ke: tester blog.

Posting ini hanya sebagai pelengkap dari posting sebelumnya.

Read more jenis ini selain lebih menarik juga menambah keyword bagi posting anda, dan lagi-lagi ini sejalan dengan SEO (SEO lagi-SEO lagi, no blog without SEO, eh?:D). Dan saya tertarik sekali dengan hack ini dan acungin jempol buat Subagya telah menemukan pula memuat tutorialnya.

Ingin mempunyai read more seperti diatas? Hmm siapa yang tidak kepingin!…Tapi maaf yah saya tidak menuliskan tutorialnya agar tidak mubasir, karena tutorial lengkapnya telah di buat secara apik oleh mr. Subagya dan sangat mudah untuk di fahami, bagi yang berminat, silahkan meluncur ke: Membuat read more sesuai judul postingan .

Semoga bermanfaat.

Tutorial ini hanya untuk blogger beta/layout. Dan Langsung saja login ke blogger.com, kemudian “edit layout”, klik “expand widget template”, dan temukan ini:

<p><data:post.body/></p>

Dan gantikan dengan ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;'>KODE PPC ANDA
</div>
<p><data:post.body/></p>
KODE PPC ANDA
<b:else/>
<p><data:post.body/></p>
</b:if>

Ini jika anda memakai PPC Kliksaya.com, kumpulblogger.con, atau PPC (pay per click) apapun maka ganti KODE PPC ANDA dengan kode PPC anda.

Tapi bi blog saya memakai read more, kalau memasang hack ini tentu akan mempengaruhi read more saya dong! Jangan khawatir lakukan saja 2 langkah berikut ini:

1. Setelah tag berikut: <data:post.body/> ,

2. Setelah tag itu masukan tag read morenya yaitu ini:

<a expr:href='data:post.url'><b>Read more!</b></a>

3. Begini bentuknya:

<data:post.body/>
<a expr:href='data:post.url'><b>Read more!</b></a>

Jika memakai Read More Keseluruhannya Jadinya akan seperti ini: (Lihat yang dibold dibagian bawah)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;'>KODE PPC ANDA
</div>
<p><data:post.body/></p>
KODE PPC ANDA
<b:else/>
<p><data:post.body/>
<a expr:href='data:post.url'><b>Read more!</b></a></p></b:if>

Update Rupanya banyak yang tidak bisa menerapkan tutorial ini diblognya, oke saya jelaskan memang ada sebagian PPC lokal seperti Adspeedy yang harus mem-parse sebagian kodenya agar iklan muncul, kode yang harus diganti ialah:

<!– diganti menjadi & lt; !–

–> diganti menjadi — & gt;

Dan untuk memparse kode <!– dan –> silahkan ke: Parse html kode. Dan hasilnya menjadi seperti ini: (lihat bagian yang saya bold/cetak tebal)

<script type='text/javascript'>&lt;!–
pub_zona = "10";
pub_lokasi = "227";
pub_model = "2";
adspeedy_br = "FFFFFF";
adspeedy_bg = "ffffff";
adspeedy_t1 = "000000";
adspeedy_t2 = "000000";
adspeedy_t5 = "000000";
url = "http://www.adspeedy.com/ppc";
//–&gt;</script>
<script src='http://www.adspeedy.com/ppc/tayang.js' type='text/javascript'></script>

Setelah seperti diatas, maka masukan kedalam Template anda!

Contohnya silahkan lihat blogspot saya: PPC didalam posting blogspot.

Selamat mencoba!

Tutorial ini tidak dimaksudkan untuk hal mubazir, karena saya tahu pasti telah banyak postingan tutorial tentang ini. Namun tujuan saya mempostingnya untuk menjelaskan mengenai bentuk embedded comment form dan gimana memasangnya di posting Free Blogger Templates saya. Ok langsung saja.

Untuk mempunyai sistem komentar ini yang pertama harus dilakukan ialah, anda harus login ke http://draft.blogger.com/ kemudian Settings > Comments. Maka anda akan menemukan seting “Show comments in a popup window?” telah digantikan dengan menu seting “Comment Form Placement”. Yang perlu dilakukan ialah mengklik “Embedded below post,” lalu save, ini contoh gambarnya:

Kemudian lihat blog anda apakah sudah mempunyai inline comment atau embedded comment dibawahnya. Namun banyak kasus ditemukan, cara diatas hanya berhasil bagi template standar, bagi template yang sudah dimodifikasi atau template hasil konversi dari theme WordPress seringkali tidak berhasil. Jadi diperlukan modifikasi lebih lanjut.

Sukurlah Amanda dari Bloggerbuster berhasil memecahkan masalah ini dengan menambahkan tag pada komen footer, inilah cara hasil dari penemuan Amanda:

1. Ke edit html, lalu klik “expand widget template anda”.

Temukan ini:

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>

Lalu ganti dengan ini:

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <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> </p>

Save template anda.

Namun Jika, INGAT JIKA cara diatas masih juga belum berhasil menampilkan komentar format dibawah postin. Setelah melakukan cara diatas, kemudian save dan lihat blog anda apakah sudah ada embedded comment form atau belum. Jika masih belum juga muncul maka lakukan cara terakhir. Temukan ini:

<b:include data='post' name='comments' />

Setelah kode di atas, masukan kode berikut:

<b:include data='post' name='comment-form'/>

Kemudian save template anda, dan lihat pastilah tiap posting anda sekarang sudah mempunyai kolom komentar yang terintregasi di setiap halaman posting blogspot.

Posting ini untuk menyempurnakan posting sebelumnya yakni Kolom Komentar Disetiap Posting Blogger yang jauh lebih rumit dan sudah tidak seharusnya di pergunakan lagi .

Contoh bentuk dari BabelFish:

Jika berminat untuk memasang BabelFish diblog anda, ini kode-nya:

<script charset=’UTF-8′ language=’JavaScript1.2′ src=’http://tvstreamer.googlepages.com/translate.js’ type=’text/javascript’/>

Untuk Blogspot:

• Kalau mau pasang disidebar Blogspot, langsung aja ke Page element kemudian masukan di HTML/Javascript,
• Kalau mau pasang dibawah posting blogspot, letakan kodenya dibawah:

<p class=’post-footer-line post-footer-line-2′>
Atau tempat yang menurut rekan paling tepat.

Untuk WordPress:

• Kalau mau menampilkan BabelFish translator di sidebar WordPress, langsung saja letakan di widget,
• Dan jika ingin menampilkan di bawah posting, dibawah tag posting anda seperti anda meletakan social bookmark.

Oke deh kawan gitu saja & sampai jumpa di posting berikutnya.

Disini saya mempunyai hack untuk mempunyai deskripsi dan keyword dinamis untuk tiap-tiap halaman blogspot anda. Ini contohnya, ini saya ambil dari salah satu blog saya

http://dunia-puisi.blogspot.com/, jika anda buka view source dan lihat deskripsi dan keyword dihalaman index blog ini maka akan tampil seperti ini:

<meta content='Kumpulan Puisi dari WS Rendra' name='description'/>
<meta content='puisi, ws rendra, sajak, pidato' name='keywords'/>
<title>Kumpulan Puisi</title>

Namun jika anda buka salah satu postingan diblog itu, misal klik posting pertamanya, yaitu Doa Orang Lapar, maka meta deskripsi dan meta keywordnya akan tampil begini:

<meta content='kelaparan adalah burung gagak yang licik' name='description'/>
<meta content='orang lapar' name='keywords'/>
<title>Doa Orang Lapar - Kumpulan Puisi</title>

Anda lihat sendiri kan bahwa meta deskripsi dan keyword antara halaman index/homepage berbeda dengan meta deskripsi dan keyword untuk sub-halaman. Tidak seperti deskripsi dan keyword blogspot pada umumnya, disemua posting memakai deskripsi yang sama dengan deskripsi halaman index.

Oke lanjut dan jika anda mengklik halaman berikutnya yaitu Sajak Seorang Tua Di Bawah Pohon, maka akan begini tampilannya:

<meta content='inilah sajakku seorang tua yang berdiri di bawah' name='description'/>
<meta content='sajak seorang tua' name='keywords'/>
<title>Sajak Seorang Tua Di Bawah Pohon - Kumpulan Puisi</title>

Dan begitu seterusnya untuk tiap halaman, canggih bukan? :mrgreen_wp:. Ini blogspot loh bukan WordPress…hehehe. BTW (by the way) karena blogger.com secara default tidak memprogram templatenya untuk mempunyai deskripsi dan keyword dinamis, maka untuk menjalankan hack ini diperlukan cara yang cukup melelahkan, mau tahu apanya yang membuatnya melelahkan? Mari yuk baca selanjutnya.

Caranya:

1. Masuk ke blogger.com lalu ke Layout > Edit HTML
2. klik expand widget template anda:
3. Temukan ini:

<head>
<b:include data="blog" name="all-head-content" />
<title><data:blog.pageTitle /></title>

4. Setelah tag ini <b:include data="blog" name="all-head-content" />, masukan tag berikut:

<b:if cond='data:blog.url == "http://abibakarblog.blogspot.com/"'> <meta content='DESKRIPSI' name='description'/> <meta content='KATAKUNCI' name='keywords'/> </b:if>

5. Ganti abibakar.blogspot.com dengan alamat blog anda, dan juga ganti deskripsi dan katakunci dengan deskripsi dan katakunci halaman index/homepage blog anda.

6. Yang diatas meta deskripsi dan keyword untuk halaman index/homepage, Sekarang meta deskripsi dan keyword untuk tiap halaman. Lakukan hal yang sama seperti langkah nomor 3, 4, 5, namun karena sekarang yang anda ingin buat adalah deskripsi dan keyword perhalaman maka url dan deskripsinya harus diperjelas, misalnya halaman url saya begini http://www.abibakar.blogspot.com/2008/05/meta-deskripsi-meta-keyword.html, maka tagnya harus begini:

<b:if cond='data:blog.url == "http://johndoe.blogspot.com/2008/05/meta-deskripsi-meta-keyword.html"'> <meta content='meta deskripsi dan keyword untuk blogspot' name='description'/> <meta content='meta keyword, meta deskripsi' name='keywords'/> </b:if>

Tentu abibakar.blogspot anda ganti dengan alamat url perhalaman anda juga deskripsinya dan keywordnya anda rubah. Hal ini diperuntukan untuk memberikan deskripsi spesifik pada halaman yang dimaksud. Faham? Tentu saja! Mudah kok.

Kelemahan hack ini,Ada 2 kelemahan yang akan anda temui jika menerapkan hack ini:

1. Seperti sudah saya ulas diatas bahwa hack ini cukup melelahkan jika di terapkan. Karena untuk tiap halaman anda harus memasukan tag diatas, misalnya anda mempunyai 3 posting diblog anda maka anda harus memasukan deskripsi dan keyword untuk masing2x halaman, contohnya seperti ini:

<b:if cond='data:blog.url == "http://dunia-puisi.blogspot.com/"'> <meta content='Kumpulan Puisi dari WS Rendra' name='description'/> <meta content='puisi, ws rendra, sajak, pidato, bait, doa, pantun' name='keywords'/> </b:if>

<b:if cond='data:blog.url == "http://dunia-puisi.blogspot.com/2008/05/doa-seorang-serdadu-sebelum-perang.html"'> <meta content='Tuhan ku wajah Mu membayang di kota terbakar dan firman Mu' name='description'/> <meta content='sajak serdadu' name='keywords'/> </b:if>

<b:if cond='data:blog.url == "http://dunia-puisi.blogspot.com/2008/05/sajak-seorang-tua-di-bawah-pohon.html"'> <meta content='inilah sajakku seorang tua yang berdiri di bawah pohon meranggas' name='description'/> <meta content='sajak seorang tua' name='keywords'/> </b:if>

2. Membuat template anda jadi panjang jika anda sudah mempunyai banyak posting.

Solusi dari saya: Jika blog anda sudah mempunyai banyak sekali posting sebaiknya hack ini diterapkan hanya untuk halaman-halaman yang anda ingin optimalkan, agar tidak membuat lelah dan template anda menjadi panjang. Walaupun mempunyai kode template panjang tidak mengapa, toh tidak akan terlihat oleh publik, alias anda sendiri yang tahu :mrgreen_wp:

Sampai jumpa diposting berikutnya.

Thanks to Andreiaga for this hack!

Sebenarnya saya ingin memposting ini hari senin namun karena blog ini error selama beberapa hari, maka baru kali ini kesempatan ini terwujud. Ok langsung saja.

Dan untuk bloger beta layout:

1. Dashboard.
2. Layout.
3. Edit html
4. Klik widget expand template.

Kemudian temukan ini Dan <title><data:blog.pageTitle/></title>

Dan taruhlah kode berikut diatas <head>:

<!– Start Widget-based: Changing the Blogger Title Tag –>
<b:if cond='data:blog.pageType == "item"'>
<b:section id='titleTag'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='comments' var='post'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'><title><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> ~ <data:blog.title/></title></b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='status-message'/>
<b:includable id='feedLinks'/>
<b:includable id='nextprev'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='post' var='post'><data:post.title/></b:includable>
</b:widget>
</b:section>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<!– End Widget-based: Changing the Blogger Title Tag –>

Fokuskan perhatian anda pada bagian yang saya bold dan garis miringkan, yaitu:

<b:widget id=’Blog2′ locked=’false’ title=’Blog Posts’ type=’Blog’>

Setelah kemarin saya coba membetulkan, ternyata masalahnya hanya sepele yaitu adanya widget BLOG2 lebih dari satu, seperti ini pesannya:

“More than one widget was found with id: Blog2. Widget IDs should be unique.”

Yang perlu anda lakukan ganti BLOG 2, dengan apapun asal tidak sama dengan widget lainnya di template anda, misalnya dengan blog 3, blog 4…dstnya. Untuk mengecek apakah ada kesamaan maka gunakan ctrl+f dan masukan blog nomornya. Setelah tidak ada kesamaan widget pada nomor Blog, maka save.

Contohnya silahkan lihat di: Fix SEO Title Problem.

Semoga Bermanfaat.

Update: ada cara lain untuk membuat SEO judul untuk blogspot, yakni :

Ok, Triknya gampang bgt:
1. Masuk ke Layout > Edit HTML
2. Cari (gampangnya pake CTRL+F) tag <title><data:blog.pageTitle/></title>
3. Ganti tag tadi dengan:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> – <data:blog.title/></title>
</b:if>

cara ini berasal dari http://blogger-holic.blogspot.com/

Terserah yang mana anda ingin gunakan, namun saya lebih merekomendasikan cara dari blogger holic.

Nb: cara ini hanya untuk blogger layout/new blogger!

1. Login ke blogger.com

2. Ke Layout, klik “Expand Widget Template” (save template anda dulu)

3. Dan temukan kode berikut:

<p><data:post.body/></p>

4. dan letakan kode berikut tepat setelah kode diatas:

<script language='JavaScript'>
var OutbrainPermaLink=&#39;Your-Post-Permalink-Here&#39;;
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

Jika kode diatas tidak utuh, klik link berikut agar lebih jelas: http://www.geocities.com/syech_abi/rating.txt

5. Save template anda!

Contohnya bisa lihat di http://abibakar.blogspot.com/2008/02/cara-pasang-star-rating-diblogger.html

Semoga bermanfaat!

Mengedit template blogger untuk memiliki footer 3 kolom untuk template blogger ternyata bukan perkara yang sulit, namun sangatlah mudah, hanya butuh beberapa menit waktu anda. Mungkin rekan-rekan blogger menganggap ini perkerjaan rumit, yah silahkan saja menganggap begitu, namun tunggu dulu baca tutorial ini, pasti anda akan heran.

Sebelumnya saya umumkan bahwa tutorial ini khusus untuk blogger beta (layout), oke langsung saja.

1. Seperti biasa login ke blogger.com
2. Kemudian klik “Expand Widget Template”
3. Lantas save template anda kalau-kalau terjadi kesalahan
4. Kemudian temukan ini:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

5. Ganti tag yang berwarna merah dengan script berikut:

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

6. Save template anda!

Selamat anda telah mempunyai footer 3 kolom di blogger anda. Untuk melihat hasilnya, anda kembali ke “page element” lalu lihat bagian footer, pasti ada 3 tempat untuk menempatkan page element. Nah silahkan anda taruh page element yang anda inginkan di footer 3 kolom blogger blogspot anda.

Semoga bermanfaat dan selamat mencoba.

Ok langsung saja, agar mempunyai posting di samping dan di bawah posting, tentu saja anda harus login www.blogger.com, lantas “layout”, “Edit html” lalu klik “expand widget template”. TEMUKAN TAG BERIKUT:
<p><data:post.body/></p> .

Dan gantikan dengan kode berikut:

<b:if cond='data:blog.pageType == "item"'>
<div style="float:left;"> Letakan Skrip Adsense Anda Disini</div>
<p><data:post.body/></p>
Letakan Skrip Adsense Anda Disini
<b:else/>
<p><data:post.body/></p>
</b:if>

Keterangan: Anda bisa juga merubah jadi right, seperti ini <div style="float:right;"> . Terserah anda mo pake left atau right tergantung kebutuhan saja.

Agar tampilan adsense anda sempurna anda harus mem-parse ke 2 bagian ini:

< !-- dan //-- > gantikan dengan & lt;!– dan //–& gt;

Keterangan tanda ini: & lt; saya beri spasi agar tidak muncul tand ini: < , jadi ketika anda masukan kodenya maka hilangkan spasinya. Begitupun dengan & gt;. Lihat bagian yang saya bold di kode bagian bawah

Penggantian kode html diatas untuk mem-parse kode skript Adsense dan bukanlah sebuah usaha modifikasi atau merubah skript Adsense, jadi tidak melanggar TOSAdsense keterangan bisa anda baca disini.

Contohnya seperti ini (lihat yang diblold):

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;'><script type='text/javascript'>&lt;!–
google_ad_client = &quot;pub-xxxxxxxxxxxxxxxx&quot;;
//336×280, created 1/3/08
google_ad_slot = &quot;4220124155&quot;;
google_ad_width = 336;
google_ad_height = 280;
//–&gt;</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script></div>
<p><data:post.body/></p>
<script type='text/javascript'>&lt;!–
google_ad_client = &quot;pub-xxxxxxxxxxxxxxxx&quot;;
//336×280, created 1/3/08
google_ad_slot = &quot;4220124155&quot;;
google_ad_width = 336;
google_ad_height = 280;
//–&gt;</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>
<b:else/>
<p><data:post.body/></p>
</b:if>

Kode ini saya rubah dan acak dari Blogger Digest karena blogger digest memformatnya dibawah posting dan menurut CossaArranda meletakan dibawah posting melanggar TOS, jadi saya edit agar bisa masuk ketengah posting dengan style=float:.

Dan kalau anda bingung pakai saja kode saya yang diatas dan anda masukin id publisher anda di pub-xxxxxxxxxxxxxxxx.

Ukuran Adsensenya bisa anda rubah sesuai kebutuhan, kalau saya memakai ad widht = 336 dan ad height=280, digedein biar banyak yang ngeklik , jika anda ingin merubah seusuai ukuran anda monggo,…sok ateuh euuuy!

Contoh adsensenya bisa anda lihat diposting ini.

Oh iya kawan-kawan jika berhasil atau ada pertanyaan silahkan tulis dikomentar bawah ini dan satu lagi gimana tampilan blog saya ada masalah tidak?

Sampai ketemu diposting berikutnya.

Saya pribadi kurang menyukai tampilan muka blog saya yang keramaian maka itu dibawah posting saya tidak terlalu banyak saya beri aksesoris. Namun sekarang saya sudah menemukan caranya untuk menyembunyikan tampilan2x aksesoris itu ditampilan awal, agar muncul dihalamannnya saja. Yang saya maksud begini, lihat gambar berikut:

Nb: ini tampilan awal blog saya sebelumnya.

Anda lihat gambar diatas dan lihat bagian yang saya beri kotak merah, anda bisa lihat sendiri halaman muka saya jadi cukup keramaian ada star rating dan social bookmarking, itupun baru 2 fasilitas belum lagi saya tambah yang lain. Nah untuk menyembunyikan aksesoris2x tersebut tampil dihalaman muka (index), anda harus menambahkan tag berikut:

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

Taruh kodenya ditengahnya, misalnya anda ingin menaruh kode star rating:

<script language='JavaScript'>
var OutbrainPermaLink='Your-Post-Permalink-Here';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

Jadinya harus begini:

<b:if cond='data:blog.pageType == "item"'>
<script language='JavaScript'>
var OutbrainPermaLink='Your-Post-Permalink-Here';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

</b:if>

Karena tag b:if berguna untuk menyembunyikan di halaman awal.

Contohnya anda bisa lihat diblog ini, anda tidak melihat lagi social bookmark dan star rating dihalaman muka/index kan? Tapi mereka muncul setelah anda klik judul tiap postingnya, seperti diposting ini.

Selamat mencoba.

Sebenarnya cara ini sudah tidak asing lagi, namun saya yakin masih banyak yang belum mengetahuinya dan juga bagus untuk mengupdate blog saya.

Caranya mudah saja pastikan anda mempunyai account/akund di wordpress dan mempunyai blog disana.

1. Login di blogger.com anda.

2. Kemudian anda login ke WordPress.com lalu anda:

3. Anda klik “manage/kelola”, seperti pada gambar berikut:

4. Lalu akan muncul gambar seperti ini, dan anda klik “blogger”, karena memang anda ingin mentransfer isi blogger ke worpdress:

5. Setelah memilih blogger anda klik “beri kuasa/authorize”, seperti gambar berikut:

6. Lantas akan keluar windows baru, kemudian anda klik “grant access”, seperti gambar berikut:

7. Dan ikuti langkah selanjutnya, setelah semuanya kelar maka anda telah berhasil memindahkan seluruth isi/kontent blogger anda ke wordrpess. Inilah tool ajaib/magic tool yang dimiliki wordpress yang tidak dimiliki blogger. Dan cara ini bisa anda terapkan jika anda menggunakan WordPress.org atau worpdress dengan hosting sendiri (paid hosting).

Sampai jumpa ditips dan hack berikutnya.

1. Login ke blogger.com.
2. Layout.
3. Edit HTML.
4. Klick “Expand Widget Template”.

Ini adalah kodenya:

<br/>
<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Digg' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/digg.gif'/></a>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Technorati' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/technorati.gif'/></a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='del.icio.us' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/delicious.gif'/></a>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Stumbleupon' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/stumbleupon.gif'/></a>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Reddit' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/reddit.gif'/></a>
<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=" + data:post.url + "&amp;Title=" + data:post.title' target='_blank'><img alt='Blinklist' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/blink.gif'/></a>
<a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'><img alt='Furl' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/furl.gif'/></a>
<a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Spurl' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/spurl.gif'/></a>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'><img alt='Yahoo' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/yahoo.gif'/></a>
<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Simpy' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/simpy.gif'/></a>

Pilihan Penempatan:

Jika anda ingin menaruhnya tepat dibawah posting, maka ini contohnya:

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!– clear for photos floats –>
</div>
Taruh Kodenya Disini
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>

Jika ingin menaruh kode social bookmark di atas label, maka ini contohnya:

Taruh Kodenya Disini
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>

Dan jika ingin meletakan dibawa label, ini contohnya:

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>
Taruh Kodenya Disini

Sehingga setiap kali pengunjung anda ingin membookmark posting dari artikel yang mereka baca, mereka tinggal klik saja. Dan sebagai uji coba, silahkan anda men-stumble, dan mendigg artikel ini…:)

Sekian dan semoga bermanfaat! & Sampai jumpa di posting berikutnya.

Wassallam.

Sebelum saya memulai posting ini, saya mau menyampaikan suatu hal terlebih dahulu, perasaan saya bener-bener campur aduk saat membuat posting ini, yakni senang, tersanjung, lucu, heran dstnya. Heran ya kenapa saya bisa merasa seperti ini? Hehehe saya juga heran. Karena kenapa saya begini? Karena ada kiriman sejumlah email yang masuk ke inbox saya, yang secara garis besar saya simpulkan begini.

Mereka memuji saya sebagai pakar SEO, ahli adsense, dan jagonya ngeblog…hehehehe…Alhamdulillah jika saya dianggap begitu, walau sebenarnya tidak sepenuhnya benar. Saya masih belajar sama seperti anda, jika kalau anda menemukan informasi yang bermanfaat, maka itu semata-mata karena saya mengetahuinya lebih dulu dari anda dan saya mencoba-coba sendiri, jadi bukan berarti saya lebih jago, karena kita semua ini sama-sama belajar. Jadi jika rekan pengunjung blog ini mempunyai informasi, saya senang sekali jika rekan mau membaginya kepada saya. Dan sekali lagi saya ucapkan terima kasih sudah menyempatkan mengirim email kepada saya dan mempercayakan saya untuk membantu anda sekalian…terima kasih:)

Tadinya saya ingin menaruh image screen shot email dari pertanyaan mereka, namun saya batalkan karena harus mengupload image dulu dan hal-hal teknis lainnya. Lebih baik saya buatkan summary nya saja, inilah 3 poin pertanyaan-pertanyaan mereka:

1. Gimana menampilkan iklan Google Adsense diblog bahasa Indonesia tanpa main curang atau memodifikasi script.
2. Gimana cara agar blog saya menjadi sangat SEO friendly.
3. Gimana mempunyai visitor yang banyak.

Namun saya tidak akan mengecewakan rekan-rekan yang sudah mempercayakan saya untuk memecahkan masalah mereka, saya tetap akan menjawabnya. Tadinya saya ingin menjawab via email, namun lebih baik di buatkan postingan saja, agar dapat dirasakan manfaatnya bagi yang lain.

Untuk menjawab 3 pertanyaan diatas, sebenarnya pertanyaannya nomor 1 sangat berat, karena sejauh ini belum ada jawabannya. Namun alhamdulillah saya mempunyai jawaban untuk pertanyaan 1, yakni menampilkan Google Adsense diblog bahasa Indonesia tanpa main curang.

Sebelumnya, saya minta anda buka blog saya yang ini:

Tutorial Blogger dan WordPress

Lihat disidebar kiri dan kanannya, ada Google Adsense kan? Perlu anda ketahui Adsense itu tampil tanpa modifikasi apapun! tanpa penambahan apapun, murni yang saya taruh adalah script dari Google. Tapi Adsensenya muncul! Jika anda ragu, silahkan click kanan dan click view source, silahkan cek Adsense saya apakah ada ada tambahan script atau tidak.

Jadi jika anda ingin menampilkan Adsense dalam bahasa Indonesia, silahkan buat Blog disitu.

Caranya begini:

1. buka ini http://www.getforum.org/ dan click “create forum” dibagian atas.
2. Kemudian anda register, masukan Email dan ikuti langkah selanjutnya. Setelah account anda di verifikasi dan anda mempunyai forum, anda login.
3. Kemudian cari ini “Go to Administration Panel” lalukan Login kembali (letaknya dibagian paling bawah footer).

4. Setelah anda masuk ke Administration control panel, anda cari tulisan “Menu GetForum” dibagian sidebar sebelah kiri, lalu cari “WordPress” dan bikin blog wp disitu dan ikuti langkah selanjutnya, hanya kurang dari 2 menit maka blog wp anda jadi.

5. Setelah itu anda diberi username dan password, anda login ke WP anda dan gantilah passwordnya di “USER” lalu clik “Your Profile” dan lihat dibagian kanan bawah “Update your password” dan isilah dengan password baru sesuai keinginan anda, LALU klick “update profile”.

6. Setelah itu anda click “presentation” dan click”widget” dan cari “text” dan masukan script Adsense anda disitu (di text). Jika tidak ada text di “Available Widgets”, maka anda bisa minta ke wp dengan isi text 1 atau 2 atau 3 lalu save, letaknya dibagian bawah di “Text Widgets”.

Kemudian lihat blog anda sekarang pasti sudah ada adsensenya.

Sebagai tambahan jika saya sudah punya blog diblogspot gimana dong? Itu soal mudah wp menyediakan fitur untuk mentransfer semua konten blogspot baik artikel anda, kategori, arsip, link plus komentar, jadi anda tidak usah khawatir koment anda akan hilang, karena semuanya akan ditransfer.

Cara transfernya:

Anda click “manage” disitu ada:

* Posts * Pages * Uploads * Categories * Files * Import * Export

Anda pilih “Import”, kemudian akan muncul sejumlah blog platform seperti typad, livejournal karena anda menggunakan BLOGSPOT maka pilih dan clik BLOGGER, kemudian muncul windows baru anda click “Authorize” dan ikuti langkah2x selanjutnya. Dan hanya dalam hitungan kira2x kurang dari 5 menit semua isi blogspot anda akan pindah ke WP.

Dan anda bisa lihat lagi, setelah WP anda diisi oleh tulisan2x bahasa Indonesia dari blogspot anda apakah adsensenya masih ada atau tidak. Tentu masih ada seperti blog saya ini Tutorial Blogger dan WordPress

Maka sekarang anda tidak hanya mempunyai blog yang Super SEO Friendly di WP tapi anda juga mempunyai sebuah forum PHPBB(php buletin board), oh iya forumnya juga harus diupdate yah, karena kalau selama 1 bulan tidak ada posting, maka account anda akan didelete oleh admin servernya.

Jadi agar lebih bagus lagi, anda memposting artikel di wp anda kemudian posting lagi diforum dengan menaruh link back ke wp anda, sehingga anda mendapat link gratis untuk blog anda.

Oh iya agar link back dari forum anda terdeteksi Google, ada baiknya masukan robot.txt, anda ke “administration control panel” lagi, kemudian “menu get forum” dan cari “design setting” lalu masukan ini di “META STRINGS”:

<meta name=”robots” content=”index,follow” />
<meta name=”robots” content=”ALL” />

Sehingga anda telah membuka akses kesmua bots untuk mengindex setiap link diforum anda. Selamat anda bukan saja mempunyai blog namun juga mempunyai PHPBB forum! Sekalian belajar memanage sebuah forum PHPBB:)

Sebagai informasi tambahan http://www.getforum.org/ juga menyediakan fitur transfer nama domain geratis, jadi jika anda sudah membeli domain maka anda bisa mentransfer namanya di fitur “menu getforum” –> “own domain (new)”,

Nanti akan begini:

http://namaanda.com/forum

dan

http://namaanda.com/blog

Dan anda akan memiliki hosting gratis dengan BW unlimited dan Space unlimited pula untuk forum dan blog wp anda, hebat bukan?

2. Sekarang gimana cara menjadikan blog anda menjadi SEO friendly.
Saya ingin anda melakukan 2 langkah mudah.

A. Edit permalinknya, permalink ini adalah singkatan dari permanent link yaitu kumpulan keyword yang letakanya

disebelah alamat blog anda, sebagai identifikasi spesifik dari judul halaman blog. Contohnya:

http://abibakaron.forumportal.us/blog/stumbleupon-and-digg/cara-pasang-button-stumbleupon-di-blogger/

“cara-pasang-button-stumbleupon-di-blogger/”<—Ini adalah permalink. Dan saya ingin anda merubah permalink anda menjadi super SEO friendly.

Anda klick “Option” kemudian “permalink”, disitu WP menyediakan 3 pilihan permalink, anda pilih yang tengah, yakni

Date and name based
» http://comeon.getforum.org/blog/2008/03/27/sample-post/

Dan masukan tag berikut di “Custom, specify below” :

/%category%/%postname%/

Dengan mencantumkan “category” maka kategori blog anda akan disertakan dalam permalink, seperti ini:

http://abibakaron.forumportal.us/blog/stumbleupon-and-digg/cara-pasang-button-stumbleupon-di-blogger/

/stumbleupon-and-digg/ <—ini adalah nama kategorinya.

Atau tanpa nama kategori, jika anda tidak ingin permalink anda kepanjangan, cukup masukan tag post name tanpa kategori kedalam “Custom, specify below” :

/%postname%/

Maka jadinya seperti ini:

http://abibakaron.forumportal.us/blog/cara-pasang-button-stumbleupon-di-blogger/

Terserah anda memilih yang mana, namun kalau saya memilih yang memakai kategori karena lebih SEO friendly.

Penjelasan singkat: seperti sudah saya utarakan diatas permalink berisi dari keyword-keyword sebagai identifikasi judul halaman blog, maka keyword itulah yng dicrawl oleh para spider bot dan menaruhnya didatabase mereka. Jadi saat pengguna search engines mencari informasi, hal penentu munculnya blog dihalaman awal ialah dari akurat dan banyaknya keyword disuatu blog, dan spider bot mengutamakan keyword dari permalink, judul blog lalu kontent dari artikel anda. Oleh karena itu, jika permalink anda bagus kemungkinan muncul dihalaman awal hasil pencarian mendekati 100%.

B. Judul halaman. Judul halaman paling bagus ialah dengan struktur judul halaman letaknya didepan judul blog, maka anda harus menemukan template kalau di wp disebutnya theme yang mengakomodir struktur tersebut. Sekarang anda menuju “presentation”, kemudian pilih themenya. Ini saya ada sejumlah theme yang saya rekomendasikan:

1. Myjournal (ada 3 theme)
2. Talian
3. Cutline (ada 2 theme)
4. Prosense
5. Dan masih banyak lagi, silahkan anda explore sendiri.

Gunakana “ctrl + f” untuk memudahkan mencari theme2x yang saya rekomendasikan!

3. Mempunyai visitor banyak:

Jika cara dari pertanyaan ke 2 sudah anda terapkan langkah selanjutnya baca seluruh artikel di kategori ini SEO Abi Bakar:) …promosi dikit…hehehe. Ini serius bukan bercanda.

Ok semua semoga bermanfaat dan dapat menaikan penghasilan Adsense anda dan dapat menaikan jumlah visitor anda, ingat betapa bagusnya blog anda dan optimalnya blog anda, tetap saja keberhasilan perlu usaha dan proses. Maka teruslah berusaha! Maaf kalau artikelnya kepanjangan:) & semoga bermanfaat.

Jika ada rekan yang telah berhasil membuat blog WP dari tutorial diatas, saya harapkan jika tidak berkeberatan di promosikan lewat komen dibawah ini. Terima kasih.

Sampai jumpa diartikel berikutnya!dan Wassallam alikum wr wb

Update: Cara di posting ini sudah tidak bisa lagi seiring Admin getforumr.org menutup fasilitas buat blog disana sejak pertengahan 2008 kemarin.

How To Put Top Commentators Widget on Your Blog

Ok deh kawan-kawan silahkan menuju blog McMunny dan membaca tutorialnya.

Semoga Bermanfaat & sampai jumpa di artikel selanjutnya.

Ini kedua kalinya saya memposting mengenai cara memasukan related topic di blogger. Cara yang pertama yang saya pernah tulis diblog ini yakni versi purple moggy memang cukup rumit membuat related topic di blogger beta, sehingga banyak rekan yang tidak berhasil memasangnya diblog mereka. Oleh karena itu, pada kesempatan ini saya memposting related post versi Hoctro, sebenarnya versi ini pun juga rumit dan panjang namun untunglah Jackbook telah memodifikasinya shingga menjadi sangat simple. Inilah linknya silahkan anda kunjungi:

Membuat Related Topik

Nah langsung saja, karena sebentar lagi maghrib, begini caranya:

1. Login ke blogger.com.

2. anda masuk ke setting–> formating lalu –> post template, dan masukin kode berikut didalamnya:

<p><image class=”centered”alt=”post signature” src=”http://www.url_image_anda”/></p>

Keterangan: “Url_image_anda” ganti dengan url anda. Anda bisa bikin text image di media-media text generator geratis yang jumlahnya banyak di internet. Kalau saya menggunakan http://yourgen.com/ atau http://cooltext.com/ kemudian simpen di storage online, seperti http://geocities.yahoo.com/ dan lain-lain. Kemudian ambil url-nya kemudian masukan di kode diatas.

Nanti setiap anda akan “create post”, maka url signatur akan muncul, anda letakan tepat dibawah posting/artikel anda.

Selamat mencoba dan semoga bermanfaat.

Dan selamat menunaikan ibadah shalat maghrib untuk WIB dan sekitarnya bagi yang melaksanakannya.

Wassallam.

Sebelum saya memulai cara pasang button StumbelUpon diblogger classic dan blogger xml/new blogger, ada baiknya saya jelaskan sedikit tentang apakah StumbleUpon dan apa manfaatnya jika dipasang diblog anda.

StumbleUpon adalah plugin web browser yang memungkinkan penggunanya untuk memberi rating pada halaman web, halaman blog, photo, video atau artikel yang mereka temui saat browsing. Halaman-halaman blog ini akan ditampilkan, jika pengguna StumbleUpon atau biasa disebut Stumbler, mengklik button “Stumble it!” untuk memberi rating.

Manfaat dari StumbleUpon jika dipasang diblog anda ialah juga seperti Button Digg, pengunjung blog anda dapat mengklik “Stumble” di tiap artikel, sehingga blog anda akan masuk ke database StumbleUpon dan anda akan mendapat backlink geratis darinya. Memberi kesempatan bagi pengunjung blog anda untuk mengucapkan terima kasih dengan mengklik button ‘Stumble it!”. Dan juga dapat menciptakan trafik bagi blog anda.

Saya kira cukup penjelasan tentang StumbleUpon. Yang berikut ialah cara memasangnya:

Sebelum anda melakukan perubahan apapun, ada baiknya anda save dahulu html jika terjadi kesalahan anda mempunyai backup!

Untuk classic blogger:

1. Login ke Blogger.com
2. Edit Html.
3. Lalu temukan ini:

<$BlogItemBody$>

Dan taruh kode berikut tepat setelahnya:

<a href="http://www.stumbleupon.com/submit?url=<$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>"><img border=0 src="**LINK TO stumbleit.gif**"" alt="StumbleUpon Toolbar">Stumble It!</a>

Keterangan: Ganti ini **LINK TO stumbleit.gif** dengan link Image dari stumble upon. Ini contoh gambar beserta link imagenya:

Dan yang berikut ialah link-link Imagenya secara berurut, jika anda memilih “small_su_logo.png” maka link imagenya diurutan pertama yakni http://www.stumbleupon.com/images/small_su_logo.png, dstnya. Ini urutan linknya :

http://www.stumbleupon.com/images/small_su_logo.png

http://www.stumbleupon.com/images/stumbleupon.gif

http://www.stumbleupon.com/images/su_micro.gif

http://www.stumbleupon.com/images/stumbleit.gif

http://www.stumbleupon.com/images/stumble1.gif

http://www.stumbleupon.com/images/small_su_logo2.png

http://www.stumbleupon.com/images/thumbup1.gif

http://www.stumbleupon.com/images/thumbup.gif

Dan save!

Sumber: http://www.stumbleupon.com/buttons.php?pgtype=blog

Dan untuk New blogger xml layout:

1.Login ke Blogger.com
2.Edit Html.
3.Lalu temukan ini:

<div style='clear: both;'/> <!– clear for photos floats –>
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>

dan tepat dibawah ini:

<p class='post-footer-line post-footer-line-1'>

Masukan tag kode berikut:

<!– StumbleUpon Button Begin –>
<a expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Stumble Upon' src='http://image_stumble_upon'/></a>
<!– StumbleUpon Button End –>

Keterangan: Ganti http://image_stumble_upon dengan link Image StumbleUpon seperti diatas.

Save template!

Sumber: how to add stumbleupon button to your

Semoga bermanfaat!

Sesuai janji saya dengan rekan blogger yang bernama Gaptek yang mengunjungi blog ini, mengenai cara menghapuskan angka di sebelah arsip blogger blogspot. Ini pertanyaan yang bagus, karena memang angka disebelah arsip anda bisa memberikan kesan serius/tidaknya anda ngeblog. Sebagian pengunjung umumnya menjudge book by its cover, terlepas faktor kemungkinan si empunya blog punya hambatan sehingga tidak dapat mengupdate blognya tiap hari atau seringkali. Inilah pertanyaanya:

Sebelumnya saya jelaskan bahwa cara ini untuk blogger layout dan bagi mereka yang memakai arsip dengan menu dropdown, seperti gambar berikut:

Oke langsung saja caranya, anda login ke blogger.com, lalu edit html kemudian click “expand widget template” anda, Ingat backup atau save dulu template anda sebelum melakukan perubahan APAPUN! dan temukan tag berikut:

(<data:i.post-count/>)

Dan anda hapus seluruh tag itu yang berada ditemplate anda.

Lihat gambar berikut sebagai contoh Saat masih ada angka::

Ini gambar setelah angka terhapus di arsip:

Hasilnya bisa dilihat blog saya http://yuwienetwork.blogspot.com/. Dan ini jika anda ingin menghilangkan angka disebelah label

Buat rekan Gaptek semoga bermanfaat!

Sebelumnya saya sudah pernah membahas cara meletakan Google Adsense ditengah posting, ada baiknya cara meletakan adsense dibawah posting juga dibahas sekalian. Walau sebenarnya cara melakukannya begitu mudah, apalagi jika anda telah membaca cara meletakan adsense ditengah posting. Namun rupanya ada sejumlah rekan yang ragu-ragu untuk berinisiatif dengan melakukannya sendiri tanpa terlebih dahulu membaca tutorialnya, karena kemarin saya saat membuka email, di inbox saya ada 2 email yang mempunyai pertanyaan serupa, yakni meletakan Google Adsense dibawah Posting.

Pengumuman Lebih baik rekan semua ke MENARUH IKLAN GOOGLE ADSENSE DITENGAH DAN DIBAWAH POSTING disitu lebih lengkap dan tidak perlu cape. Terim Kasih.

Jadi agar hati mereka tenang untuk melakukannya lebih baik saya posting saja tutorialnya, agar temen-teman yang lain dapat mengambil manfaatnya, juga memberi keberuntungan bagi saya karena ada materi untuk ngupdate blog. Oh iya cara ini bukan dengan mamakai Widget secara otomatis namun anda melakukannya secara manual agar letak adsensenya bener-bener didalam posting.

Ok begini caranya:

1. Ikuti langkah – langkah di link berikut: http://abibakarblog.com/ngeblog/menaruh-google-adsense-ditengah-posting-blogger/

2. Setelah itu masukan kode berikut dibawah artikel anda:

<script type='text/javascript'><!–
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_alternate_color = "FFFFFF";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
google_ad_channel = "2973965819+9097819736";
google_color_border = "F8F8F8";
google_color_bg = "F5F5F5";
google_color_link = "146ba4";
google_color_text = "000000";
google_color_url = "000000";
//–>
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>

</script>

Tentunya anda dipersilahkan merubah bentuk widht, height, format, color, border dll sesuai kebutuhan anda. Dan meletakan nomor pub anda di xxxxx.

Untuk melihat hasilnya, bisa anda lihat diblog saya Zero Points

Penutup menurut pengalaman saya pribadi dan diskusi dengan sejumlah teman, biasanya saya secara spontan mengklik link-link yang berada dibawa artikel yang baru saya baca. Biasanya pembaca blog anda setelah selesai membaca satu lembar artikel, mereka ingin terus membaca informasi berikutnya. Nah ketika mereka menemukan deretan link-link Adsense dibawah posting anda, hal ini akan menggoda mereka untuk mengkliknya dan ini sering terjadi pada saya.

Sampai jumpa di artikel berikutnya!

Dikarenakan beberapa kali saya ditanya oleh pengunjung blog ini mengenai bagaimana memperoleh kembali tulisan-tulisan dari blog mereka yang terhapus secara tidak sengaja, maka ada baiknya saya tuliskan caranya agar anda dapat memperoleh tulisan anda kembali.

Kadangkala rekan bloggers melakukan kesalahan yang fatal yakni menghapus blognya secara tidak sengaja saat melakukan edit dimenu setting. Kesalahan tidak sengaja ini berakibat fatal karena blognya hilang. Namun jangan kecewa dulu, karena anda masih bisa memperoleh tulisan atau juga asesoris yang anda telah tambahkan ditemplate anda. Caranya ini bisa diterapkan dengan syarat blog anda HARUS SUDAH terindex oleh Google dan terhapusnya belum terlalu lama, biasanya belum lewat dari 4 atau 5 hari atau sebelum Google melakukan UPDATE pada blog anda.

Anda ke google.com atau google.co.id kemudian dikolom pencarian masukan alamat blog anda dengan format seperti ini site:http://namabloganda.blogspot.com/ .

Misalnya saya mengetik nama blog saya, contohnya lihat digambar berikut:

Maka ketika saya klik “search” Google akan menampilkan SELURUH halaman blog saya, contohnya pada gambar berikut:

Nah dari sini anda bisa memperoleh kembali tulisan-tulisan anda yang hilang dengan mengklik “tembolok” jika anda mencarinya melalui www.google.co.id atau “cached” jika anda menggunakan www.google.com, lihat gambar berikut:

Untuk www.google.co.id klik “tembolok”:

Untuk www.google.com klik “cached”:

Maka Google akan mengarahkan anda kehalaman blog anda yang terhapus. Nah dari situ anda tinggal COPY-PASTE deh tulisan-tulisan anda yang hilang itu.

Semoga bermanfaat

Di hari pertama ditahun 2008 ini saya ingin memposting sebuah tips yang ditanyakan oleh seorang teman lewat email mengenai bagaimana cara memasang Digg button disetiap posting Blogger. Menurut saya ini sebuah pertanyaan yang bagus dan patut dijawab. Karena memang Digg ini sebuah memang lagi populer (khususnya bagi blogger bule, kalau di Indonesia belum terlalu booming, kecuali sebagian saja yang sudah memasangnya)dan sebagai sarana yang digunakan untuk teknik SEO.

Langsung saja, cara memasangnya ialah:

1. Ke layout –> edit html.

2. Klik “Expand Widget Templates”

3. Save terlebih dahulu template anda, kalau-kalau terjadi kesalahan.

4. Kemudian temukan tag berikut ini:

<p><data:post.body/></p>

Dan gantilah dengan ini:

<p>
<!– DIGG –>
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>

5. Kemudian save template anda, jika berhasil maka akan tampil lambang seperti ini:

Contohnya bisa dilihat samping judul post saya. Oke cukup sampai disini dan selamat mencoba.

Anda masih menggunakan classic blogger? Dan ingin mempunyai format komentar wordpress tepat dibawah setiap posting anda? Jika iya, maka bacalah hack ini. Sebelum saya memulai memberikan tutorial untuk memasang format komentar wordpress ini diblogger classic, saya jelaskan hack ini hanya untuk blogger classic, jika anda pengguna blogger beta layout (new blogger) Kolom komentar di setiap posting blogger.

Ok langsung saja.

1. Anda login www.blogger.com, kemudian ke “setting” –> “comment” lantas anda ke SHOW COMMENTS IN A POP-UP WINDOW” disitu ada pilihan “Yes” atau “No”, terserah anda boleh pilih “Yes” atau “No” tergantung kebutuhan (langkah ini hanya untuk menentukan bentuknya saja).

2. Kemudian klik “formating” lantas pilih “Enable post pages”

3.Kemudian “edit template” dan temukan kode berikut:

<p class="post-footer">
<em><$I18NPostedByAuthorNickname$> <$I18NAtTimeWithPermalink$></em>
<MainOrArchivePage><BlogItemCommentsEnabled>

<a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><span style="text-transform:lowercase"><$I18NNumComments$></span></a>

</BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links"><span style="text-transform:lowercase"><$I18NLinksToThisPost$></span></a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$>
</p>

Gantilah yang di beri warna merah dengan tag berikut ini:

<a class="comment-link" href="<$BlogItemPermalinkUrl$>#comments"><span style="text-transform:lowercase"><$I18NNumComments$></span></a>

Setelah itu temukan tag berikut:

<!– Begin #comments –>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments">

Taruh ini:

<!–

tepat diatas <BlogItemCommentsEnabled><a name="comments">

Maka jadinya seperti ini:

<!–

<BlogItemCommentsEnabled><a name="comments">

Catatan untuk <!– Begin #comments –> ditiap template memakai bahasa yang berbeda, contohnya <!– mulai koment –> atau <!– comments start –> dstnya, yang penting anda lihat <ItemPage> <div id="comments">

4. Langkah terakhir ialah temukan kode tag berkut:

</div>
</ItemPage>
<!– End #comments –>

Taruh kode iframe berikut tepat diatas </ItemPage> :

–>
<iframe src="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$> width="400px" height="700px" frameborder="0" scrolling="yes"></iframe>

Maka jadinya seperti ini:

–>
<iframe src="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$> width="400px" height="700px" frameborder="0" scrolling="yes"></iframe>
</div>
</ItemPage>
<!– End #comments –>

Catatan: Height dan widht bisa anda rubah sesuai kebutuhan

Kemudian save template anda.

Selamat anda telah mempunyai komentar dibawah posting seperti wordpress pada template klasik blogger anda.

Contohnya bisa anda lihat pada blog saya http://testerpost.blogspot.com/2007/11/kabar-baik-terima-kasih.html

Semoga bermanfaat.

Dikarenakan ingin meningkatkan pengunjung subscribe feedburner saya, lalu saya men-set up untuk me-redirect Blogger feed menjadi Feedburner feed (Menaikan jumlah Feedburner subscriber), namun ternyata hal itu membuahkan konseksuensi yang cukup tidak meng-enakan, karena setelah itu status sitemp di Google webmaster saya ERROR. Ini gambarnya:

Pengumuman: Untuk memasukan sitemap Blogspot anda, silahkan ke: Cara memasukan sitemap Blogspot ke Google webmaster

Ternyata feedburner tidak klop dengan Google Blogger service. Akhirnya saya mencoba baca keterangan di Google webmaster, dan menemukan kata-kata berikut:

Line: 2 Invalid XML: too many tags – Too many tags describing this tag.
Line: 2 Incorrect namespace – Your Sitemap or Sitemap index file doesn’t properly declare the namespace.

Dan berikut ini cara untuk memperbaikinnya, yaitu dengan melakukan 2 langkah berikut:

1. Mendelete sitemp lama saya yaitu atom.xml
.
2. Kemudian, menggantinya dengan format sitemap baru begini formatnya atom.xml?redirect=false sebagai pengganti atom.xml

Kemudian inilah hasilnya:

Setelah saya merubah atom.xml
dengan atom.xml?redirect=false status sitemap saya langsung “OK”.

Selamat mencoba semoga bermanfaat.