Cara Setup Recent Posts dan Recent Comments Blogger Page Elements

Untuk mengaktifkan elemen halaman Recent Recent dan Recent Comments dalam template Blogger yang baru saja Anda download, Anda harus mengikuti beberapa langkah sederhana.

Daftar ini tidak akan muncul saat Anda pertama kali menginstal template jadi kami akan menghidupkannya sekarang. Mereka sebenarnya adalah widget RSS Feed sehingga kita harus menempelkan umpan dan umpan rss untuk membuatnya bekerja.

Mari kita mulai dengan elemen halaman Recent Posts jadi klik untuk mengeditnya. Kemudian paste di RSS feed url Anda yang kemungkinan besar akan ada dalam format ini http://YOURSITE.blogspot.com/feeds/posts/default. Pastikan mengganti "YOURSITE" dengan url blog Anda yang sebenarnya.

Tidak perlu mengganti judul (kecuali jika Anda ingin menyebutnya sesuatu yang lain) maka tekan "Save Changes". Kemudian simpan layout blogger Anda dan pergi ke jendela browser Anda yang lain, refresh dan lihat Recent Posts muncul di sidebar blog Anda.

Sekarang Anda akan melakukan hal yang sama dengan elemen halaman "Komentar Terbaru" namun Anda malah menggunakan format umpan ini http://YOURSITE.blogspot.com/feeds/comments/default. Sekali lagi, pastikan untuk mengganti "YOURSITE" dengan url blog Anda yang sebenarnya. Simpan dan pastikan itu bekerja dengan benar. Jika tidak muncul di blog Anda, kemungkinan Anda tidak memiliki url feed yang benar atau Anda mungkin belum punya komentar.

Jika Anda benar-benar ingin menyempurnakan pengaturan Recent Posts and Comments seperti meningkatkan jumlah maksimal yang ditampilkan ke 10, Anda dapat melakukannya. Buka artikel postingan terbaru kami dan jadikan widget Anda ke tingkat yang lain.

Read More

Cara Menambahkan Widget Komentar Terbaru ke Blogger

Tutorial Blogger ini menjelaskan bagaimana menampilkan komentar terbaru blog atau blog Anda jika Anda menggunakan salah satu template saya..

1. Untuk menambahkan widget komentar terbaru ke blog blogger anda, pertama buka halaman "Layout" blog anda.
2. Klik pada "Add a Gadget" link dari bagian sidebar atau lainnya dimana anda ingin tampil widget komentar terbaru.
3. Pilih widget "HTML / JavaScript".
4. Sekarang masukkan kode di bawah ini ke widget "HTML / JavaScript".

<script>var a_rc = 5; var m_rc = false; var n_rc = true; var o_rc = 100;</script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Catatan: Ingatlah untuk mengganti "http://YOURBLOGNAME.blogspot.com/" dengan alamat blog atau alamat blog blogger Anda.

Anda juga bisa mengubah nilai berikut:
Berapa banyak komentar yang harus disertakan dalam widget komentar terakhir? Default adalah 5.

a_rc = 5;

Ingin menambahkan tanggal yang diposting di setiap komentar? benar atau salah.

m_rc = false;

Ingin menampilkan judul posting yang terkait dengan komentar? benar atau salah.

n_rc = true;

Berapa banyak karakter yang harus ditampilkan dalam ringkasan komentar? Default adalah 100.

o_rc = 100;

5. Klik save dan refresh your site. Sekarang Anda bisa melihat widget komentar terbaru yang bekerja di situs Anda.

Masih belum menampilkan komentar terbaru? Kemudian tambahkan kode di bawah tag </ head> saja:

<script type='text/javascript'>
//<![CDATA[

function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><br/>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}}

//]]>
</script>

Read More

Cara Mengkonfigurasi Widget Menu LinkList

Terkadang saat Anda mengunggah template Blogger ke blog Anda, Anda bisa melihat menu navigasi dari tema itu hilang. Hanya ada ruang kosong bukan menu. Ini bukan kesalahan, untuk menampilkan menu itu, Anda perlu menambahkan link ke widget LinkList agar menu itu tampil.

1. Untuk mengkonfigurasi menu Anda, pertama buka halaman "Layout" blog Anda.
2. Anda bisa melihat widget bernama "Edit Menu Ini". Klik pada "Edit" link widget itu.



3. Sekarang tambahkan link halaman Anda atau link lainnya ke dalam widget LinkList seperti contoh di bawah ini :

Read More

Cara Mengaktifkan Komentar Google+ di Blogger

Bila Anda mengaktifkan komentar Google Plus di setelan Blogger, Tidak bisakah Anda melihat kotak komentar Google Plus dan tidak menampilkan komentar Blogger standar juga? Tutorial ini akan membantu Anda memperbaiki masalah itu.

Catatan: Silahkan backup dulu template blogger anda sebelum melakukan perubahan.

Sekarang pergi ke "Edit HTML".

Temukan ini:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:if cond='data:post.showThreadedComments'>
	<b:include data='post' name='threaded_comments'/>
  <b:else/>
	<b:include data='post' name='comments'/>
  </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:post.showThreadedComments'>
	<b:include data='post' name='threaded_comments'/>
  <b:else/>
	<b:include data='post' name='comments'/>
  </b:if>
</b:if>

Catatan: Anda akan melihat kode diatas 2 kali.
Ganti setiap kode di atas dengan kode yang diberikan di bawah ini:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comment_picker'/>
</b:if>

Simpan template Anda dan segarkan situs Anda.



Anda bisa melihat komentar Google Plus sedang mengerjakan blog Anda sekarang.

Read More

Cara Menambahkan Widget Tulisan Terbaru ke Blogger

Tutorial ini untuk Anda jika Anda menggunakan salah satu template.

1. Untuk menambahkan post widget terbaru untuk blog blogger anda, pertama masuklah ke "Layout" dari blog anda.
2. Klik pada "Add a Gadget" link dari bagian sidebar atau lainnya dimana anda ingin menampilkan post widget terbaru.
3. Pilih widget "HTML / JavaScript".
4. Sekarang masukkan kode di bawah ini ke widget "HTML / JavaScript".

<script>var numposts =5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

Catatan: Ingatlah untuk mengganti "http://YOURBLOGNAME.blogspot.com/" dengan alamat blog atau alamat blog blogger Anda.

Anda juga bisa mengubah nilai berikut :
Berapa banyak posting yang harus disertakan dalam posting widget baru-baru ini? Default adalah 5.

numposts =5;

Tanggal yang akan datang harus ditampilkan atau tidak? benar atau salah.

showpostdate = false;

Ringkasan posting harus ditampilkan atau tidak? benar atau salah.

showpostsummary = false;

Berapa banyak karakter yang harus ditampilkan dalam ringkasan posting? Default adalah 100.

numchars = 100;

5. Klik save dan refresh your site. Sekarang Anda dapat melihat widget posting terakhir yang bekerja di situs Anda.

Masih belum menampilkan posting terbaru? Kemudian tambahkan kode di bawah tag </ head> saja :

<script type='text/javascript'>
//<![CDATA[

function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}

//]]>
</script>

Read More

Cara Hapus Auto Read More di Blog

 

Saat Anda memasang template Blogger, postingan Anda akan mulai ditampilkan sebagai ringkasan di beranda, halaman label, halaman arsip dan halaman pencarian. Untuk melihat isi penuh sebuah posting, perlu pergi ke halaman posting itu. Jika Anda tidak ingin menampilkan ringkasan posting seperti ini, ikuti langkah-langkah di tutorial ini untuk menghapus fitur auto blogger read more.

Pertama pergi ke halaman "Edit HTML" dari blog Anda.


Temukan kode ini di template Anda (bisa berbeda sesuai template yang Anda gunakan) :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Ganti dengan ini :

<data:post.body/>

Sekarang kita perlu menghapus tombol baca lagi. Gulir ke bawah perlahan sampai Anda menemukan kode yang lebih mirip dengan ini :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div style='float:right;padding-right:10px;margin-top:10px;'>
<a class='morer' expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

Hapus dan simpan template Anda.


Segarkan situs Anda Sekarang Anda akan melihat konten posting lengkap di beranda.

Read More