Cara Cepat Hamil

Cara mudah membuat Daftar Isi Posting Perlabel di Blog

Cara mudah membuat Daftar Isi Posting Perlabel di Blog - Bagi anda yang sedang mencari cara membuat daftar isi sesuai posting perlabel di Gadget anda bisa menggunakan cara sebagai berikut ini :
Langkah-Langkah Membuat Daftar Posting Per-Label :
    1.Login ke halaman blogger
    2.Masuk ke menu "Tata Letak"
    3.Klik Tambah Gadget >> Pilih HTML/JavaScript
    4.Masukkan Kode di bawah ini dan SIMPAN
    <script style="text/javascript">
          var numposts = 5;
          var standardstyling = true;
    </script>
    <script type='text/javascript' src='http://mp3loo.googlecode.com/files/sitemapperlabelmp3loo.js'></script>
    <ul><script src="http://Blogger-Coepoe.blogspot.com/feeds/posts/default/-/Tutorial%20Blogspot?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script></ul>
Catatan :
Perhatikan text yang berwarna Biru :
    var numposts = 5, Angka 5 menunjukkan jumlah posting, bisa di ganti maksimal 999
    dp-tipstrikblog.blogspot.com, Silahkan ganti dengan blog atau domain sobat
    Tutorial%20Blogspot, Adalah contoh Nama Label, silahkan ganti dengan label yang ingin sobat tampilkan sebagai daftar posting. Ingat spasi di tandai dengan %20.

Demikian script mengenai Cara mudah membuat Daftar Isi Posting Perlabel di Blog, semoga bermanfaat bagi anda.

Cara Buat Breadcrumbs di Edit Template Blog

Cara Buat Breadcrumbs di Edit Template Blog - Pada kesempatan kali ini akan berbagi mengenai cara memasang Breadcrumbs di Edit Template Blog. Berikut langkah nya :
1.Login Ke Blogger
2.Kemudian di Edit Template
3.Letakkan Posisi Breadcrumbs Sesuai Keinginan anda, dan berikut script nya :
<div class='clear'>&#160;</div>   
      <div id='navegacionseries'>
<a expr:href='data:blog.homepageUrl'>Home</a> <span class='sp'>&#187; </span><b:if cond='data:blog.pageType == &quot;index&quot;'>Wellcome to this blog!<b:else/><data:blog.pageName/></b:if>
      </div>
4.Kemudian Save Template Sobat.
5.Untuk Demonya Silahkan lihat di Template yang diberi nama SD Blogger Template. Dihome pagenya terdapat Breadcrumbs. Bisa anda perhatikan, dan semoga bermanfaat bagi anda para Blogger.

Cara Buat Recent Post (artikel terbaru) Thumbnail Tanpa Java Script

Cara Buat Recent Post (artikel terbaru) Thumbnail Tanpa Java Script - Oke langsung saja ke pembahasan mengenai Cara membuat Recent Post (Posting Terbaru) bergambar (Thumbnail) Ringan dan tanpa Java script. Berikut scriptnya.
<script language='JavaScript'>
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7kcBP70oEL8rrEcih0EbNK1CnKke_94OSRaEA4zK5oQMGpUiTarVURF0-n-GWiL9g5NNTctUYgkSJHXRn7poLc2TTzsKvI5tW0_1j9PJN0n-anDOBRBOROCEOnZJxq3mm57QZT6mrXqBo/s1600/no-images.jpg";
    imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7kcBP70oEL8rrEcih0EbNK1CnKke_94OSRaEA4zK5oQMGpUiTarVURF0-n-GWiL9g5NNTctUYgkSJHXRn7poLc2TTzsKvI5tW0_1j9PJN0n-anDOBRBOROCEOnZJxq3mm57QZT6mrXqBo/s1600/no-images.jpg";
    imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7kcBP70oEL8rrEcih0EbNK1CnKke_94OSRaEA4zK5oQMGpUiTarVURF0-n-GWiL9g5NNTctUYgkSJHXRn7poLc2TTzsKvI5tW0_1j9PJN0n-anDOBRBOROCEOnZJxq3mm57QZT6mrXqBo/s1600/no-images.jpg";
    imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7kcBP70oEL8rrEcih0EbNK1CnKke_94OSRaEA4zK5oQMGpUiTarVURF0-n-GWiL9g5NNTctUYgkSJHXRn7poLc2TTzsKvI5tW0_1j9PJN0n-anDOBRBOROCEOnZJxq3mm57QZT6mrXqBo/s1600/no-images.jpg";
    imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7kcBP70oEL8rrEcih0EbNK1CnKke_94OSRaEA4zK5oQMGpUiTarVURF0-n-GWiL9g5NNTctUYgkSJHXRn7poLc2TTzsKvI5tW0_1j9PJN0n-anDOBRBOROCEOnZJxq3mm57QZT6mrXqBo/s1600/no-images.jpg";
    showRandomImg = true;
    boxwidth = 595;
    cellspacing = 5;
    borderColor = "transparent";
    bgTD = "#000000";
    thumbwidth = 60;
    thumbheight = 30;
    fntsize = 50;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "Komentar";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 20;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 5;
    home_page = "http://dp-tipstrikblog.blogspot.com/";
    </script>

<script type='text/javascript'>
    //<![CDATA[
    function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;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;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td style="font-size: 17px;">'+icon+'<a href="'+posturl+'">'+posttitle+'</a> </td></tr>';if(summaryPost==0){trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td>'+icon+'<a href="'+posturl+'">'+posttitle+'</a></td></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
    //]]>
</script>
Script ini bisa anda letakkan di "Gadget Html Javascript" di Tata Letak / bisa juga di "Edit Template" Blog Sobat. Dan yang berwarna merah anda bisa ganti sesuai selera anda.

Cara Mudah menghilangkan tulisan Tampilkan posting dengan label

Cara Mudah menghilangkan tulisan Tampilkan posting dengan label - Pembahasan kali ini adalah mengenai Cara Hilangkan Setelah kita Mencari dan muncul tulisan Tampilkan posting dengan label. Terkadang tulisan ini bisa dianggap menggangu jika terdapat dua tulisan tersebut. Jadi jika anda ingin menghilangkannya anda bisa mengikuti langkah berikut ini : 
Langkah
Pertama login ke blogger dengan akun anda, setelah itu masuk ke menu Design > Edit HTML > jangan lupa untuk mencentang Expand Widget template.

Jika sudah, silahkan cari kode seperti di bawah ini:
 <b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Sekarang hapus kode tersebut dan ganti dengan kode yang ini:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Simpan, dan lihat hasilnya.
Itulah mengenai Cara Mudah menghilangkan tulisan Tampilkan posting dengan label, semoga bermanfaat bagi anda sobat blogger.

Cara membuat Page Number (Navigasi) dengan Mudah

Cara membuat Page Number (Navigasi) dengan Mudah - Kali ini akan sharing mengenai Cara mudah membuat Page Number disertai Background Warna yang elegant dan cantik. Jika tertarik silahkan ikuti langkah berikut ini :
Langkah Membuat Page Number Keren :
1.Masuk ke Blogger
2.Kemudian silahkan di Tata Letak Blog Sobat Pilih Tambah Gadget / Add Gadget
3.Copy Script di bawah ini dan taruh / Paste di Gadget Tersebut :
<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnnFbGa1yBEgbuSSfdFJA0BpJDILhbX6KTGONJ6mmkoaREF22AFrBx31vBnPw4M3htSF1i8oTl0Jikh9NZG3ZWeZrSqhN-abVuXEkR9ECeu-RXWelXtq3DM2g8uBBHqe8Z2uTE_RGxN4/s1600/yellow-butt.png) repeat-x;

border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;

margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;

}.showpageNum a:hover,.showpage a:hover {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnnFbGa1yBEgbuSSfdFJA0BpJDILhbX6KTGONJ6mmkoaREF22AFrBx31vBnPw4M3htSF1i8oTl0Jikh9NZG3ZWeZrSqhN-abVuXEkR9ECeu-RXWelXtq3DM2g8uBBHqe8Z2uTE_RGxN4/s1600/yellow-butt.png) repeat-x;

border:2px solid #5C8CFB;-webkit-border-radius:7px;

-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;

}.showpageOf{

margin:0 8px 0 0;

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnnFbGa1yBEgbuSSfdFJA0BpJDILhbX6KTGONJ6mmkoaREF22AFrBx31vBnPw4M3htSF1i8oTl0Jikh9NZG3ZWeZrSqhN-abVuXEkR9ECeu-RXWelXtq3DM2g8uBBHqe8Z2uTE_RGxN4/s1600/yellow-butt.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;

line-height:30px;padding:3px 10px;color:#FFF;

}.showpagePoint {

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnnFbGa1yBEgbuSSfdFJA0BpJDILhbX6KTGONJ6mmkoaREF22AFrBx31vBnPw4M3htSF1i8oTl0Jikh9NZG3ZWeZrSqhN-abVuXEkR9ECeu-RXWelXtq3DM2g8uBBHqe8Z2uTE_RGxN4/s1600/yellow-butt.png) repeat-x;

margin:0 3px 0 3px;padding:3px 10px;

line-height:30px;cursor:pointer;white-space:nowrap;

border:2px solid #5C8CFF;-webkit-border-radius:7px;

-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;

} </style>

<a href="http://www.mp3loo.blogspot.com/" target="_blank" title="mp3loo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimBRpE3MyN8vndZ8q4ynPOJc6zqhTE1yT9v4eIqXjWXT9NqfYLycoKRhe8rcbzBS0vAW64ECi623b9aisKDG8MsElgW62ZaJM_W-PMRdCnQB4fqsSs4xR-LFR6hGVeJvLECfm9KbdD814/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>

<script style='text/javascript'>

var postperpage=5;

var numshowpage=3;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

<script style='text/javascript' src='http://mp3loo.googlecode.com/files/pagenumbermp3loo.js.txt'></script>
4.Yang berwarna merah silahkan ganti dengan alamat Blog Sobat dan juga title nya, serta yang berwarna biru bisa sobat ganti dengan script pagenumber yang berekstensi dot js (.js) sobat sendiri (alias dihosting sendiri ya sobat). Bisa di Google kok.
5.Selesai dan simpan kemudian lihat hasil pekerjaan sobat.
Itulah mengenai Cara membuat Page Number (Navigasi) dengan Mudah, semoga bermanfaat.