Tampilkan postingan dengan label Desain. Tampilkan semua postingan
Tampilkan postingan dengan label Desain. Tampilkan semua postingan

Daftar Lengkap Kode Tag Kondisional -- Blogger Conditional Tag

Oktober 23, 2016 Add Comment
Tag Kondisional
Daftar Lengkap Kode Tag Kondisional -- Blogger Conditional Tag -- untuk mengatur posisi widget dan lain-lain.

Misalnya, widget Latest Post hanya ditampilkan di halaman dalam, soalnya di halaman depan 'kan sudah muncul di autoreadmore. 

Jangan tanya-tanya soal posting ini ya, soalnya ini kan blog demo, jadi ini tulisan sekadar menambah database posting di blog demo ini, buat sample post saja :)

Daftar Lengkap Kode Tag Kondisional -- Blogger Conditional Tag


Kode tag kondisional ini diawali kode <b:if cond='data:blog.pageType ... dan kode penutup </b:if>.

Single Post: <b:if cond='data:blog.pageType == "item"'>
Konten hanya muncul di halaman dalam / single post.
</b:if>
Static Page(s):
<b:if cond='data:blog.pageType == "static_page"'>
Konten hanya muncul di halaman statis
</b:if>

Index Page (sorted by Label and Date):
<b:if cond='data:blog.pageType == "index"'>
Konten hanya muncul di halaman indeks / halaman label
</b:if>

Archive Page (your blogroll — sorted by date):
<b:if cond='data:blog.pageType == "archive"'>
muncul di halaman arsip saja
</b:if>

Homepage URL:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Hanya muncul di halaman depan saja
</b:if>

Specific Page:

<b:if cond='data:blog.url == "specific-URL-on-the-blog"'>
muncul di halaman tertentu
</b:if>

Error Page (404 - not found page):
<b:if cond='data:blog.pageType == "error_page"'>
...404 note content...
</b:if>

Cara Memasang Posting Terbaru Blog di Halaman Dalam Saja

Oktober 23, 2016 Add Comment
Posting Terbaru Blog
Cara Memasang Widget Posting Terbaru, Latest Post, Recent Posts, atau Entry Terbaru Blog Hanya Muncul di Halaman Dalam Saja.

KENAPA widget Latest Post "harus" hanya di halaman dalam? Karena, kalau muncul juga di halaman depan (homepage), 'kan jadi double tuh link posting dengan yang ada di "main area", bisa-bisa "duplikat konten" kan?

Maka, widget Posting Terbaru sebaiknya hanya dimunculkan di halaman dalam (single page/single post), karena di halaman depan sudah ada posting auto readmore yang menampilkan posting terbaru.

Demonya ada di sidebar blog demo ABC ini.

Cara Memasang Posting Terbaru Blog di Halaman Dalam Saja

1. Add a Gadget > Pilih "Feed"
2. Masukkan alamat blog Anda
3. Klik "Continue"
4. Ubah nama blog dengan "Posting Terbaru" atau "Latest Posts"
5. Save!

Saatnya mengatur posisi widget posting terbaru hanya muncul di halaman dalam:
1. Template > Edit HTML
2. Cari kode berikut ini

  <b:widget id='Feed1' locked='false' title='Posting Terbaru' type='Feed'>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
  </b:includable>
  </b:widget>

3. Ganti dengan kode berikut ini

  <b:widget id='Feed1' locked='false' title='Posting Terbaru' type='Feed'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
      </b:if>
  </b:includable>
  </b:widget>

CATATAN:
Intinya sih, cuma menambahkan Tag Kondisional aja, yang warna merah!

4. Save Template!

Mengatur posisi sidebar widget lainnya juga sama seperti cara di atas, yakni dengan menambahkan Tag Kondisional.***


Cara Membuat Halaman Disclaimer Blogger

Oktober 22, 2016 Add Comment
Cara Membuat Halaman Disclaimer di Blogger sangat mudah. Kita tingga membuka situs Disclaimer Generator, isi form, dan copas ke halaman disclaimer.

Dengan membuat halaman disclaimer ini, blog kita tampak "profesional". Bahkan, menurut sejumlah tips daftar Google AdSense, halaman ini bisa mempercepat diterima jadi Publisher GA.

Cara Membuat Halaman Disclaimer Blogger

1. Buat Halaman Baru (New Page)
2. Isi judul halaman dengan Dislaimer
3. Klik mode HTML
4. Buka situs Disclaimer Generator
5. Isi FORM yang ada seperti ini:

Cara Membuat Halaman Disclaimer Blogger

6. Klik tombol "Generate Diclaimer" yang ada di kanan bawah.
7. COPY kode yang ada
8. Paste di Halaman Disclaimer di langkah no. 3 tadi
9. Klik Publish!

Beres!
DEMO HALAMAN DISCLAIMER

Cara Membuat Daftar Isi (Indeks/Sitemap) Blog Simple Fast Loading

Desember 29, 2015 Add Comment
Cara Membuat Daftar Isi (Indeks/Sitemap/Table of Content) Blog Simple Fast Loading seperti Sitemap blog demo New Super SEO (NSS) ini sangat mudah (lihat DEMO SITEMAP). Caranya:

1. Buat Halaman Baru (New Page)
2. Isi judul dengan Indeks, Daftar Isi, atau Sitemap (Bebas)
3. Klik mode HTML
4. Copas kode berikut ini:

<b>INDEKS POSTING</b>
<br/><br/>
<div style="overflow:auto;width:96%;height:auto;padding:10px;border:1px solid #eee">
<script style="text/javascript">
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('</br><a href="http://www.contohblog.com" style="font-size: 8px; text-decoration:none; color: #ddd;" target="_balnk">CB</a>')}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: rgb(255, 0, 0);"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZliRMZbYTeffPfDMmpd0aM5tl-a31bPdy9znpiN7N17mHTFoF21rKfH5DcY7ToPFENuVUGn1-_uH5fPLmKw3MUifqdawbnATd2HhX1svx_fwmh5u7qI9lqBkSE_ktgSYlBSBRHZfZpM/s1600/new.gif"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZliRMZbYTeffPfDMmpd0aM5tl-a31bPdy9znpiN7N17mHTFoF21rKfH5DcY7ToPFENuVUGn1-_uH5fPLmKw3MUifqdawbnATd2HhX1svx_fwmh5u7qI9lqBkSE_ktgSYlBSBRHZfZpM/s1600/new.gif"/>'}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://newsuperseo.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>


5. Ganti alamat blognya.
6. Publish!

Daftar Isi Blog adalah halaman statis berisi indeks atau daftar posting yang merupakan konten blog secara keseluruhan, minus halaman statis.

daftar isi blog

Tampilan halaman daftar isi blog ini berdasarkan label / per kategori. Fungsi halaman daftar isi blog adalah memudahkan pengunjung mengekspolasi konten blog sehingga bisa meningkatkan pageviews.*

Cara Mengatasi Error 404 Page Not Found Blogger

Desember 23, 2015 Add Comment
Cara Mengatasi Error 404 Page Not Found Blogger
Cara Mengatasi Error 404 Page Not Found (Halaman Tidak Ditemukan) Blogger - Mengarahkan ke Halaman Depan.

Posting yang dihapus, diedit, diganti permalink, atau penyebab lainnya, membuat blog menampilkan "error 404 halaman tidak ditemukan".

Cara mengatasinya a.l. dengan mengarahkan halaman error not found alias tidak ditemukan itu ke halaman depan, beranda, home, atau homepage. Demonya di blog New Super SEO ini.

Cara Mengatasi Error 404 Page Not Found Blogger
1. Template > Edit HTML
2. Pasang kode berikut ini di atas kode </body>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div style='text-align: center;'>
<div class='separator' style='clear: both; text-align: center;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgH5GLsqzjt8i8otZOCkWH2RHu6OQkQQ4oBWkl26kKjLyIHAi5m0TD4ZvoQ9rZKGUhxV3Rk1ktj6_fTw0GB_6PKljHoujfvE7kRDhsHHagzHmaPk4Andnu3vwKomIpRtQBSBhkAnORGJU/w128-h40-no/Loading10.GIF'/></div>
<br/></div>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= &quot;/&quot;
}, 1);
</script>
</b:if>

3. Save Template!

Dengan kode di atas, halaman error 404 not found atau tidak ditemukan akan muncul sebentar banget, lalu mengarah ke halaman depan. ***