2+ Cara Mengatasi Judul Widget Blogger yang Menghilang

Tutorial: Tips & Trik Cara Mengatasi dan Memperbaiki Judul/Nama Widget or Gadget yang Menghilang di Blogger/Blogspot

Baru mengganti (mengubah) template blogger, dan ternyata beberapa judul widget menghilang? Gimana sih cara memperbaiki nama gadget blogger yang tersembunyi?

Kamu harus tahu bahwa penyebab mengapa nama widget bisa menghilang, lantaran template blogger tersebut sudah melakukan perbaikian terhadap Rendering CSS Delivery dan Rendering JavaScript di Blogger Templates.

Kamu tidak perlu khawatir lagi untuk mengubah tema blogger yang sudah digunakan, karena di sini kami akan menuntaskannya dengan ragam tutorial yang berhasil kami kumpulkan.

2+ Cara Mengatasi Judul Widget Blogger yang Menghilang

Karena masalah ini berawal dari perbaikan Rendering CSS Delivery dan Rendering JavaScript di template blogger tersebut, maka kamu harus menambahkan beberapa kode JavaScript (Js) tambahan.

• Masih di dalam Blogger, masuk ke Tata Letak (Layout Blog)
• Ketuk tombol Add a Gadget, pilih menu HTML/JavaScript
• Masukkan dulu Nama atau Judul Gadget, Copas salah satu kode yang ada di bawah ini
• Ketuk tombol Save, dan Cek hasilnya

Jika yang ingin ditampilkan adalah widget Recent Posts, atau widget yang menampilkan daftar artikel terbaru; maka kode yang digunakan adalah kode ini:

<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script>

Kalau kode Recent Posts di atas tidak berfungsi, coba gunakan kode di bawah ini:

<script type='text/javascript'>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type="text/javascript" src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts"></scr" + "ipt>");
//]]>
</script>

Jika yang ditampilkan adalah Recent Posts dari situs web orang lain, maka JavaScript (Js) yang diperlukan:

<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="https://example.blogspot.com/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script>

Catatan: Ubah tautan situs http://example.blogspot.com di atas sebagaimana URL aslinya. Selain itu, apabila yang digunakan merupakan protokol jaringan HTTPS, maka ubah URL-nya dari HTTP ke HTTPS sebagaimana mestinya.

Kalau nama Gadget yang menghilang adalah nama Gadget dari komentar terbaru (Recent Comments), coba terapkan langkah-langkah berikut.

Simpan kode di bawah ini:

<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>

...di atas kode </head> dari template blogger yang kamu gunakan saat ini.

Untuk menampilkannya di tampilan Blogspot, COPY atau Salin kodenya di bawah ini:

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

...di bagian HTML/JavaScript ketika sedang berada di Tata Letak (Layout Blog) sebagaimana langkah pertama sekali di atas.

Catatan: Ubah tautan URL di atas yaitu https://exlample.blogspot.com/ dengan URL kepemilikan kamu.

Nah itu dia cara memperbaiki dan mengatasi nama widget Blogger/Blogspot yang suka menghilang, terhapus, atau pun tersembunyi.

Ada hal yang ingin ditanyakan, mungkin?

Labels: Tutorial Blogger

Thanks for reading 2+ Cara Mengatasi Judul Widget Blogger yang Menghilang. Please share this article.

Share this post