Cara Menghilangkan Icon Obeng dan Tang di Blogger

Banyak pengguna blogger.com yang merasa terganggu dengan adanya icon Tang dan Obeng di blog.

Fungsi icon tersebut sebenernya cukup bermanfaat, yaitu untuk mengedit widget-widget di blog kita tanpa harus masuk ke dasbor blog.

Selain itu icon ini hanya akan terlihat oleh pemilik blog. Pengunjung nggak akan melihat icon Tang dan Obeng ini.

Tapi bagi sobat yang tetap merasa terganggu dengan adanya icon ini dan ingin menghapusnya, maka silakan ikuti caranya di bawah ini:

#1. Masuk ke dasbor blog > klik “Template” > klik “Edit HTML”

#2. Tekan CTRL+F dan cari kode ini di dalam template:

<b:include name='quickedit'/>

Jika ketemu, hapus kode tersebut.

NOTE: Jumlah kode tersebut biasanya lebih dari satu. Jika icon yang muncul ada lima, maka kodenya juga ada lima. Hapus saja semuanya.

#3. Klik “Simpan template”

#4. Selesai…..

Terima kasih.

Cara Mudah Mengatur Jumlah Posting di Halaman Label (Kategori)

CARA membatasi atau mengatur jumlah posting halaman label (Label Page) sebenarnya sudah CB share di posting Cara Menampilkan Halaman Statis dan Label di Navigasi Menu.

Cara Menampilkan Halaman Statis dan Link Label di Navigasi Menu

Cara Menampilkan Halaman Statis dan Link Label (Halaman Post Per Kategori) di Navigasi Menu.

Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger

BERIKUT ini daftar kode Tag Kondisional (Conditional Tags) untuk Mengatur Tampilan Widget Blogger.

Contoh penerapannya atau penggunaannya, misalnya mengatur tampilan widget Recent Posts hanya di halaman dalam, tidak muncul di homepage (beranda).

Di blog RS ini Anda bisa lihat "Posting Terbaru" di sidebar hanya muncul di halaman dalam. Itu diatur melalui kode Tag Kondisional di bawah ini .

Dasar kode tag kondisional adalah sebagai berikut:

<b:if cond='Your-condition'> 

<!-- Your elements here! --> 

</b:if>

Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger

Tag Kondisional Home, Label, Arsip
Untuk menampilkan widget atau elemen blog di halaman depan (Homepage/Beranda), Label Pages (Halaman Label/Kategori), dan Archive Pages (Halaman Arsip)

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

</b:if>

Halaman Dalam (Single Post/Post Page)

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

</b:if>

Halaman Dalam dan Halaman Statis (Post and static pages)

<b:if cond='data:blog.url == data:post.url'>

</b:if>

Posting Pertama

<b:if cond='data:post.isFirstPost'> 

</b:if>

Tag Kondisional Halaman Depan (Homepage) Saja

<b:if cond='data:blog.url == data:blog.homepageUrl'> 

</b:if> 

Halaman Statis (Static Page)

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

</b:if>

Halaman Arsip

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

Halaman Posting Tertentu

<b:if cond='data:blog.url == "your-url-here"'> 

</b:if>

Catatan: kode tag kondisional halaman posting tertentu ini CB gunakan untuk menampilkan kotak komentar Facebok hanya di halaman Tips Membuat Kotak Komentar Facebook di Blogger. Di posting lain tidak muncul.

Label Search (Halaman Label/Post per Kategori)

<b:if cond='data:blog.searchLabel'> 

</b:if>

Search Pages (Halaman Hasil Pencarian)

<b:if cond='data:blog.searchQuery'> 

</b:if>

Contoh Penerapan Kode Tag Kondisional 

Misal, kita akan menampilkan sebuah widget hanya di halaman depan.
1. Template > Edit HTML
2. Temukan kode widget di dalam template yang diawali dengan kode <b:widget ... > dan diakhiri dengan </b:widget>
3. Masukkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> setelah kode<b:includable id='main'> dan kode penutup </b:if> sebelum kode penutup widget/sebelum kode </b:includable>

Contohnya:

Kode di atas menjadikan Text Widget yang ada di blog ini hanya muncul di halaman depan. Cara penerapan yang sama berlaku untuk kode tag kondisional lainnya.

Demikian daftar Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger dan contoh penerapannya. Good Luck & Happy Blogging! .

Cara Mudah Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting

Cara mengatur posisi atau menampilkan widget blog di halaman tertentu, depan atau dalam saja.

HALAMAN depan (home, beranda, homepage) blog umumnya sudah menampilkan Posting Terbaru (Recent Posts, Latest Posts).

Maka, tidak perlu lagi ada widget Posting Terbaru di homepage, melainkan menampilkan widget "Posting Terbaru" itu hanya di halaman dalam, halaman posting, atau "single post".

Contohnya, coba perhatikan blog RIYANTO STYLE (CB) ini. Di homepage tidak ada widget posting terbaru, tapi begitu salah satu judul postingnya dibuka, maka di sidebar ada widget posting terbaru (Recent Posts).

Demikian pula, di homepage RS ini tidak ada widget Recent Comments dll. Hanya ada kotak pencarian, adsense google, dan posting terpopuler. Widget Labels, Random Posts, dan Recent Comments itu hanya ada di halaman dalam/halaman posting.

Bagaimana cara menampilkan widget posting terbaru atau widget lainnya hanya pada halaman tertentu? Ada dua kode yang harus kita masukkan:

1. Kode HTML untuk menampilkan widget di halaman depan (home) saja: <b:if cond='data:blog.homepageUrl == data:blog.url'> kode penutup </b:if>
2. Kode HTML untuk menampilkan widget di halaman dalam (posting) saja: <b:if cond='data:blog.pageType == &quot;item&quot;'> dan kode penutup </b:if>

Contoh penerapan kode pertama (widget hanya muncul di halaman depan saja) untuk Widget Posting Terbaru:

1. "Layout" > klik "Add a Gadget"

2. Pilih "Feed"

3. Masukkan URL ini: http://namabloganda.blogspot.com/feeds/posts/default

4. Ubah judul atau "Widget Title" dengan nama Posting Terbaru

5. Save!

Langkah berikutnya adalah masuk ke Edit Template: Template > Edit HTML, lalu cari kode seperti di bawah ini:

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

Simpan <b:if cond='data:blog.homepageUrl == data:blog.url'> tepat setelah kode <b:includable id='main'> dan kode penutupnya </b:if> disimpan tepat di atas kode </b:includable>. Hasilnya akan seperti ini:

<b:widget id='HTML1' locked='false' title='Posting Terbaru' 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 != ""'>
<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>

Contoh penerapan kode kedua (menampilkan widget di halaman dalam saja)

Lakukan hal yang sama seperti langkah di atas. Di template Anda akan ada kode seperti di bawah ini:

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

Masukkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> setelah kode <b:includable id='main'> dan kode </b:if> sebelum kode </b:includable>. Hasilnya akan seperti ini:

<b:widget id='HTML1' locked='false' title='Nama Widget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

Variasi Lainnya:
1. Widget hanya muncul di halaman statis: 
<b:if cond='data:blog.pageType != "static_page"'>
2. Widget hanya muncul di halaman/posting tertentu
<b:if cond='data:blog.url == "URL Halaman Di sini"'>

Itulah Cara Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting (Single Post) atau cara memunculkan widget lainnya di halaman depan atau dalam saja. Good Luck....!

Ini Pengertian Template Blog Responsive - Mobile Friendly

Pengertian Template Blog Responsive - Mobile Friendly - Ramah Perangkat Mobil alias HP/Smartphone.

Daftar Isi Blog - Halaman Statis Sitemap Simple Fast Loading.

Daftar Isi Blog -  Halaman Statis Sitemap Simple Fast Loading. Ringan banget gak pake lama. Cara membuatnya tinggal membuat halaman baru (new page) dan masukkan kode. (Lihat Demo Sitemap Simple).

Kode ini AMAN dari SISIPAN LINK. Kodenya CB tunjukkan secara terbuka, silakan cek, tidak ada link eksternal apa pun. Beda sama kode script daftar isi blog lain yang sering disusupi link blog.

1. Page > New Page
2. Isi judul dengan "Daftar Isi" atau "Sitemap"
3. Klik mode "HTML"
4. Copas kode berikut ini:

<script>
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postMp3[ii]=o;if(h<10){postBaru[ii]=true}else{postBaru[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2(); document.write('')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postMp3[e];postMp3[e]=postMp3[g];postMp3[g]=f;var f=postBaru[e];postBaru[e]=postBaru[g];postBaru[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postMp3[f];postMp3[f]=postMp3[h];postMp3[h]=g;var g=postBaru[f];postBaru[f]=postBaru[h];postBaru[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Judul Artikel";var m="Klik untuk sortir berdasarkan judul";var d="Tanggal";var k="Klik untuk Sortir bedasarkan tanggal";var c="Kategori";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Klik untuk menampilkan semua"}h+="<table>";h+="<tr>";h+='<td class="toc-header-col1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="toc-header-col2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="toc-header-col3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="toc-header-col4">';h+="Download MP3";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Menampilkan Semua '+postTitle.length+" Artikel<br/></span>"}else{var f='<span class="toc-note">Menampilkan '+l+" artikel dengan kategori '";f+=postFilter+"' dari "+postTitle.length+" Total Artikel<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postBaru[a]==true){document.write(' - <strong><em><span style="color: red;">Baru!!</span> </em></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Menampilkan Daftar Isi</a> <img src=" "/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Download mp3 : <a href="'+postMp3[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
</script>
<script src="http://RSbloggerlab.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

5. Ganti alamat blognya.
6. Klik "Publish" !!!