Cara mengatur SEO Heading Tag h1 h2 h3 Blogger

Artikel ini merupakan lanjutan dari artikel Struktur SEO heading tag h1 h2 h3 Blogger. Seperti yang kita ketahui pengaturan struktur tag heading pada template blogger merupakan salah satu dari sekian banyak faktor yang berpengaruh pada SEO. Akan tetapi mungkin karena saya sendiri masih belajar, dari banyak tutorial di internet setelah diterapkan ternyata tidak berfungsi sama sekali, hal ini karena struktur dan kode HTML template blogger itu variatif.
Blogwalking sana-sini tanya para master tidak ada tanggapan akhirnya setelah memaksakan diri mempelajari beberapa template alhamdulillah berhasil juga. Dan ini sudah saya uji coba pada beberapa template. Wah sorry sob prakatanya kelamaan, tapi sebelum mengedit template ane sarankan sebaiknya memahami editing CSS terlebih dahulu walaupun dasar karena modifikasi tag heading ini akan merubah ukuran font judul posting, header dan deskripsi blog. Jangan lupa back up dulu template sebelumnya untuk keamanan.

1. Langkah pertama, merubah tag head Judul Blog menjadi h1 pada homepage dan h3 pada halaman posting.
Cari kode :
<div class='titlewrapper'
dst..dst..
dst..
</div>
Ganti semua kode di atas dengan kode ini :
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h1>
<b:else/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>
Pada beberapa template biasanya terdapat lebih dari 1 kode <div class='titlewrapper' ,  ganti semuanya dengan kode di atas!

2. Merubah tag head Deskripsi Blog menjadi h2 :
Cari kode :
<div class='descriptionwrapper'>
dst...dst..
dst...
</div>
Ganti menjadi :
<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
</div>
Seperti pada langkah no. 1 jika terdapat lebih dari 1 kode <div class='descriptionwrapper'> ganti semuanya dengan kode di atas!

3. Merubah tag head posting menjadi h3 pada homepage, dan menjadi h1 pada halaman posting (single post)

a. Merubah tag heading posting menjadi h3 pada homepage :
Cari kode :
<div class='post hentry uncustomized-post-template' , pada 4 atau 5 baris di bawah kode ini akan sobat temukan kode seperti ini :
<h? class='post-title entry-title' itemprop='name'>
dst...dst...dst...
dst...dst...
dst...
</h?>
Ganti tag headnya menjadi h3, kalau sudah h3 tidak perlu dirubah.

b. Merubah tag head posting menjadi h1 pada halaman posting (single post)
Cari kode merah tebal yang beberapa baris di atas dan di bawahnya diapit kode berwarna hijau seperti di bawah ini:
<b:includable id='post' var='post'>
kode bla...bla...bla...
kode bla...bla...bla...

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
kode bla...bla...bla...
kode bla...bla...bla...
</h3>
</b:if>
<div class='post-header'>

Ada 2 kode <a expr:name='data:post.id'/> pada template blogger, yang saya maksud itu biasanya ada pada posisi pertama. Setelah ketemu ganti semua kode yang berwarna merah dengan kode di bawah ini :
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
4. Preview lalu save template.

Penting :
Seperti yang sudah saya sebutkan di atas setelah berhasil dirubah maka ukuran font Judul Blog, Deskripsi, dan Judul Posting Blog sobat akan berubah. Sengaja saya tidak menyertakan editing CSS nya karena syntax CSS setiap template berbeda-beda, tapi sekedar chloe saja sobat bisa atur nilainya pada elemen h1{ h2{ dan h3{

Untuk menguji hasil perubahan tadi bisa sobat buka melalui browser mozilla firefox, buka blog sobat >> klik kanan >> Inspeksi Elemen. Untuk menguji tingkat SEO bisa di chkme.com. Atau juga sobat bisa menggunakan add-ons seperti Seoquake. Sebagai contoh sobat boleh cek URL homepage blog saya di beberapa situs SEO Checker. Semoga berhasil, semangat dan salam blogger.
selengkapnya » Cara mengatur SEO Heading Tag h1 h2 h3 Blogger

Struktur SEO heading tag h1 h2 h3 Blogger

Rumor mengatakan pengaturan heading tag pada template kita sangat berpengaruh terhadap SEO. Walaupun baru katanya (karena saya tidak menemukan konten ini pada support google), tapi melihat banyaknya situs yang memberikan layanan uji SEO Score di internet saya jadi berfikir jangan-jangan hal itu ada benarnya ,

Menurut Joost de Valk a.k.a Yoast salah seorang webmaster dan designer template terkenal, yang pertama kali di index oleh Search Engine adalah tag h1, kemudian korelasi keyword-nya pada tag h2 dan h3 (optional), oleh karena itu menurutnya struktur heading yang bagus pada homepage adalah :
  • H1: Judul Blog
  • H2: Artikel terbaru atau tulisan apapun yang berisi keyword untuk blog kita
  • H3: Artikel terbaru, atau, jika sudah ditempatkan pada H2, bisa digunakan untuk posting lama tertentu misalnya artikel populer.
  • H4: related content sidebar
  • H5: sidebar, footer, dll
Kemudian struktur heading yang bagus untuk halaman posting (single post) adalah :
  •     H1: Judul Artikel
  •     H2's dan H3's: subheading terkait
  •     H4: Judul Blog, dan widget terkait
  •     H5: sama seperti di atas, sidebars dll.
Yoast bahkan mengatakan : " Each heading should contain valuable keywords, if not, it's a wasted heading." Yah terjemahkan saja sendiri ya .

Sepintas saya sempat merasa ragu, karena saya lihat Yoast sendiri tidak menggunakan struktur ini pada websitenya, akan tetapi saya fikir demi pembelajaran tidak ada salahnya dicoba. Bagi sobat yang ingin mengatur heading tag templatenya silahkan ikuti panduannya di sini.
Semangat dan salam blogger.
Referrence :  Here
selengkapnya » Struktur SEO heading tag h1 h2 h3 Blogger

Menulis?

Saya sering beranggapan bahwa bahasa fikiran itu kadang terlalu rumit untuk diterjemahkan kedalam sebuah tulisan, sayangnya saya sendiri tidak punya argumentasi logis untuk menjelaskan hal itu, tapi....saya tetap menulis.

Kata orang menulis itu memerlukan kecakapan khusus, seperti montir mobil, bengkel elektronik, merayu perempuan dan sebagainya, bahkan kata orang tulisan yang baik itu mampu merubah sebuah peradaban. Tapi saya menulis saja, kendati menulis bukan keahlian dan saya tidak punya kepentingan apapun dengan yang namanya peradaban...

Saya menulis karena saya percaya bahwa menulis itu seperti halnya bernyanyi, adalah ekspresi jiwa. Ketika bernyanyi kita tidak perlu orang lain untuk tahu sejauh mana suara kita enak atau tidak enak didengar. Begitu juga dengan tulisan ini, anda tidak komentari pun saya sudah tahu seperti apa komentar anda tentangnya. Tapi maaf ya, tulisan ini tidak akan saya perjual-belikan...

Saya menulis dan tidak akan menyesal karenanya. Seperti kata seorang teman: menulis untuk menghibur diri, dan menurut saya itu benar. Tentu saja ada banyak pilihan di luar sana kalau alasannya sekedar untuk menghibur diri, olah raga, main game, dugem, nge-band, mancing, golf, hiking, surfing, demonstrasi, stadium general, seminar, pengajian, onani....

Yang terakhir saya sebut itu mungkin terdengar (terbaca) menyakitkan, bukankah itu soal privacy? Tepat sekali, ini soal pilihan pribadi saja. Bahkan untuk sedikit menghargai kebebasan, saya lebih suka mendengar anda menyebut tulisan ini onani wacana ketimbang saya dilarang menyebut kata 'onani' di sini. Lagipula di Indonesia ini sepengetahuan saya belum ada undang-undang yang mengatur apa saja yang boleh dan tidak boleh ditulis oleh oleh seorang blogger freelance .

Lantas kenapa saya publish di internet, bukankah kata 'onani' itu bisa terbaca oleh anak kecil? bukankah tulisan saya ini bisa menyinggung perasaan orang lain? bukankah masih banyak hal berguna lain yang bisa saya tulis ? Untuk itu saya jawab sekali saja, ini blog saya .

Sebelumnya saya ingin mengucapkan terima kasih pada seorang blogger yang tulisannya telah menginspirasi sekaligus mengingatkan saya pada masa dulu ketika masih suka menulis di bulletin kampus. Salah seorang teman dari sana bahkan telah benar-benar mendedikasikan dirinya menjadi seorang penulis. Ayolah siapa juga yang ingin jadi penulis, saya cuma menulis .  Seorang penulis tentu akan membuat prakatanya setelah tulisan selesai, sedangkan saya membuatnya sebelum tulisan utama dibuat.

Jika sampai paragraf ini ada yang bertanya apa sebenarnya yang ingin saya tulis, itu pertanyaan yang sangat bagus sebab pertanyaan kita sama, dan jika anda merasa tulisan ini telah membuat waktu anda yang berharga terbuang percuma untuk membacanya, saya mohon maaf.....Untuk itu saya persilahkan anda menyampaikan rasa penyesalan yang sebesar-besarnya di kolom komentar , jika sempat saya pasti membalasnya.

Terima kasih sudah berkunjung ke blog absurd ini, mudah-mudahan tulisan ini bisa menularkan sedikit inspirasi absurd-nya di blog anda sendiri . Keep posting dan salam blogger.
selengkapnya » Menulis?

Membuat select all box

Kotak dengan fasilitas select all ini sangat berguna untuk menghemat ruang posting dan meminimalisir kesalahan ketika mengcopy paste kode dari blog kita.

Berikut caranya :
1. Masuk ke halaman Buat Entri Baru
2. Klik mode Edit HTML dan copykan kode ini :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 90px" name="txt" rows="100" wrap="VIRTUAL" cols="55">GANTI TULISAN INI</textarea></p></div></form>
3. Ganti tulisan berwarna coklat muda di atas dengan teks yang sobat inginkan, bisa kode HTML, Javascript, CSS atau mau kode buntut terserah agan

4.  Preview dulu lalu terbitkan. Jadinya seperti ini :


Salam blogger.
selengkapnya » Membuat select all box

Memasang script auto readmore blogger

Ada banyak pilihan untuk membuat read more di blogger, ada yang menggunakan fitur snippet ada juga yang menggunakan script, kedua caranya memiliki kekurangan dan kelebihan masing-masing.

Membuat read more menggunakan snippet memang lebih ringan untuk loading page tetapi tampilannya bisa jadi kurang menarik, alternatifnya bisa menggunakan script yang dipasang pada template. Kendati lebih berat akan tetapi tampilannya lebih variatif, di bawah ini sudah saya sertakan script yang sudah dikompress sehingga relatif lebih ringan.

Penting !
Bagi yang sudah pernah menggunakan script auto read more lain harap kembalikan terlebih dahulu template widget ke default, skrinsutnya seperti di bawah ini :

Selanjutnya untuk membuat read more otomatis langkahnya sebagai berikut :
1. Masuk ke Dasboard >> Edit HTML >> Expand Widget Template
2. Tempatkan script di bawah ini tepat di atas kode </head> :
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>

3. Cari kode <data:post.body/> lalu ganti dengan kode di bawah ini :
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>     
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>baca selengkapnya » <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
</b:if>
Keterangan:
a. Kode di atas sudah ditambah kode untuk menyelesaikan masalah pada static page karena script auto read more.
b. Keterangan pada kode pertama yang disimpan di atas kode </head> tadi adalah:
var thumbnail_mode = "float";  (thumbnail berada di (float) kiri, jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (jumlah karakter yang akan ditampilkan pada posting tanpa gambar / thumbnail)
summary_img = 250; (jumlah karakter akan ditampilkan pada posting dengan gambar / thumbnail)
img_thumb_height = 120; (tinggi gambar dalam pixel)
img_thumb_width = 120; (lebar gambar dalam pixel)

4. Preview dulu lalu simpan. Selamat mencoba, semangat dan salam blogger
selengkapnya » Memasang script auto readmore blogger

Masalah halaman statis karena auto readmore

Template yang memakai auto readmore memang terkesan rapi dan menarik, namun ada kalanya template tertentu yang menggunakan auto readmore mengalami error ketika membuka halaman statis. Untuk mengatasi masalah tersebut berikut langkah-langkahnya :

1. Masuk ke Dasboard >> Edit HTML >> Expand Widget Template
2.Cari kode readmore yang telah terpasang, kurang lebihnya seperti dibawah ini!

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
3. Tambahkan kode berikut tepat diatas kode berwarna merah.
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
4. Kemudian tambahkan kode penutup berikut tepat dibawah kode berwarna biru
    </b:if>
5. Preview dulu, simpan template.

Note :
Pada beberapa template cara ini tidak berfungsi, mungkin kerusakannya parah , jika hal seperti itu terjadi dan sobat sudah tanggung mencintai template itu, ada baiknya kembalikan template widget ke default terlebih dahulu lalu pasangi auto readmore sendiri .

Source Article
selengkapnya » Masalah halaman statis karena auto readmore

Membuat breadcrumb blogger

Breadcrumb berguna agar pembaca mengetahui mereka sedang membaca artikel kategori apa pada blog kita. Secara default sebenarnya blogger sudah menyediakan fasilitas label untuk keterangan ini, biasanya terletak di bawah posting (post-footer-line) tapi entah kenapa saya juga ikut-ikutan pengen pasang breadcumb, mungkin untuk pembelajaran saja.

Seperti biasa langsung saja caranya :
1.Login ke akun blogger >> Klik menu Rancangan >> Klik Edit HTML
2.Centang Expand Template Widget >> Cari kode  ]]></b:skin> 
3.Masukan kode CSS berikut tepat di atas kode  ]]></b:skin>
.breadcrumbs{padding:5px 0px 5px 0;margin:0;font-size:95%;line-height:2em;border-bottom:1px dashed #e1e1e1}
4.Kemudian cari kode berikut  <b:includable id='main' var='top'> agar lebih cepat gunakan Ctrl+F
5.Ganti kode tersebut dengan kode di bawah ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'>
<span>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187;
<span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'>
<a expr:href='data:label.url' property='v:title' rel='v:url'>
<data:label.name/></a></span>
</b:if>
</b:loop>&#187;
<span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
</span> &#187; <span>Unlabelled</span> &#187;
<span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187;
<span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187;
<span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187;
<span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Selamat mencoba, salam blogger .
Dari berbagai sumber.
selengkapnya » Membuat breadcrumb blogger

Mengatur gadget blogger muncul di halaman tertentu

Adakalanya kita ingin membatasi jumlah atau jenis gadget tertentu yang tampil baik itu di homepage ataupun di halaman posting. Sebagai contoh, tidak ada gunanya memasang gadget recent post atau artikel terbaru di home page, bukankah secara default homepage memang tempat artikel terbaru. Tapi jika gadget itu ditempatkan pada halaman posting justru sangat berguna karena pembaca bisa mengetahui artikel apa saja yang baru dibuat tanpa membuka homepage.

Nah itu cuma sekedar contoh saja. Untuk melakukan pengaturan dimana saja gadget itu tampil, sobat harus mengetahui dulu nama ID atau paling tidak nama judul gadget tersebut pada template, baru kemudian mengatur kodenya.

Langkahnya sebagai berikut :
1. Masuk ke akun Blogger.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk mem-backup template.
4. Beri tanda centang pada Expand Template Widget.
5. Cari kode widget yang ingin ditampilkan hanya di homepage. Misalnya, untuk widget yang berjudul Recent Comments kode script nya ya kira-kira seperti ini (hanya contoh)

<b:widget id='HTML1' locked='false' title='recent comments' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

6. Kemudian tambahkan kode :
<b:if cond='data:blog.homepageUrl == data:blog.url'>
di bawah kode <b:includable id='main'>
dan kode </b:if> di atas kode </b:includable> sehingga hasil akhirnya menjadi seperti di bawah ini :

<b:widget id='HTML1' locked='false' title='recent comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
7. Preview dulu, simpan.

Note :
Cara di atas adalah jika ingin membatasi kemunculan gadget pada homepage saja, jika ingin mengatur pada halaman lain sobat tinggal mengganti kode halamannya saja. Berikut kodenya :
a. Jika ingin ditampilkan di halaman Posting saja :
    <b:if cond='data:blog.pageType == "item"'>
b. Jika ingin Di tampilkan di Homepage atau index saja :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
c. Jika ingin ditampilkan di Arsip page saja :
    <b:if cond='data:blog.pageType == "archive"'>
d.  Jika ingin tampil pada URL tertentu :
    <b:if cond='data:blog.pageType == "URL-TERTENTU"'>
e. Jika ingin tampil pada Pages tertentu :
    <b:if cond='data:blog.pageType == "static_page"'>
f. Penting : Jangan Lupa untuk menutup parse tag yang sobat tambahkan tadi yaitu :
    </b:if> sebelum </includable>

Selamat mencoba, semangat dan salam blogger

selengkapnya » Mengatur gadget blogger muncul di halaman tertentu

Memasang snippet blogger

Belum lama ini blogger menambahkan fitur baru pada layanan blogspot mereka yaitu fitur snippet pada posting artikel, sehingga kita tidak perlu lagi menggunakan metode script auto read more atau metode untuk memotong posting artikel kita. Namun fitur tersebut tidak bisa secara otomatis kita nikmati, melainkan kita harus sedikit melakukan oprek pada template kita.

Langsung saja jika Anda ingin mencobanya silahkan ikuti langkah-langkah berikut ini:
1. Masuk akun blogger Anda. Pilih tab menu Rancangan -> Edit HTML.
2. Beri centang pada 'Expand Widget Templates'.
3. Masukan kode css berikut sebelum kode ]]></b:skin> 
 .thumb img{float:left; margin:0 10px 10px 0}
 4. Setelah itu cari kode <data:post.body/>
Mungkin Anda akan menemukan 2 kode yang sama, untuk itu pilih urutan yang pertama saja.
5. Ganti kode tersebut dengan kode dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.hasJumpLink'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
<div class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1
<data:top.commentLabel/>
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
<b:else/>
<data:post.body/>
</b:if>
</b:if>
</b:if>
</b:if>

Kode post snippet blogger tersebut sudah dimodifikasi sehingga dapat sekalian menampilkan jumlah komentar dalam post snippet dan tidak mengalami error pada saat menampilkan halaman statis atau static page.

6. Sebelum Anda menyimpan template Anda, silahkan preview terlebih dahulu hasil modifikasi template blogger Anda.

Salam Blogger

Sumber : Idblogdesign
selengkapnya » Memasang snippet blogger

Menampilkan tombol share blogger

Posting ini merupakan cara terbaru atau lebih tepatnya update post dari artikel saya di sini. Adakalanya setelah mengganti template, tombol share di blog kita jadi tidak muncul atau tidak tampil. Hal ini bisa karena beberapa alasan :
1. Sang pembuat template sengaja tidak menampilkannya untuk memperingan loading page blog.
2. Pada beberapa template tombol share ini sering dianggap "mengganggu" tampilan blog yang memakai script auto readmore, karena secara default penempatan tombol ini biasanya terletak pada <div class='post-footer'> yang mana elemen tersebut juga sering ditampilkan pada beranda.
3. Desainer template lupa menampilkannya , lho bisa aja khan desainer juga manusia

Langsung saja untuk menampilkan tombol share yang hilang entah kemana itu caranya sbb :
1. Pastikan sebelumnya sobat sudah mengaktifkan tombol share itu pada elemen pengaturan posting (Posting Blog) di dashboard blogger.
2. Jika template sobat menggunakan auto read more, pada Edit HTML cari kode seperti ini :
<b:if cond='data:post.hasJumpLink'>
bla...bla...bla...
</b:if>
atau kode :
<div class='post-footer'>
 Lalu simpan kode ini tepat dibawahnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
</b:if>
Preview dulu lalu save.

3. Jika tombol G + tidak tampil artinya pada template blog sobat tidak terpasang script G +, jadi harus dipasang manual caranya simpan kode di bawah ini tepat diatas kode </head> :
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"/>
 Tutorial sejenis bisa sobat baca disini. Selamat mencoba.
selengkapnya » Menampilkan tombol share blogger

Penjaga yang berani

Seorang calon perwira diserahi tugas untuk menjaga jalan masuk ke tangsi dan diberi perintah untuk tidak membiarkan mobil masuk, kalau mobil itu tidak membawa tanda khusus.

Ia menghentikan mobil yang ditumpangi oleh seorang jendral yang mengatakan kepada sopirnya untuk tidak mempedulikan penjaga dan terus melarikan mobilnya. Karena itu tentara itu maju dengan senjata siap ditembakkan dan dengan tenang berkata, "Maaf bapak, ini baru bagi saya. Siapa yang saya tembak? Bapak atau sopir?"

" Engkau mencapai kebesaran kalau engkau tidak dirisaukan oleh kedudukan orang-orang yang ada di atasmu dan kalau engkau membuat orang-orang yang berada di bawahmu tidak merisaukan kedudukanmu. Kalau engkau tidak sombong terhadap orang-orang yang rendah dan tidak rendah terhadap orang-orang yang sombong. "

(DOA SANG KATAK 2, Anthony de Mello SJ,
Penerbit Kanisius, Cetakan 12, 1990)
selengkapnya » Penjaga yang berani

Apakah Tuhan menciptakan kejahatan?

Apakah Tuhan menciptakan segala yang ada? Apakah kejahatan itu ada? Apakah Tuhan menciptakan kejahatan? Seorang Profesor dari sebuah universitas terkenal menantang mahasiswa-mahasiswa nya dengan pertanyaan ini, “Apakah Tuhan menciptakan segala yang ada?”.
Seorang mahasiswa dengan berani menjawab, “Betul, Dia yang menciptakan semuanya”. “Tuhan menciptakan semuanya?” Tanya professor sekali lagi. “Ya, Pak, semuanya” kata mahasiswa tersebut.
Profesor itu menjawab, “Jika Tuhan menciptakan segalanya, berarti Tuhan menciptakan Kejahatan. Karena kejahatan itu ada, dan menurut prinsip kita bahwa pekerjaan kita menjelaskan siapa kita, jadi kita bisa berasumsi bahwa Tuhan itu adalah kejahatan.”
Mahasiswa itu terdiam dan tidak bisa menjawab hipotesis professor tersebut. Profesor itu merasa menang dan menyombongkan diri bahwa sekali lagi dia telah membuktikan kalau agama itu adalah sebuah mitos.

Mahasiswa lain mengangkat tangan dan berkata, “Profesor, boleh saya bertanya sesuatu?”

“Tentu saja,” jawab si Profesor
Mahasiswa itu berdiri dan bertanya, “Profesor, apakah dingin itu ada?”
“Pertanyaan macam apa itu? Tentu saja dingin itu ada. Kamu tidak pernah
sakit flu?” Tanya si professor diiringi tawa mahasiswa lainnya.
Mahasiswa itu menjawab, “Kenyataannya, Pak, dingin itu tidak ada. Menurut hukum fisika, yang kita anggap dingin itu adalah ketiadaan panas suhu -460F adalah ketiadaan panas sama sekali. Dan semua partikel menjadi diam dan tidak bisa bereaksi pada suhu tersebut. Kita menciptakan kata dingin untuk mendeskripsikan ketiadaan panas.

Mahasiswa itu melanjutkan, “Profesor, apakah gelap itu ada?”
Profesor itu menjawab, “Tentu saja itu ada.”
Mahasiswa itu menjawab, “Sekali lagi anda salah, Pak. Gelap itu juga tidak ada. Gelap adalah keadaan dimana tidak ada cahaya. Cahaya bisa kita pelajari, gelap tidak. Kita bisa menggunakan prisma Newton untuk memecahkan cahaya menjadi beberapa warna dan mempelajari berbagai panjang gelombang setiap warna. Tapi Anda tidak bisa mengukur gelap.

Seberapa gelap suatu ruangan diukur dengan berapa intensitas cahaya di ruangan tersebut.
Kata gelap dipakai manusia untuk mendeskripsikan ketiadaan cahaya.”
Akhirnya mahasiswa itu bertanya, “Profesor, apakah kejahatan itu ada?”
Dengan bimbang professor itu menjawab, “Tentu saja, seperti yang telah kukatakan sebelumnya. Kita melihat setiap hari di Koran dan TV. Banyak perkara kriminal dan kekerasan di antara manusia. Perkara-perkara tersebut adalah manifestasi dari kejahatan.”

Terhadap pernyataan ini mahasiswa itu menjawab, “Sekali lagi Anda salah, Pak. Kajahatan itu tidak ada. Kejahatan adalah ketiadaan Tuhan. Seperti dingin atau gelap, kajahatan adalah kata yang dipakai manusia untuk mendeskripsikan ketiadaan Tuhan. Tuhan tidak menciptakan kajahatan.
Kajahatan adalah hasil dari tidak adanya kasih Tuhan dihati manusia.
Seperti dingin yang timbul dari ketiadaan panas dan gelap yang timbul dari ketiadaan cahaya.”
Profesor itu terdiam. Nama mahasiswa itu adalah :
Albert Einstein.
Source article : here


selengkapnya » Apakah Tuhan menciptakan kejahatan?

Penggembala domba dengan seorang konsultan

Seorang gembala menggiring domba-dombanya di padang rumput terpencil ketika tiba-tiba sebuah BMW baru meluncur ke arahnya.
Pengemudinya, seorang pemuda dalam setelan Broni, sepatu Gucci, kacamata hitam Ray Ban dan dasi YSL, melongok keluar jendela dan bertanya gembala, "Jika saya mengatakan dengan tepat berapa banyak domba yang ada dalam kawanan Anda, maukah Anda memberi saya satu ekor?"
Gembala itu memandang pria itu, lalu melihat sekawanan domba gembalaan dan dengan tenang menjawab, "Tentu."
Pria muda itu memarkir mobilnya, mengeluarkan IBM ThinkPad yang tersambung ke ponsel, kemudian ia berselancar ke website NASA dan menggunakan sistem navigasi satelit, mengamati daerah tersebut, dan kemudian membuka database dan Excel spreadsheet dengan formula kompleks. Dia mengirim email melalui Blackberry dan setelah beberapa menit, mendapatkan tanggapan. Akhirnya, ia print laporan 130 halaman pada printer mininya kemudian berkata kepada gembala itu, "Anda memiliki tepat 1586 domba".
"Itu benar! silakan ambil salah satu domba," kata gembala.
Pemuda itu memilih satu ekor hewan dan memasukkan ke dalam mobilnya.
Kemudian gembala mengatakan: "Jika saya bisa mengatakan dengan tepat apa pekerjaan Anda, apakah Anda akan memberikan kembali hewan saya?"
"OK, mengapa tidak" jawab orang muda itu.
"Jelas, Anda adalah konsultan," kata gembala itu.
"Itu benar" kata pria muda itu, "tapi bagaimana Anda bisa tahu?"
"Tidak perlu menebak," jawab gembala. "Anda muncul di sini meskipun tidak ada yang memanggil Anda. Anda ingin dibayar untuk jawaban yang sudah saya ketahui, dan untuk pertanyaan yang tidak pernah saya tanyakan. Dan Anda tidak tahu apa-apa tentang bisnis saya... Sekarang kembalikan anjing saya."

Source pic : here and here
Source article : kaskus 

selengkapnya » Penggembala domba dengan seorang konsultan

Setan Menggugat


Source : Aji Prasetyo
selengkapnya » Setan Menggugat

KIOS KEBENARAN

Ketika aku melihat papan nama pada kios itu, hampir-hampir aku tidak percaya pada apa yang kubaca: KIOS KEBENARAN. Mereka menjual kebenaran di sana!

Gadis penjaga kios bertanya dengan amat sopan: kebenaran macam apa yang ingin kubeli, sebagian kebenaran atau seluruh kebenaran? Tentu saja seluruh kebenaran! Aku tidak perlu menipu diri, mengadakan pembelaan diri atau rasionalisasi lagi. Aku menginginkan kebenaranku: terang, terbuka, penuh dan utuh. Ia memberi isyarat, agar aku menuju bagian lain dalam kios itu, yang menjual kebenaran yang utuh.

Pemuda penjaga kios yang ada di sana memandangku dengan rasa kasihan dan menunjuk kepada daftar harga. 'Harganya amat tinggi Tuan,' katanya. 'Berapa?' tanyaku mantap, karena ingin mendapat seluruh kebenaran, berapapun harganya. 'Kalau Tuan membelinya,' katanya. 'Tuan akan membayarnya dengan kehilangan semua ketenangan dalam seluruh sisa hidup Tuan.'

Aku keluar dari kios itu dengan rasa sedih. Aku mengira bahwa aku dapat memperoleh seluruh kebenaran dengan harga murah. Aku masih belum siap menerima kebenaran. Kadang-kadang aku mendambakan damai dan ketenangan. Aku masih perlu sedikit menipu diri dengan membela dan membenarkan diri. Aku masih ingin berlindung di balik kepercayaan-kepercayaanku yang tak boleh dipertanyakan.

(Burung Berkicau, Anthony de Mello SJ,
Yayasan Cipta Loka Caraka, Cetakan 7, 1994)


selengkapnya » KIOS KEBENARAN

Cara compress javascript

Posting ini merupakan kelanjutan dari posting saya sebelumnya tentang mempercepat loading page blog. Seperti kita ketahui, javascript yang terlalu banyak sangat berpengaruh terhadap berat dan ringannya loading page sebuah blog.

Akan tetapi juga tidak bisa dipungkiri bahwa javascript cukup berperan untuk mempercantik tampilan blog kita. Pada kondisi seperti ini kita dihadapkan pada dua pilihan yang sangat berat : Menghapusnya dari template, atau tetap mempertahankannya walaupun loading page blog kita jadi berat....Tapi ah....jangan terlalu didramatisir sobat, biarkan hidup ini berjalan apa adanya....

Maksud saya begini , soal itu sobat tidak perlu khawatir sebab kita masih punya pilihan ketigax yaitu compress javascript. Dengan cara ini paling tidak kita bisa meminimalisir ukuran size javascript yang didownload oleh browser dari blog kita. Jadi, langsung saja caranya :

Sejauh yang saya ketahui sebagai blogger amatir, ada dua tipe javascript pada template blogger,
1. tipe pertama diawali kode <script TYPE='text/javascript'> dan diakhiri kode </script>
2. tipe yang kedua didownload dari webhosting tertentu dengan kode :
<script src='http://ALAMAT-WEBSITE-TERTENTU.js' type='text/javascript'/>
 artinya, script tadi didowload dari alamat url di atas.


Untuk tipe yang pertama cukup mudah, sobat tinggal mengkompressnya dengan cara kopas script tersebut di situs ini, klik compress dan kopas lagi hasilnya di tempat yang sama pada template sobat.

Sedangkan untuk tipe yang kedua :
1. Sobat download terlebih dahulu script tersebut dari url asalnya,
2. Buka menggunakan notepad, kompress semua kodenya di situs tadi dan kopas lagi hasilnya pada notepad sebelumnya lalu save.
3. Upload script yang sudah kita buat barusan pada sebuah webhosting, saya merekomendasikan situs ini saja karena selain gratisan juga relatif aman. (Mengenai apa itu webhosting, cara upload script dll tanya dulu si mbah ya, jangan malas belajar!)
4. Setelah dapetin url untuk alamat script tersebut, kopas atau gantikan alamat url script lama pada template sobat dengan alamat url script yang barusan kita buat.
5. Preview terlebih dahulu lalu save template.
6. Lihat dan rasakan bedanya!

Note :
  • Ada beberapa script yang tidak bisa dikompress sekaligus (jangan tanya kenapa, saya juga tidak tahu), jadi ada baiknya terlebih dahulu preview blog sobat setiap kali mengganti script dengan hasil compressan.
  • Jaga etika blogger, bagaimanapun script itu buatan orang lain jadi usahakan jangan mengganti link creditnya.......kecuali terpaksa
Segitu aja dulu, mudah-mudahan bermanfa'at. Semangat dan salam blogger.
selengkapnya » Cara compress javascript

Statistik