tutorial blogger indonesia: 2011

Membuat Breadcrumbs di Blogger

Membuat Breadcrumbs di Blogger

Breadcrumbs adalah menu navigasi yang digunakan dalam user interface. Yang memungkinkan pengunjung mengetahui lokasi dalam dokumen blog. Membuat Breadcrumbs ini juga bagus untuk SEO 'katanya!', baik langsung saja cara membuatnya di template blogger anda.

Sebelum memulai pastikan anda sudah Login di Blogger.com, jika sudah klik Rancangan

Klik Edit Html

Centeng Expand Widget Template

Cari kode ]]></b:skin> caranya tekan Ctrl+F, kalau sudah ketemu copy kode dibawah ini, paste diatas ]]></b:skin> (anda bisa merubah kode CSS nya dengan kehendak anda sendiri)
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
Selanjunya cari <div class='post hentry'> copy kode di bawah ini taruh di bawahnya <div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><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> » <data:post.title/>
</div>
</b:if>
</b:if>
Setelah itu klik Simpan Template. dan lihat hasilnya pada situs anda,

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Tips Penulisan Link Internal Dalam Postingan

Posted by Mas Doyok Modifikasi Link, tips blog Sabtu, September 03, 2011 Berangkat dari pengalaman pribadi yang terpaksa berganti domain, dan mengakibatkan broken link hampir di setiap postingan. Tentu tidak lucu jika Anda harus mengalami hal serupa dengan saya, melakukan edit manual 888 artikel demi membuang broken link, salah satu musuh utama Google.

Link Internal
Link internal bisa diartikan sebagai link yang menuju kepada bagian lain pada domain yang sama, sebaliknya link eksternal adalah link yang menuju kepada domain yang berbeda. Kutipan dari wikipedia:

Links are considered either "external" or "internal" depending on perspective. Generally, a link to a page outside the same domain is considered external, whereas one in the same domain is considered internal.

Pengeposan Compose dan Edit HTML
Ketika kita menulis postingan di Blogger, maka kita mempunyai dua pilihan, yakni pengeposan mode compose atau edit HTML. Pada mode compose segala macam effect diterapkan secara otomatis mirip dengan penulisan di program pengolah kata semacam microsoft Word. Sedangkan pada mode edit HTML semua dilakukan secara manual dengan penulisan kode-kode. Perhatikan bagian kanan atas kotak tulis Anda di blogger, klik untuk memilih pengeposan Compose atau Edit HTML.

Inti: Tips Penulisan Link Internal
Jika membaca artikel di blog ini, maka Anda akan sering sekali menemui link-link rujukan yang diawali kata, Baca: yang menuju ke artikel serupa dalam blog ini. Itu adalah contoh link internal. Contoh penulisan kode link internal adalah:
<a href="http://www.themasdoyok.com/2011/08/2-step-verifikasi-untuk-keamanan-email.html">2 Step Verifikasi Untuk Keamanan Email Blogger</a>

sedangkan kode penulisan link internal yang baik adalah:
<a href="/2011/08/2-step-verifikasi-untuk-keamanan-email.html">2 Step Verifikasi Untuk Keamanan Email Blogger</a>

Pada URL kita tidak menyertakan http://www.themasdoyok.com. Dengan cara ini otomatis link akan mengikuti akar domain yang berbeda jika kita terpaksa mengganti domain. Contoh kode penulisan untuk home:
<a href="/">Home</a>

Pada URL hanya dituliskan / yang berarti alamat link adalah akardomain + /. Jika domain blog tempat link tersebut adalah http://www.themasdoyok.com, maka tujuan link menjadi http://www.themasdoyok.com/, jika domain tempat link tersebut adalah http://google.com, maka tujuan link adalah http://google.com/

Dengan cara penulisan seperti ini, jika kita terpaksa berganti domain karena suatu alasan, maka link otomatis mengikutinya, dan kita tidak mesti mengeditnya manual satu persatu.

Tips Di Akhir...
- Penulisan link seperti ini melalui pengeposan Edit HTML, dan menerbitkannya dari mode edit HTML juga.
- Setelah menulis link internal seperti ini pada mode Edit HTML, jangan berpindah dan menerbitkannya dalam mode Compose, karena ketika kita berpindah ke Mode Compose yang bukan kode manual, maka link otomatis akan mengikuti akar domain. Sementara ketika kita login blogger, maka akar domain adalah blogger.com, sehingga link Anda menjadi berawalan blogger.com.

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Melaporkan Artikel yang Copy-Paste tanpa Ijin (DMCA Complaint)

Bagi Sobat Blogger yang mendapati artikelnya di copas alias copy-paste oleh orang lain tanpa ijin bisa melaporkannya ke Google. Caranya sangat mudah, kita tinggal contact Google via Googlr Help.
Berikut tutorialnya

Masuk ke sini (http://www.google.com/support/bin/static.py?page=ts.cs&ts=1114905)
Pilih "Blogger/Blogspot" jika ingin melaporkan artikel copas
Lalu pilih salah satu alasan
Ikuti terus smpai akhir, nanti akan didapati kotak dialog seperti ini
Dan seterusnya, silahkan coba sendiri
Alhasil, jika kita sudah melaporkan artikel copy-paster tanpa ijin tersebut ke Google, maka di akun Blogger Si copaser akan muncul seperti ini

Selamat mencoba Sumber : http://prasutan.blogspot.com/2011/09/melaporkan-artikel-yang-copy-paste.html

Lihat Selengkapnya Beri Komentar

Membuat Java Script Milik Sendiri

Kali ini saya akan membahas tentang cara Membuat Java Script Milik Sendiri. Manfaatnya yaitu File tersebut hanyalah milik anda pribadi dan tentunya kinerja blog anda bisa lebih optimal. Mengapa demikian ? Pernahkan ketika kita akan memasang sebuah aplikasi baik itu widget ataupun yang lainnya, lalu kita menemukan sederet Kode HTML yang harus di pasang di blog kita

Seperti contoh kita menemukan sederet kode HTML untuk aplikasi Membuat Cursor Bertabur Bintang.

<script src="http://encepfrblog.googlecode.com/files/www.encepfr.blogspot.com-cursor-bintang-biru.js" type="text/javascript"></script>

Perhatikan tulisan yang berwarna merah yang di awali dengan kode src yang berarti memanggil tulisan yang berwarna merah di akhiri dengan ekstension js yang berarti (Java Script). Coba bayangkan kalau ada 10 orang yang memasang aplikasi ini dengan kode di atas dan mereka membukanya secara bersamaan. maka tentunya blog kita akan terasa berat karena ke 10 orang tersebut hanya memanggil 1 file Java Script. Maka disinilah optimalisai blog diperlukan dengan Membuat Java Script Milik Sendiri.

Untuk itu kita harus hosting sendiri file Java Script tersebut dengan cara :

1. Download terlebih dahulu file Java Scriptnya dengan cara Copy Paste Link yang berwarna merah di atas Pada new tab browser lalu tekan Enter

2. Maka akan muncul File Java script yang akan kita download, lalu tekan save file

3. Buka File nya di folder tempat menyimpan hasil download lalu Rename dengan nama yang anda inginkan.

4. Setelah itu tinggal hosting file Java Script tersebut, untuk caranya bisa di lihat di postingan saya sebelumnya tentang Cara Hosting File Java Script Lewat Google Code
5. tinggal ganti tulisan yang berwarna merah dengan file Java Script hasil buatan anda sendiri.

<script src="Nama File Java Script hasil hosting anda.js" type="text/javascript"></script>

6. Selamat kini anda sudah bisa Membuat Java Script Milik Sendiri

Catatan : Apabila setelah kita download file Java Script pada cara no. 2 yang muncul berupa kode HTML di layar tab new browser tersebut maka tinggal di Save As

Sekian postingan kali ini semoga bisa membantu. Apabila ada yang perlu ditanyakan atau masih bingung silahkan untuk berkomentar.

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Lihat Selengkapnya Beri Komentar

<div style="background-color: none; border: 0px solid #151515; height: 800px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 95%;">
<script src="%20http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js%20">
</script>
<script src="http://istiqlaldutanet.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>

Lihat Selengkapnya Beri Komentar

Menambah Google Plus 1 di blog

Menambahkan Button Google Plus One (+1)

Ada twitter dan facebook yang bisa digunakan untuk berbagi, ketika kita suka terhadap suatu tulisan yang dibaca, kita dapat mengklik button (tombol) tweet untuk berbagi di twitter dan button like untuk membagi tulisan ke facebook. Selain itu juga akan muncul dalam button itu data berapa kali tulisan dibagikan. Sekarang Google juga meluncurkan button yang kurang lebih fungsinya sama dengan twitter dan facebook, yaitu google plus one (+1). Button ini juga bisa otomatis ditambahkan jika template blog kita standart atau bisa memanfaatkan button share di elemen posting blog.

Jika ada yang suka tulisan kita, baik kita sendiri atau pembacanya dapat mengklik button google plus one seperti yang di Agung-dot:
(+1). Dengan syarat kita harus login dulu ke akun google dan selanjutnya akan bertambah. Google plus one (+1) ini akan membantu kita berbagi ke teman-teman dan kita sendiri. Karena menurut kabar dari google, button (+1) ini akan mempengaruhi pencarian kita di google search engine. Mungkin saat dalam keadaan login dan kita melakukan pencarian di google seacrh engine yang muncul teratas adalah juga berdasarkan apa yang kita dan teman kita sudah beri plus one (+1). Google Plus One (+1) akan melengkapi button tweet dan facebook like untuk berbagi dan sekaligus sebagai bentuk vote dan indikator bagus tidaknya tulisan kita, karena terlihat datanya berapa kali tulisan itu dibagikan.

Cara Menambahkan Button Google Plus One (+1)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini </head>
6. Setelah itu taruh kode berikut ini di atasnya

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'id'}
</script>

7. Cari kode berikut ini <div class='post-footer'>
8. Setelah itu taruh kode berikut ini di bawahnya

<g:plusone expr:href='data:post.url' size='medium'/>

9. Kita dapat menganti medium dengan standard, small, atau tall.
10. Simpan Template jika sudah selesai.

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Tips Agar Loading Blog ringan

Wah berat bener nih blog.. saya jadi bosen nungguinnya mana billingnya jalan terus lagi kan saya bisa "tekor" nih!! ga' mw kn jadi salah satu orang ini.. nungguin blognya buka dengan sempurna lamanya minta ampun ya cape'deh.. kata orang klo blog kita berat itu bisa bikin pengunjung jadi bosen dan ga' mau datang lagi ke blog kita makanya jaga deh supaya blog kamu tidak berat, klo itu terjadi maka suatu hal yang buruk akan menimpamu... saya akan berikan tips suapaya blog kita tidak berat alias lamban.. 6 langkah yang harus dilakukan ialah :

Cek dulu seberapa berat Blog kmu dengan Website speed Test. Disana kmu masukkan Alamat blog/URL kamu ke kotak yang sudah ada disana.. klo sudah klik Check! dan lihat seberapa berat blog kmu. Klo hal yang buruk itu terjadi pada blog kmu maka 6 langkah harus dilakukan dengan seksama :

Kalau blogmu diisi dengan video, atau musik maka anda harus menggunakan file yang berukuran kecil seperti (MIDI atau WAV). Kenapa Video, serta musik biasanya menggunakan size yang besar sehingga dapat memberatkan blog mu.
Foto dan Gambar yang berukuran besar akan dapat meyebabkan blog kita berat juga lo, maka pakai lah format yang berukuran kecil GIF atau JPG atau editlah foto atau gambar mu dengan PICASA.
Perkecil penggunaan Java Script pada blog kamu.
Bersihkanlah HTML kodemu dengan hal yang tidak berguna yang memungkinkan dapat memberatkan blog.
Pergunakanlah Design Template yang simple, penggunaan design yang simple ini dapat mempercepat loading pada blogmu.
Cek kembali link-link yang kmugunakan sebagai BlogRoll.. mungkin saja Link yang lama sudah tidak berfungsi lagi dengan kata lain saat diklik.. maka akan muncul pesan "Maaf Blog Anda Tuju Sudah Tidak Aktif Lagi". Bisa saja kan seperti itu, karena segala kemungkinan itu bisa terjadi.

Itu lah sedikit ilmu dari saya mungkin berguna.. karena kecepatan loading pada blog atau website itu sangat berguna karena dapat menghemat pulsa dan uang anda...

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Mengganti tulisan older dan newer Post

Seperti di lihat pada gambar ini.. disana terdapat tulisan Older, Home, dan Newer. Tulisan itu dapat kita ganti dengan kata lainya, atau dengan gambar/icon. untk memulainya kita harus bisa mengubah-ubah sedikit html yang ada pada template blog kita,jangan kawatir karena saya akan menuntun anda.

langkah yang harus dijalani
1. Masuk ke akun blogger anda

2. Cari kode ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

3. Ganti kode tersebut menjadi seperti ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'> <img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'> <img src="Image URL" /></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'> <img src="Image URL" /></a>
</b:if>
</b:if>

</div>

Keterangan:

1. Disana terdapat tulisan yang berwarna Hijau Ganti lah kode tersebut menjadi <img src="Image URL" /> nah ganti Image Url dengan lokasi/Url gambar/icon yang anda miliki.

2. Anda bisa mencari Icon-Icon tersebut di- Icon Archive

3. Selamat mencoba

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Membuat blog tak bisa di klik Kanan

Mungkin anda sering membuka suatu situs yang melarang blognya untuk diklik kanan oleh pengunjungnya atau dengan kata lain mendisablekan klik kanan khusus pada blog/situsnya saja. Guna dari disable ini ialah untuk melindungi konten atau foto yang anda miliki untuk dicopy oleh orang lain dengan kepentingan yang kita tidak tahu. Nah berkut ini ada javascript untuk mendisablekannya yaitu :

<script language=JavaScript>

</script>

Script ini dicopykan ke blog anda dengan cara :

1. Klik Layout dan pilih edit html

2. Cari kode <head> Copykan kode tersebut dibawahnya.

3. Save.

4. Silahkan dicoba!!!

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Menghilangkan Halaman Posting Di Homepage

Posting ini merupakan sesi dari “Tanya saja!” di kolom tutorial.
Penanya :

kang punten bade tumaros. Gmn caranya supaya ketika orang masuk ke blog kita, yamg pertama dilihat selalu halaman awal/home (biasanya di posting terakhir, kayak di situs2 .com, .net atau apapun juga.
Hatur nuhun

Kang Rohman :

Saya kurang ngerti pertanyaannya. apa yang dimaksud adalah intro, kaya gambar2 flash gitu?

Penanya :

kayaknya bukan intro. Maksud saya ketika pengunjung masuk ke blog saya maka yang pertama kali kebuka itu selalu halaman awal (home), karena setahu saya biasanya yang pertama kali kebuka adalah postingan terakhir. hatur nuhun

Dari keterangan yang kedua, diketahui bahwa yang diinginkan adalah agar halaman posting tidak muncul dihalaman depan alias homepage. Apakah ini bisa diterapkan pada template blogger? jawabannya adalah bisa. Anda hanya cukup menambahkan kode if condition saja.
Teknik yang bisa digunakan bisa dengan if condition pada kode CSS atau bisa juga langsung pada kode HTML. Sebagai contoh, kang Rohman akan menggunakan teknik if condition pada kode HTML.
Kode widget post, didalam template blogger umumnya adalah seperti berikut :

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

Agar widget post atau halaman posting tidak muncul dihalaman depan aka homepage, anda cukup menambahkan kode seperti ini ( warna hijau )

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

Kode yang berwarna hijau adalah agar widget post tidak muncul pada halaman depan saja, namun akan muncul pada halaman single post, kategori, pencarian, arsip dll. Intinya kode tersebut hanya menghilangkan dari halaman depan saja.
Selain kode tersebut, anda juga bisa menggunakan kode berikut (warna hijau) :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

Kalau yang ini lebih sedikit ekstrim. Widget post atau halaman posting hanya akan muncul pada halaman single post saja ( halaman apabila posting tersebut dibaca secara keseluruhan atau hanya pada URL posting itu saja ). Jadi, pada halaman lain seperti halaman kategori, halaman arsip, halaman pencarian dan lain-lain tidak akan muncul.
Nah, mau pilih yang mana? silahkan sesuaikan dengan keinginan atau kebutuhan.

Trik menghilangkan Widget post di homepage

Berikut tutorial lengkap bagaimana implementasi penempatan kode diatas :

Silahkan login ke blogger dengan ID anda.
Klik Rancangan
Klik menu Edit HTML.
Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

Carilah kode berikut pada template anda :

<b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

Gantilah kode tersebut dengan kode berikut ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='main' id='main' showaddelement='no'> 
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

Klik tombol SIMPAN TEMPLATE.
Selesai.

Satu yang harus anda ingat yaitu pada halaman depan alias homepage, anda harus memasang link ke postingan yang dimaksud, bisa pada menu navigasi, link disidebar atau dimanapun agar pengunjung bisa mengakses isi postingan anda.
Trik diatas, kang Rohman rasa cocoknya adalah untuk blog yang statis seperti blog jualan atau toko online yang jarang melakukan update post, dan tentunya kurang cocok untuk format blog yang postingannya sering diupdate.
Ada masukan dari anda?

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Menampilkan hanya judul blog

Fasilitas ‘Tanya Saja!” kolom tutorial rupanya banyak mendapatkan perhatian dari para pengunjung. Puluhan pertanyaan telah masuk, sebagian sudah dijawab secara langsung dan ada juga yang melalui postingan untuk pertanyaan yang memang memerlukan jawaban yang lebih rumit. Yang pertanyaannya belum dijawab, mohon sabar yah, mudah-mudahan nanti bisa terjawab Happy

Happy

Pertanyaan :

Kang Rohman... sebelumnya saya minta maaf kl email saya menggangu, saya ingin tanya kang, gimana caranya menampilkan postingan yg hanya tampil judul postingannya saja

Jawaban : Memang, beberapa blogger memilih blognya hanya menampilkan judul posting saja pada halaman depan atau home page. Mungkin dasar pemikiran dari pemilik blog itu sendiri adalah menampilkan hanya judul posting saja dapat menghemat ruang sehingga jumlah post yang ditampilkan bisa lebih banyak pada halaman depan atau beranda. alasan pendukung lainnya mungkin karena judul posting sangat mewakili isi dari posting itu sendiri sehingga dengan menampilkan judul posting di halaman depan lebih memungkinkan artikelnya akan lebih banyak di baca oleh para pengunjungnya. Berikut contoh blog yang hanya menampilkan judul post nya saja :

judul posting

Agar pada halaman depan hanya menampilkan judul posting saja, berikut langkah-langkahnya :

Silahkan login ke blogger dengan ID anda.
Klik Rancangan
Klik menu Edit HTML.
Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
Carilah kode ]]></b:skin>

Copy kode berikut, lalu paste di bawah kode ]]></b:skin>

<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     .post-body{display:none;}
     </b:if>
     </b:if>
     </style>

Klik tombol SIMPAN TEMPLATE.
Selesai. Silahkan lihat hasilnya.

Mudah bukan? namun, dengan memasang kode diatas masih menyisakan beberapa elemen seperti tanggal posting, komentar dan yang lainnya. Jika anda ingin menghilangkan semuanya dan yang tersisa hanya judul post nya saja, mungkin anda bisa menggunakan kode berikut :

<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     .post-body, .post-footer, .jump-link, 
     .post-timestamp, .reaction-buttons, 
     .star-ratings, .post-backlinks, 
     .post-icons, .date-header{display:none;}
     </b:if>
     </b:if>
     </style>

Jika ternyata masih ada elemen tersisa selain judul post, mungkin kode template anda tidak mengikuti standar template blogger. Bagaimana solusinya? anda harus mengenali struktur template anda.
Bagi anda pengguna browser internet firefox, kang Rohman punya tips mudah mengenali struktur template anda yaitu dengan menginstall add-ons Web Developer yang bisa anda download di add-ons for firefox.
Sekarang kang Rohman anggap anda telah menginstall add-ons web developer pada firefox yang anda gunakan. Silahkan buka alamat blog anda ( tentunya yang akan di edit sesuai artikel diatas ). Klik menu Information, kemudian pilih Display Div Order.

div order

Maka secara otomatis akan ditampilkan struktur div dari template anda. Contoh gambar :

struktur div

Dari gambar tersebut terlihat bahwa tanggal posting serta komentar disimpan dalam elemen div :
.databarleft
.datebarright

Sehingga kode yang digunakan menjadi seperti ini :

<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
     .post-body, .databarleft, .datebarright{display:none;}
     </b:if>
     </b:if>
     </style>

Semoga bisa difahami.
Update : kode telah di sempurnakan agar tidak konflik dengan static page / static post

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Memasukan Sitemap Ke webmaster tools

Banyak sekali yang menanyakan bagaimana agar artikel Anda cepat terindeks google. Sebanranya ada cara manual seperti yang telah saya bahas sebelumnya pada artikel berjudul submit blog ke bebrapa searh engine. Namun, cara seperti di atas kurang efektif, merepotka dan jika terlalu sering melakukannya justru bisa membuat posisi kita anjlok. Nah, bagaimana solusinya? Silahkan Anda gunakan google webmaster tools. Saya hanya mengingatkan, sebelum meneruskan artikel ini Anda harus sudah daftarkan dan verifikasi situs Anda di google webmaster tools.

Bagaimana Submit Sitemap di Google Webmaster Tools?
- Silahkan klik untuk menuju ke Google Webmaster tools
- Jika kemarin anda telah submit blog Anda, maka akan ada daftar nama blog Anda. Silahkan klik nama blog Anda.

- Perhatikan pada bagian kiri atas, klik menu Site Configuration

- Klik Sitemaps

- Klik Submit a Sitemap

- Setelah Anda klik submit a sitemap, otomatis akan muncul alamat blog Anda dan Anda diminta menambahkan alamat sitemap Anda di kotak isian. Pada kotak isian isi sebagai berikut:
atom.xml
sehingga menjadi
http://alamatbloganda.blogspot.com/atom.xml

Namun, jika Anda telah membakar feed Anda dengan feedburner, maka akan terjadi error, ditunjukkan dengan tanda silang merah di kanan sitemap. Tambahkan kode dibelakangnya sehingga menjadi:
http://alamatbloganda.blogspot.com/atom.xml?redirect=false

- Setelah Anda memasukkan alamat sitemaps Anda, silahkan klik Submit Sitemap.

Anda bisa menambahkan beberapa sitemap. Ada 4 default feed untuk blogger yang bisa Anda submit.
atom.xml
rss.xml
feeds/posts/default
feeds/posts/default?alt=rss

Blogger Sitemap Generator untuk Indeks Lebih Cepat
Coba perhatikan gambar di bawah ini, dan perhatikan perbedaannya

Terdapat perbedaan angka yang sangat besar. Ketika kita menggunakan sitemap default blogger, untuk blog saya misalnya hanya terdapat 18 url yang terindeks. Sementara angka dibawahnya menunjukkan 273 url terindeks. Gunakan blogger sitemap generator untuk membuat artikel-artikel Anda lebih cepat terindeks.

- Kunjungi http://digitalinspiration.com/tools/blogger/sitemap/index.php
- Masukkan url blog Anda. Jangan lupa menambahkan slash dibelakangnya.
Contoh http://www.blog-trik-tip.blogspot.com/

- Klik Create Blogger Sitemap
- Catat alamat sitemap yang telah berhasil dibuat.

- Submit alamat sitemap tersebut dengan cara yang sama saat Anda menambahkan sitemap dengan feed default blogger seperti yang saya jelaskan di atas.

Seilahkan mencoba dan semoga bermanfaat...

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Daftar dan verifikasi blog di webmater tools

Banyaknya permintaan kepada saya baik lewat email atau lewat shoutmix untuk membahas google webmaster tools akhirnya saya kabulkan juga. Sempat mempertimbangkan beberapa hal yang membuat saya harus mengulur waktu, akhirnya saya memutuskan membagikan semuanya yang saya tahu. Tentu, untuk membahas webmaster tools akan lebih bagus jika dari awal. Nah, walaupun postingan seperti ini sudah tergolong lama namun saya berniat mengwalinya dari nol. Menyimpan beberapa hal yang lebih besar untuk seri selanjutnya karena tak mungkin saya jelaskan tentang webmaster tools sedangkan saya membutuhkan 5 meter ke bawah layar monitor Anda untuk membedah semuanya.

http://www.cognictech.com/fr/images/common/common_wrench.jpg

Yang paling mendasar dari google webmaster tools tentu saja adalah submit blog. Keuntungannya tentu adalah artikel Anda akan lebih cepat diindex google.
1. Silahkan menuju Google Webmaster Tools.
2. Login dengan akun Anda
3. Klik Add Site
4. Masukkan url blogmu, Contoh: www.masdoyok.com
5. Klik Continue

6. Akan muncul halaman Verify Ownership
7. Copy metatag dari google ke blog Anda.

- Login Blogger
- Tata Letak
- Edit HTML
- Letakkan kode meta tag yang tadi Anda dapatkan dari google di bawah <b:include data='blog' name='all-head-content'/>

8. Klik Simpan Template
9. Kembali lagi ke halaman webmaster tools Verify Ownership
10. Klik Verify

11. Proses Anda selesai dan Anda bisa mulai mengoptimalkan blog Anda dengan webmaster tools.

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Submit Blog Anda

Semakin banyaknya tumbuh blog-blog baru tentu memberikan persaingan yang lebih ketat. Menembus top 10 mesin pencari adalah sesuatu yang memang benar-benar membutuhkan perjuangan. Jika selama ini Anda disibukkan dengan keyword dan lain-lain, setidaknya Anda perlu membuka kemungkinan lain datangnya traffic untuk blog Anda. Anda tak bisa berdiam diri hanya dengan menunggu traffic. Anda harus meluangkan sedikit waktu untuk mempromosikan blog Anda dengan men submit ke list-list di bawah ini. Ini adalah 5 list pertama, dan saya menyarankan lebih banyak di seri-seri berikutnya.

Google - Yang terpenting dan paling utama tentu saja google. Tak bisa dipungkiri google adalah penguasa jagat internet saat ini. Anda hebat di google, maka traffic pun akan membanjiri Anda. Submit blog Anda ke google untuk indeks yang lebih cepat. Jika ingin artikel Anda lebih cepat terindeks, lakukan hal yang sama dengan submit langsung alamat postingan Anda. Submit ke http://www.google.com/addurl/

http://www.maximumpc.com/files/u69/YahooLogo_0.png

Yahoo! - Mesin pencari terbesar kedua tentu saja adalah yahoo. Selain itu Yahoo memiliki direktori dan juga tempat kumpulan berita dimana Anda bisa mensubmit blog Anda.

Tak bisa kita pungkiri Mesin Pencari Yahoo!, adalah salah satu yang terbesar. Jadi, jangan sampai Anda melewatkan yahoo untuk promosi blog Anda. Google memang sangat menjanjikan, namun Yahoo akan sangat membantu tambahan traffic disamping google.

Yahoo! Directory juga akan sangat berguna. Beberapa kalangan malas mencari dari mesin pencari. Namun mereka memilih blog berdasar kategori dan subkategori. Yahoo menyediakan are kumpulan website dan membaginya rapi berdasar kategori dan subkategori.

Berita Yahoo! adalah sasaran lain yang terlewatkan. Daftarkan feed situs Anda disini untuk ikut serta ambil bagian dalam update news Yahoo yang tentu dimintai sangat banyak orang di dunia ini. Yang sedikit menjadi perhatian, adalah Yahoo menyaring konten original dan bukan total copy paste.

Submit ke Yahoo: https://siteexplorer.search.yahoo.com/submit
Directory Yahoo: http://add.yahoo.com/fast/add?17051064
Feed Submission: http://submit.search.yahoo.com/free/request
News Submission: http://add.yahoo.com/fast/help/us/news/cgi_feedback/

http://www.finaid.org/about/images/MSN_logo.gif

MSN - Banyak yang melupakan MSN. Bagi Anda yang selama ini hanya submit ke google dan Yahoo segera lah gali potensi lebih dengansubmit ke MSN. Submit ke http://search.msn.com/docs/submit.aspx?FORM=WSDD2

Bing - Bing adalah mesin pencari terbasru besutan microsoft yang sarat potensi.
Kelebihan yang sangat banyak dan juga perkembangan yang signifikan. Jadi, ikut
ambil bagian dalam perkembangan bing dan mereka akan membantu mengembangkan Blog Anda. Submit ke Bing di http://www.bing.com/docs/submit.aspx

Altavista - List ke lima adalah altavisata. Segera submit ke Altavista untuk mencari sumber traffic lain. Submit ke Altavista di http://addurl.altavista.com. Tak banyak yang bisa saya katakan. Ini beberapa list awal dan masih banyak sekali link untuk menggali potensi traffic buat Anda. Semoga bermanfaat, selamat berakhir pekan.

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Pasang banner Blog Di Profil Fb

Berbicara soal facebook dan blog tentu sangat berkaitan. Apalagi pihak pengembang semakin banyak memberikan fasilitas untuk menghubungkan facebook dengan blog. Sebelumnya saya membahas mengenai cara membuat artikel terbaru blog tampil di facebook, sekarang saatnya Anda berpromosi dengan banner.

Jika selama ini Anda pasang banner dengan tukar banner atau beriklan premium, saatnya Anda memanfaatkan facebook untuk promosi blog bahkan program affiliasi Anda. Pasang banner Anda di facebook dengan trik mudah beberapa menit dan effect yang sangat bagus.

1. Klik untuk menuju ke http://apps.facebook.com/profilebox
2. Klik Allow/Izinkan untuk akses aplikasi ini.

3. Anda akan langsung masuk ke halaman pengeditan. Hapus semua tulisan yang ada di kolom isian dan ganti dengan kode banner Anda. Atau bagi yang belum tahu kode banner silahkan ganti kotak isian dengan kode dibawah ini:

<a href="urllinktujuankeblogAnda"><img src="AlamatbannerAnda"></a>

4. Jika Sudah klik Submit

5. Akan ada pesan bahwa profile box Anda sudah terupdate. Artinya sudah berhasil.
6. Untuk menampilkannya di profil Anda, klik tombol Cantumkan ke Dalam Profil pada bagian atas kotak isian kode.

7. Muncul dialog konfirmasi dengan preview banner Anda. Klik Tambahkan

8. Anda otomatis diarahkan ke proofil Anda dengan tujuan bagian sidebar kiri facebook Anda. Klik Keep untuk mempertahankan banner tersebut tetap disana.

Semoga bermanfaat. Gunakan ini sebaik mungkin untuk promo blog dan bisnis online.

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Memasang Tombol Print Di Artikel Blog

Sudah beberapa hari tidak ada tulisan baru di blog ini, harap dimaklumi ya soalnya kemarin baru liburan ke bandung selama tiga hari. Iseng melihat dokumen yang ada di shoutbox, rupanya banyak juga pengunjung baru blog ini. Buat anda yang terbilang sebagai pengunjung baru dan belum kenal dengan saya, salam kenal saja dari saya Kang Rohman, sering-sering berkunjung kemari ya.
Pada kesempatan kali ini saya mau mencoba mengulas sebuah pertanyaan mengenai bagaimana cara memasang fasilitas print di blog, layak nya yang banyak terdapat di situs-situs internet.. Memang, dengan memasang falitas print di blog, maka akan lebih memudahkan para pembaca blog yang ingin membaca artikel kita secara offline.

Untuk memasang falitas ini, banyak cara yang bisa di tempuh. Ada yang memasang script dari yang rumit nya minta ampun sampai dengan script yang sederhana. Untuk mendapatkan script tersebut sangatlah mudah, coba lakukan googling Silahkan tulis keyword atau kata kunci yang berhubungan semisal script print this page pada mesin pencari (search engine) yang ada di sebelah kanan atas blog ini. Bagi yang sedikit malas untuk ber googling ria, silahkan baca artikel ini sampai selesai.
Agar tidak membingungkan, saya memilih cara yang sederhana tapi tetap berfungsi secara semestinya yaitu memasang script yang sederhana tapi tetap berfungsi secara baik. Agar telihat lebih manis, ada banyak pembuat situs menggandengkan link untuk print berderetan dengan icon berbentuk printer, maka dari itu saya pun akan mencoba membuat link untuk print beserta icon print.
Langkah pertama yaitu membuat icon berbentuk print, jika anda tidak mahir menggambar tentu saja ada banyak situs penyedia icon secara gratis di internet. Lagi-lagi silahkan tulis keyword yang berhubungan semisal free icon pada mesin pencari di sebelah kanan atas blog ini. Sebagai contoh, saya mempunyai icon printer seperti ini print this page

print this page

. Jika anda sudah mempunyai icon yang mau di pasang, langkah selanjutnya adalah mengupload icon tersebut ke server tempat anda biasanya menyimpan gambar. Sebagai contoh saya menyimpan icon print di google pages, untuk cara-cara upload ke google pages sudah saya ulas pada postingan yang ini.
Sebagai contoh, icon yang saya upload mempunyai alamat seperti ini :
http://amen24.googlepages.com/printer.png
Untuk script fasilitas print, anda tinggal memakai script di bawah ini (silahkan ganti alamat gambarnya dengan milik anda):

  <a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0"/>&#160;Print this page</a>

Hasilnya akan seperti ini (silahkan klik untuk membuktikannya!) :

print this page

Print this page Tulisan Print this page bisa anda ubah sesuai keinginan, misal di ubah menjadi Cetak halaman ini atau yang lainnya, perhatikan saja kodenya. Masih bingung cara memasukannya di blog anda? ya sudah saya tuliskan langkah-langkahnya lebih detail :

Silahkan login di blogger dengan id anda.
Klik Layout.
Klik Elemen Halaman.
Klik tulisan Tambahkan sebuah Elemen Halaman.
Setelah muncul popup, klik tombol TAMBAHKAN KE BLOG yang berada di bawah tulisan HTML/JavaScript.
Copy lalu paste kode berikut pada elemen halaman tadi :

Klik tombol simpan perubahan.
Pindahkan elemen yang baru di buat tadi ke tempat yang anda sukai.
Klik tombol SIMPAN.
Selesai. Silahkan lihat hasilnya.

Selain bentuk link seperti yang saya terangkan di atas, ada juga yang memasang fasilitas ini dalam bentuk tombol, kodenya seperti ini :

hasilnya akan seperti ini (coba klik untuk membuktikannya !) :
Untuk langkah-langkah pemasangan silahkan merujuk pada langkah-langkah yang di atas, langkahnya sama yang berbeda hanya kode yang di pasang saja. Selamat mencoba !

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

Memasang Jadwal Sholat Di Blog

Dari kemarin yang di omongin kayanya soal ngotak-ngatik template melulu, biar tidak jenuh kali ini saya akan membahas tentang aksesori blog. Bagi sobat yang notabene muslim, ada nih aksesori blog plus buat mengingatkan kepada kita akan waktu sholat biar para pengunjung blog kita tidak terlalu terlena ketika memmbaca berbagai artikel yang kita tulis di blog. Jadwal waktu sholat ini bisa sobat dapatkan di http://www.islamicfinder.org, untuk cara mendapatkannya silahkan ikuti langkah-langkah berikut ini :

Silahkan sobat kunjungi situs http://www.islamicfinder.org atau hanya klik di sini !
Klik link yang bertuliskan Add new sevices to your site di halaman bagian bawah
Alihkan perhatian ke nomor pilihan ke 2. Klik menu Dropdown yang bertuliskan Select a Country
Klik nama negara yang sobat inginkan, lalu klik Go. Contoh : Indonesia
Klik nama kota yang sobat inginkan. Contoh : Jakarta
KLik tombol Generated Code
Copy kode yang di berikan, lalu paste pada notepad untuk nanti keperluan di simpan ke blok kita
Silahkan tutup window situs tersebut
Selesai.

Itu tadi cara mendapatkan kode jadwal sholatnya, untuk memasukan kode tersebut ke dalam blog, silahkan ikuti langkah berikut :

Untuk Template Klasik

Sign in di blogger
Klik menu Template
Klik menu Edit HTML
Copy seluruh kode template, paste pada notepad lalu simpan untuk backup data
Copy kode jadwal sho;at yang tadi lalu paste pada tempat yang sobat inginkan
Klik tombol Pratinjau untuk melihat perubahan
Bila sudah Ok, klik tombol Simpan Perubahan Template
Selesai.

Untuk Template baru

Sign in di blogger
Klik menu Layout
Klik menu Elemen Halaman
Klik tulisan Tambahkan sebuah Elemen Halaman
Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
Paste kode Jadwal sholat tadi ke kolom yang di sediakan
Klik tombol Simpan Perubahan
Pindahkan elemen yang baru di buat pada tempat yang sobat sukai
Klik tombol Simpan
Selesai

Selamat mempunyai jadwal sholat dan jangan lupa sholat ye jangan ngeblog melulu !

Lihat Selengkapnya Beri Komentar

Modif Kotak Komentar Blogmu .......

Hiks... setelah membaca beberapa pesan yang masuk ke kotak shoutbox, kotak komentar serta kiriman email, rupanya banyak sekali yang menyukai tampilan dari kotak komentar yang kang rohman pakai yaitu kotak komentar yang seperti ini :

komentar

Seperti biasanya, kalau banyak yang suka pasti kang rohman di berondong oleh permintaan agar di buatkan tutorial cara membuat kotak komentar yang seperti gambar di atas. Nah, untuk memenuhi hasrat beliau-beliau ini maka kang rohman menyempatkan diri untuk membuatkan tentang bagaimana membuat kotak komentar ini.
Perlu di ketahui sebelumnya bahwa setiap kode template antara yang satu dengan yang lain bisa berbeda bisa juga sama, jika tutorial ini tidak sama dengan kode yang ada pada template anda, maka maaf saja berarti anda kurang beruntung. Sebagai contoh, kang rohman memakai kode template Minima.
Agar tidak terlalu ngalor ngidul karena sekarang kang rohman punya penyakit males ngetik banyak-banyak, maka langsung saja kepada langkah bagaimana cara memodifikasi kotak komentar ala blog kang rohman.

Login ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Edit HTML.
Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya (penting!).
Beri tanda centang/tik pada kotak kecil di samping tulisan Expan template Widget.
Tunggu beberapa saat ketika proses sedang berlangsung.
Cari kode pada bagian CSS yang seperti ini :

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :

#comments h4 {
margin:0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000;
}
#bg_commentblock {
    width: 548px;
    background: #ffffff;
    float: left;
    padding:20px;
    margin:0 0 10px 0;
    border:1px solid #C0C0C0;
    }
#commentblock {
    width: 510px;
    background: #E8E8E8;
    text-align:left;
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 0px 0px;
    border-top: 2px solid #333333;
    border-bottom: 1px solid #333333;
    }
#commentblock ol {
    list-style-type: square;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 10px 0px;
    }
.commentdate {
    font-size: 12px;
    padding-left: 0px;
    }
#commentlist li p {
    margin-bottom: 8px;
    line-height: 20px;
    padding: 0px;
    }
.commentname {
    color: #333333;
    margin: 0px;
    padding: 5px 5px 5px 0px;
    }
.commentinfo{
    clear: both;
    }
.commenttext {
    clear: both;
    margin: 3px 0px 10px 0px;
    padding: 20px 10px 5px 10px;
    width: 490px;
    background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM-qrJHuxbDM_yC_DwuWnouFWwz5DmaNz2xnQ92SdL-GWj8eZTM4cbIKKYJ6i9za9DQXISBC9MKBf1DYDVvx3D_Kg5fg9WYxth_aDW60MEEtEVYQ9JwZbdxtw8yogYf9X4IJ2jfVhGsrPH/s320-r/comment.gif) no-repeat top left;
    }
.commenttext-admin {
    clear: both;
    margin: 3px 0px 10px 0px;
    padding: 20px 10px 5px 10px;
    width: 490px;
    background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM-qrJHuxbDM_yC_DwuWnouFWwz5DmaNz2xnQ92SdL-GWj8eZTM4cbIKKYJ6i9za9DQXISBC9MKBf1DYDVvx3D_Kg5fg9WYxth_aDW60MEEtEVYQ9JwZbdxtw8yogYf9X4IJ2jfVhGsrPH/s320-r/comment.gif) no-repeat top left;
    }
Lihat Ke bagian bawah, dan cari kode yang seperti ini :

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
          1<data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>
      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>
      <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>
    </b:if>
Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
<div id='bg_commentblock'>
<h4>
Komentar :
   </h4>
   <div id='commentblock'>
<strong>ada</strong> <b:if cond='data:post.numComments == 1'>1
        <b:else/>
           <strong><data:post.numComments/> <data:commentLabelPlural/> ke “<data:post.title/>”</strong>
        </b:if>
      <dl class='commentlist'>
        <b:loop values='data:post.comments' var='comment'>
          <span><dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName' style='display:inline'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>pada hari <dd class='comment-footer' style='display:inline; margin:0px'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd></span>
          <dd class='commenttext'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
        </b:loop>
      </dl>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>
      <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>
    </div>
</div>
    </b:if>
Klik tombol Simpan Template.
Selesai. Silahkan lihat hasilnya.

Kode-kode diatas tentunya tidaklah mutlak harus seperti itu, jika anda sedikit familiar dengan css, maka anda bisa berkreasi lebih. Terutama pada bagian lebar kotak komentar, anda harus menyesuaikan dengan lebar kotak komentar template anda. Sedikit petunjuk, untuk mengubah lebar kotak koemntar di atas, anda tinggal mengganti nilai dari width nya, contoh : width: 548px; di ubah jadi width: 500px; atau berapa saja sesuai dengan template anda.
Nah itulah tutorial singkat yang anda tunggu-tunggu selama berbulan-bulan, semoga dapat mengobati rasa kesal yang selama ini mengganjal di hati anda.

Selamat mencoba.

le texte existent réellement à ce lien

Lihat Selengkapnya Beri Komentar

© 2011 tutorial blogger indonesia PublisedSeo Template Blogger Converted Template by Hack Tutors.info