Cara Membuat Featured Post Content Slider Image

<b><i>Cara Membuat Featured Post Content Slider Image di Halaman Depan Blog yang SEO & User Friendly. </i></b><br /><b><br /></b><b>SEBELUMNYA</b> <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a> pernah share tentang <a href="http://contohblognih.blogspot.com/2014/05/featured-content-slider-seo-blog.html" target="_blank">Featured Content Slider di Homepage Blog Tidak Bagus buat SEO</a>. Di sana disebutkan, hasil survei soal gambar slider / carousel image di sejumlah blog/website di halaman depan (homepage) ternyata buruk buat SEO dan jelek pula kegunaannya (tidak user friendly), hanya bikin silau mata! Yang ngeklik juga cuma 1%, kecil bingit!<br /><br />Namun, jika masih merasa butuh menampilkan Featured Post Content Slider Image/Gambar di Home, maka pastikan dua hal ini:<br /><ol><li>Slider tidak otomatis bergerak (automatic slides)! Matikan fungsi otomatis gerakannya!</li><li>Pastikan judul postingnya menggunakan Heading Tag H2 atau H3. Jika menggunakan H1, silakan ganti.</li></ol><blockquote class="tr_bq">Kedua hal itulah sumber masalah Featured Post Content Slider Image yang menjadikannya tidak seo dan user friendly.</blockquote><div><b><br /></b></div><div><b>FUNGSI FEATURED POST/IMAGE SLIDER</b></div><div>Featured Post Content Slider Image/Gambar sering digunakan oleh situs web/blog toko online, blog jasa/produk, dan situs berita. Toko Online atau web bisnis biasnaya menampilkan produk/jasa. Situs berita menampilkan Headline News.</div><div><br /></div><div>Posting berikut ini sekadar "menyimpan" tips desain blog tentang cara Membuat Featured Post Content Slider Image yang di-share <a href="http://www.maskolis.com/" rel="nofollow" target="_blank">Maskolis</a> baik <a href="http://www.maskolis.com/2012/04/membuat-content-slider-image-otomatis.html" rel="nofollow" target="_blank">Versi 1</a> maupun <a href="http://www.maskolis.com/2012/04/membuat-slider-otomatis-sporty-magazine.html" rel="nofollow" target="_blank">Versi 2</a>. Jika ingin menampilkan satu posting saja di Featured Post di halaman depan tanpa slider, silakan cek <span style="background-color: white; color: #444444; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 11px; line-height: 22px;"> </span><a href="http://contohblognih.blogspot.com/2014/05/cara-membuat-featured-post-tanpa-slider.html" target="_blank">Cara Membuat Featured Post Tanpa Slider ala New Johny Wuss</a>.</div><div><br /></div><div><a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a> share di sini dua jenis Featured Post Content Slider Image sebagaimana tampak dalam ilustrasi gambarnya. </div><h3><b>Cara Membuat Featured Post Content Slider Image</b></h3><div><b>VERSI 1 - Thumbnail di Bawah Gambar Utama</b></div><div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_YuQt3t_xZhu7DdOxNALt6-wQax5s4DXLu2WtNr2iLIVLp6kPKvQz_iF9NeGX-wJWO0wyf52w83242CFQ_K7O824MrjS9h9_roHoBExH7ejbImZGdlaIsdknh1JVmkDIKtI_c-OvuLB4d/s1600/image+slider+maskolis.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt=" Featured Post Content Slider Image" border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_YuQt3t_xZhu7DdOxNALt6-wQax5s4DXLu2WtNr2iLIVLp6kPKvQz_iF9NeGX-wJWO0wyf52w83242CFQ_K7O824MrjS9h9_roHoBExH7ejbImZGdlaIsdknh1JVmkDIKtI_c-OvuLB4d/s1600/image+slider+maskolis.jpg" title=" Featured Post Content Slider Image" width="400" /></a></div><div><b><br /></b></div><div><b>Cara Membuatnya:</b></div><div>1. Template > Edit HTML</div><div>2. Copas kode berikut ini <b>di atas</b> kode<span style="color: red;"> <b>]]></b:skin> </b></span></div><div><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><span style="line-height: 18px;"><span style="font-family: inherit;"><span style="color: #222222;">#featuredContent{float:left;width:</span><span style="color: red;">407</span><span style="color: #222222;">px;margin-right:10px;display:inline}</span></span></span><br /><span style="font-family: inherit;"><span style="color: #222222;"><span style="line-height: 18px;">#featured-slider{position:relative;overflow:hidden;width:</span></span><span style="color: red; line-height: 18px;">407</span><span style="line-height: 18px;"><span style="color: #222222;">px;height:</span><span style="color: red;">245</span><span style="color: #222222;">px}</span></span></span><br /><span style="font-family: inherit;"><span style="color: #222222;"><span style="line-height: 18px;">#featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:</span></span><span style="color: red; line-height: 18px;">407</span><span style="color: #222222;"><span style="line-height: 18px;">px;min-height:30px;height:auto!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMlZU17OXCjftKvSgNsKYs4Bbm2yV7nGJQHLE9qZiQhCUTrKV7itnmAe5Psat9LQfiRJbQb8hrjH2EUi9DG-nmb_9whstbGPNk_08STFyN6nliHUgtWgfHULAe3ifjkEyLtwd1fLjHEyx_/s1600/transparant.png)}</span></span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">#featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">#featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">#featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;z-index:1}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">#paginate-featured-slider{display:block;background-color:#f0f0f0;margin-bottom:0;padding:0 0 5px}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">#paginate-featured-slider ul{width:415px;padding-bottom:0;list-style:none}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">#paginate-featured-slider ul li{display:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">#paginate-featured-slider img{padding-top:5px;background:#f0f0f0}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">#paginate-featured-slider a img{border-top:4px solid #f0f0f0}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">#paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{border-top:4px solid #357798}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;"><br /></span></span><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">word-wrap: break-word; overflow: hidden;} </span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">.slide {color: #666666;line-height: 1.3em;}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">.slide li {margin:0;padding-top:0;</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">padding-right:0;padding-bottom:.25em;</span></span><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">padding-left:0px;text-indent:0px;line-height:1.3em;}</span></span><br /><br /><span style="color: #222222; font-family: inherit;"><span style="line-height: 18px;">.slide .widget {margin:0px 0px 6px 0px;}</span></span></div><br /><i>Angka berwarna merah adalah ukuran Panjang dan Lebar Slider. Silahkan sesuaikan dengan "kondisi" template Anda. Demikian pula angka berwarna merah di kode no. 3 di bawah ini.</i></div><div>3. Copas kode berikut ini <b>di atas </b>kode<b> <head></b> </div><div><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><span style="font-family: inherit;"><span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> </span></span><i>// Kode ini gak perlu diikutkan jika di template Anda sudah ada, cek ada dengan Ctrl+F lalu ketik <b>jquery </b>dan tekanEnter</i><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;"><script src='http://yourjavascript.com/222517121138/contentslider.js' type='text/javascript'/></span><br /><span style="font-family: inherit;"><script type='text/javascript'></span><br /><span style="font-family: inherit;">//<![CDATA[</span><br /><span style="font-family: inherit;">imgr = new Array();</span><br /><span style="font-family: inherit;">imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZUCjubkyZfhyphenhyphenUqDTdFqUryv5gTRpNb3CHqUk0IC-LR9CLtXWsAxV7p4T88NMbR0_PLi1szXgLJgjKCBpaOTE0qu7Qi9IC9m7Q684dVHGWMj3ELNjYEBUPemHsI2Ft2nhsrRwtR8rUNY/s1600/no+image.jpg";</span><br /><span style="font-family: inherit;">showRandomImg = true;</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">aBold = true;</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">summaryPost = 100;</span><br /><span style="font-family: inherit;">summaryTitle = 25;</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">numposts3 = 5;</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">function removeHtmlTag(strx,chop){</span><br /><span style="font-family: inherit;">var s = strx.split("<");</span><br /><span style="font-family: inherit;">for(var i=0;i<s.length;i++){</span><br /><span style="font-family: inherit;">if(s[i].indexOf(">")!=-1){</span><br /><span style="font-family: inherit;">s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);</span><br /><span style="font-family: inherit;">}</span><br /><span style="font-family: inherit;">}</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">s = s.join("");</span><br /><span style="font-family: inherit;">s = s.substring(0,chop-1);</span><br /><span style="font-family: inherit;">return s;</span><br /><span style="font-family: inherit;">}</span><br /><span style="font-family: inherit;">function showrecentposts3(json) {</span><br /><span style="font-family: inherit;">    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;</span><br /><span style="font-family: inherit;">    img  = new Array();</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">      for (var i = 0; i < numposts3; i++) {</span><br /><span style="font-family: inherit;">        var entry = json.feed.entry[i];</span><br /><span style="font-family: inherit;">        var posttitle = entry.title.$t;</span><br /><span style="font-family: inherit;">        var pcm;</span><br /><span style="font-family: inherit;">        var posturl;</span><br /><span style="font-family: inherit;">        if (i == json.feed.entry.length) break;</span><br /><span style="font-family: inherit;">        for (var k = 0; k < entry.link.length; k++) {</span><br /><span style="font-family: inherit;">              if (entry.link[k].rel == 'alternate') {</span><br /><span style="font-family: inherit;">                posturl = entry.link[k].href;</span><br /><span style="font-family: inherit;">                break;</span><br /><span style="font-family: inherit;">              }</span><br /><span style="font-family: inherit;">        }</span><br /><span style="font-family: inherit;">        </span><br /><span style="font-family: inherit;">        for (var k = 0; k < entry.link.length; k++) {</span><br /><span style="font-family: inherit;">              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {</span><br /><span style="font-family: inherit;">                pcm = entry.link[k].title.split(" ")[0];</span><br /><span style="font-family: inherit;">                break;</span><br /><span style="font-family: inherit;">              }</span><br /><span style="font-family: inherit;">        }</span><br /><span style="font-family: inherit;">        </span><br /><span style="font-family: inherit;">        if ("content" in entry) {</span><br /><span style="font-family: inherit;">              var postcontent = entry.content.$t;}</span><br /><span style="font-family: inherit;">        else</span><br /><span style="font-family: inherit;">        if ("summary" in entry) {</span><br /><span style="font-family: inherit;">              var postcontent = entry.summary.$t;}</span><br /><span style="font-family: inherit;">        else var postcontent = "";</span><br /><span style="font-family: inherit;">        </span><br /><span style="font-family: inherit;">        postdate = entry.published.$t;</span><br /><span style="font-family: inherit;">    </span><br /><span style="font-family: inherit;">    if(j>imgr.length-1) j=0;</span><br /><span style="font-family: inherit;">    img[i] = imgr[j];</span><br /><span style="font-family: inherit;">    </span><br /><span style="font-family: inherit;">    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    var month = [1,2,3,4,5,6,7,8,9,10,11,12];</span><br /><span style="font-family: inherit;">    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    var day = postdate.split("-")[2].substring(0,2);</span><br /><span style="font-family: inherit;">    var m = postdate.split("-")[1];</span><br /><span style="font-family: inherit;">    var y = postdate.split("-")[0];</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    for(var u2=0;u2<month.length;u2++){</span><br /><span style="font-family: inherit;">        if(parseInt(m)==month[u2]) {</span><br /><span style="font-family: inherit;">            m = month2[u2] ; break;</span><br /><span style="font-family: inherit;">        }</span><br /><span style="font-family: inherit;">    }</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    var daystr = day+ ' ' + m + ' ' + y ;</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    var trtd = '<div class="contentdiv"><a href="'+posturl+'"><img width="<span style="color: red;"><b>407</b></span>" height="<b><span style="color: red;">240</span></b>" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"><h2 class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';</span><br /><span style="font-family: inherit;">    document.write(trtd);</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    j++;</span><br /><span style="font-family: inherit;">}</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">}</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">function showrecentposts4(json) {</span><br /><span style="font-family: inherit;">    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;</span><br /><span style="font-family: inherit;">    img  = new Array();</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">      for (var i = 0; i < numposts3; i++) {</span><br /><span style="font-family: inherit;">        var entry = json.feed.entry[i];</span><br /><span style="font-family: inherit;">        var posttitle = entry.title.$t;</span><br /><span style="font-family: inherit;">        var pcm;</span><br /><span style="font-family: inherit;">        var posturl;</span><br /><span style="font-family: inherit;">        if (i == json.feed.entry.length) break;</span><br /><span style="font-family: inherit;">        for (var k = 0; k < entry.link.length; k++) {</span><br /><span style="font-family: inherit;">              if (entry.link[k].rel == 'alternate') {</span><br /><span style="font-family: inherit;">                posturl = entry.link[k].href;</span><br /><span style="font-family: inherit;">                break;</span><br /><span style="font-family: inherit;">              }</span><br /><span style="font-family: inherit;">        }</span><br /><span style="font-family: inherit;">        </span><br /><span style="font-family: inherit;">        for (var k = 0; k < entry.link.length; k++) {</span><br /><span style="font-family: inherit;">              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {</span><br /><span style="font-family: inherit;">                pcm = entry.link[k].title.split(" ")[0];</span><br /><span style="font-family: inherit;">                break;</span><br /><span style="font-family: inherit;">              }</span><br /><span style="font-family: inherit;">        }</span><br /><span style="font-family: inherit;">        </span><br /><span style="font-family: inherit;">        if ("content" in entry) {</span><br /><span style="font-family: inherit;">              var postcontent = entry.content.$t;}</span><br /><span style="font-family: inherit;">        else</span><br /><span style="font-family: inherit;">        if ("summary" in entry) {</span><br /><span style="font-family: inherit;">              var postcontent = entry.summary.$t;}</span><br /><span style="font-family: inherit;">        else var postcontent = "";</span><br /><span style="font-family: inherit;">        </span><br /><span style="font-family: inherit;">        postdate = entry.published.$t;</span><br /><span style="font-family: inherit;">    </span><br /><span style="font-family: inherit;">    if(j>imgr.length-1) j=0;</span><br /><span style="font-family: inherit;">    img[i] = imgr[j];</span><br /><span style="font-family: inherit;">    </span><br /><span style="font-family: inherit;">    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    var month = [1,2,3,4,5,6,7,8,9,10,11,12];</span><br /><span style="font-family: inherit;">    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    var day = postdate.split("-")[2].substring(0,2);</span><br /><span style="font-family: inherit;">    var m = postdate.split("-")[1];</span><br /><span style="font-family: inherit;">    var y = postdate.split("-")[0];</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    for(var u2=0;u2<month.length;u2++){</span><br /><span style="font-family: inherit;">        if(parseInt(m)==month[u2]) {</span><br /><span style="font-family: inherit;">            m = month2[u2] ; break;</span><br /><span style="font-family: inherit;">        }</span><br /><span style="font-family: inherit;">    }</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    var daystr = day+ ' ' + m + ' ' + y ;</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    var trtd = '<li><a class="toc" href="#"><img width="<span style="color: red;">75</span>" height="<span style="color: red;">50</span>" class="alignnone" src="'+img[i]+'"/></a></li>';</span><br /><span style="font-family: inherit;">    document.write(trtd);</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">    j++;</span><br /><span style="font-family: inherit;">}</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">}</span><br /><span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">//]]></span><br /><span style="font-family: inherit;"></script></span></div><br /></div>4. Copas kode berikut ini <b>di bawah</b> kode <b><div id='main-wrapper'></b> atau yang sejenisnya.<br /><div><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><span style="font-family: inherit;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span><br /><span style="font-family: inherit;">      <div id='slide-wrapper'></span><br /><span style="font-family: inherit;"><b:section class='slide' id='slide' preferred='yes'/></span><br /><span style="font-family: inherit;">      </div></span><br /><span style="font-family: inherit;"></b:if></span></div><br />5. <b>Save Template!</b></div><div><br />6. Klik "Layout" dan akan tampak Widget Baru di atas "Blog Posts" seperti tampak dalam gambar di bawah ini. Jika tidak ada, cobra <i>"Refresh Page"</i> (Tekan F5). </div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWz2vijV-bJ6NN9esGnZ8a5x-PgeGTPzLfUblW4mPp_DYIspAqtxPibZI8l_XNeZzen3y9Q1Eif_ISyGjK5cm3rX50pZc03g0aFhjy1AiAST6sZr8vhFhewSZgCg8n6o9lbi83N4vfP5yH/s1600/top+colomn.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Featured Post Content Slider Image" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWz2vijV-bJ6NN9esGnZ8a5x-PgeGTPzLfUblW4mPp_DYIspAqtxPibZI8l_XNeZzen3y9Q1Eif_ISyGjK5cm3rX50pZc03g0aFhjy1AiAST6sZr8vhFhewSZgCg8n6o9lbi83N4vfP5yH/s1600/top+colomn.jpg" title="Featured Post Content Slider Image" width="400" /></a></div><div><br /></div><div>6. Klik "Edit" dan Copas kode berikut ini ke dalam "Content".</div><div><br /></div><div><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><span style="font-family: inherit;"><div id='featuredContent'></span><br /><span style="font-family: inherit;"><div class='sliderwrapper' id='featured-slider'></span><br /><span style="font-family: inherit;"><script></span><br /><span style="font-family: inherit;">document.write("<script src=\"/feeds/posts/default/-/<b><span style="color: red;">Label</span></b>?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");</span><br /><span style="font-family: inherit;"></script></span><br /><span style="font-family: inherit;"></div></span><br /><span style="font-family: inherit;"><div id='paginate-featured-slider'></span><br /><span style="font-family: inherit;"><ul></span><br /><span style="font-family: inherit;"><script></span><br /><span style="font-family: inherit;">document.write("<script src=\"/feeds/posts/default/-/<b><span style="color: red;">Label</span></b>?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");</span><br /><span style="font-family: inherit;"></script></span><br /><span style="font-family: inherit;"></ul></span><br /><span style="font-family: inherit;"><div class='clear'></div></span><br /><span style="font-family: inherit;"></div></span><br /><span style="font-family: inherit;"><script type='text/javascript'></span><br /><span style="font-family: inherit;">featuredcontentslider.init({</span><br /><span style="font-family: inherit;">id: "featured-slider", //id of main slider DIV</span><br /><span style="font-family: inherit;">contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]</span><br /><span style="font-family: inherit;">toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]</span><br /><span style="font-family: inherit;">nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.</span><br /><span style="font-family: inherit;">revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"</span><br /><span style="font-family: inherit;">enablefade: [true, 0.4], //[true/false, fadedegree]</span><br /><span style="font-family: inherit;">autorotate: [true, 5000], //[true/false, pausetime]</span><br /><span style="font-family: inherit;">onChange: function(previndex, curindex){ //event handler fired whenever script changes slide</span><br /><span style="font-family: inherit;">//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)</span><br /><span style="font-family: inherit;">//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)</span><br /><span style="font-family: inherit;">}</span><br /><span style="font-family: inherit;">})</span><br /><span style="font-family: inherit;"></script></span><br /><span style="font-family: inherit;"></div></span></div><br /><i>Catatan:</i><br /><i>1. Ganti <b>Label</b> dengan nama label posting yang akan ditampilkan di Featured Post Content Slider Image.</i><br /><i>2. Jika ingin menampilkan Posting Terbaru otomatis muncul di sana, maka HAPUS kode <span style="color: red; font-weight: bold;">/-/Label </span>sehingga menjadi begini: .... <span style="color: blue;">feeds/posts/default?max-results </span>...</i><br /><br /><b>7. Save!!! </b><br />Featured Post Content Slider Image mestinya sudah muncul.<br /><br /></div><div><h3><b>Cara Membuat Featured Post Content Slider Image</b></h3><div><b>VERSI 2 - Thumbnail Image di Samping Gambar Utama</b></div></div><div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijKQNwXL8b398TIcZzuFYuCYbZ8O__hzBZ_5JJLuvShDhNmcoy2_4lqmlmxctkVFfp7tBq726zBDxdJhYrG7H7kCS7Hwoh6z6DuSEgSlTjwf5zyKMcPyBKOglfqlI_MMAi6sVYgcrmfn-e/s1600/Featured+Content+Slider+for+Blogger+Using+jQuery.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Featured Post Content Slider Image" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijKQNwXL8b398TIcZzuFYuCYbZ8O__hzBZ_5JJLuvShDhNmcoy2_4lqmlmxctkVFfp7tBq726zBDxdJhYrG7H7kCS7Hwoh6z6DuSEgSlTjwf5zyKMcPyBKOglfqlI_MMAi6sVYgcrmfn-e/s1600/Featured+Content+Slider+for+Blogger+Using+jQuery.png" title="Featured Post Content Slider Image" width="400" /></a></div><div><b><br /></b></div><div><b><br /></b><b>CARA MEMBUAT</b><br />Tahapan Membuatnya kurang lebih sama dengan cara di atas, cuma beda kode dikit.</div><div><br />1. Template > Edit HTML<br />2. Copas kode berikut ini <b>di atas</b> kode <b><span style="color: red;">]]></b:skin></span></b><br /><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">#featured{width:<span style="color: red;">640</span>px;height:<span style="color: red;">250</span>px;position:relative;margin:0;padding:0}<br />#featured ul.ui-tabs-nav{position:absolute;top:0;right:0;list-style:none;width:240px;height:250px;margin:0;padding:0}<br />#featured ul.ui-tabs-nav li{position:relative;line-height:1.3em;padding:0}<br />#featured ul.ui-tabs-nav li span{font:bold 12px Arial;line-height:1.3em;color:#000;margin:0;padding:0}<br />#featured .ui-tabs-panel{width:400px;height:250px;background:#ddd;position:relative;overflow:hidden}<br />#featured .ui-tabs-panel img{width:400px;height:250px}<br />#featured .ui-tabs-hide{display:none}<br />#featured li.ui-tabs-nav-item a{display:block;width:215px;height:57px;color:#000;overflow:hidden;background:#ddd;border-left:10px solid #999;line-height:1.4em;outline:none;margin:0 0 2px;padding:2px 10px 2px 5px}<br />#featured li.ui-tabs-nav-item a:hover{border-left:10px solid #555;background:#ccc}<br />#featured li.ui-tabs-selected{position:absolute}<br />#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#aaa;display:block;border-left:10px solid #444}<br />#featured ul.ui-tabs-nav li img{width:75px;height:48px;float:left;background:#333;border:none;margin:4px 7px 4px 0;padding:0}<br />#featured .ui-tabs-panel .info{position:absolute;top:179px;left:0;height:71px;width:400px;background:#000;opacity:0.80;filter:alpha(opacity=80)}<br />#featured .info a{text-decoration:none;color:#eee}<br />#featured .info a:hover{color:#FE9A2E;text-decoration:underline}<br />#featured .info h2{font-size:15px;font-family:Arial, serif;color:#fff;overflow:hidden;margin:0;padding:5px}<br />#featured .info p{font-family:Arial;font-size:11px;line-height:15px;color:#f0f0f0;margin:0 5px}<br /><br />.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left; <br />word-wrap: break-word; overflow: hidden;} <br />.slide {color: #666666;line-height: 1.3em;} <br />.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;} <br />.slide li {margin:0;padding-top:0; <br />padding-right:0;padding-bottom:.25em; <br />padding-left:0px;text-indent:0px;line-height:1.3em;} <br />.slide .widget {margin:0px 0px 6px 0px;}  </div><br />3. Copas kode berikut <b>di atas</b> kode <b><span style="color: red;"></head></span></b><br /><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> </span><i>// Kode ini gak perlu diikutkan jika di template Anda sudah ada, cek ada dengan Ctrl+F lalu ketik <b>jquery </b>dan tekanEnter</i><br /><br /><script src='http://yourjavascript.com/511211242172/jquery-ui.min.js' type='text/javascript'/><br /><script type='text/javascript'><br />    $(document).ready(function(){<br />        $(&quot;#featured &gt; ul&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 4000, true);<br />    });<br /></script><br /><br /><script type='text/javascript'><br />//<![CDATA[<br />   imgr = new Array();<br /><br />imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZUCjubkyZfhyphenhyphenUqDTdFqUryv5gTRpNb3CHqUk0IC-LR9CLtXWsAxV7p4T88NMbR0_PLi1szXgLJgjKCBpaOTE0qu7Qi9IC9m7Q684dVHGWMj3ELNjYEBUPemHsI2Ft2nhsrRwtR8rUNY/s1600/no+image.jpg";<br /><br />showRandomImg = true;<br /><br />aBold = true;<br /><br />summaryPost = 70;<br />summaryTitle = 20;<br /><br />numposts1 = 4;<br /><br />function removeHtmlTag(strx,chop){<br />    var s = strx.split("<");<br />    for(var i=0;i<s.length;i++){<br />        if(s[i].indexOf(">")!=-1){<br />            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />        }<br />    }<br />    s =  s.join("");<br />    s = s.substring(0,chop-1);<br />    return s;<br />}<br /><br />function showrecentposts4(json) {<br />    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;<br />    img  = new Array();<br /><br />      for (var i = 0; i < numposts1; i++) {<br />        var entry = json.feed.entry[i];<br />        var posttitle = entry.title.$t;<br />        var pcm;<br />        var posturl;<br />        if (i == json.feed.entry.length) break;<br />        for (var k = 0; k < entry.link.length; k++) {<br />              if (entry.link[k].rel == 'alternate') {<br />                posturl = entry.link[k].href;<br />                break;<br />              }<br />        }<br />      <br />        for (var k = 0; k < entry.link.length; k++) {<br />              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {<br />                pcm = entry.link[k].title.split(" ")[0];<br />                break;<br />              }<br />        }<br />      <br />        if ("content" in entry) {<br />              var postcontent = entry.content.$t;}<br />        else<br />        if ("summary" in entry) {<br />              var postcontent = entry.summary.$t;}<br />        else var postcontent = "";<br />      <br />        postdate = entry.published.$t;<br />  <br />    if(j>imgr.length-1) j=0;<br />    img[i] = imgr[j];<br />  <br />    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);<br /><br />    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;<br /><br />    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';<br /><br /><br />    var month = [1,2,3,4,5,6,7,8,9,10,11,12];<br />    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];<br /><br />    var day = postdate.split("-")[2].substring(0,2);<br />    var m = postdate.split("-")[1];<br />    var y = postdate.split("-")[0];<br /><br />    for(var u2=0;u2<month.length;u2++){<br />        if(parseInt(m)==month[u2]) {<br />            m = month2[u2] ; break;<br />        }<br />    }<br /><br />  <br />    //var daystr = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";<br /><br /><br />    var trtd = '<div class="ui-tabs-panel ui-tabs-hide" id="post-'+i+'"><a href="'+posturl+'"><img width="400" height="246" src="'+img[i]+'"/></a><div class="info"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...<a href="'+posturl+'"></a></p></div></div>';<br /><br />    document.write(trtd);<br /><br />    j++;<br />}<br /><br />}<br /><br />function showrecentposts5(json) {<br />    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;<br />    img  = new Array();<br /><br />      for (var i = 0; i < numposts1; i++) {<br />        var entry = json.feed.entry[i];<br />        var posttitle = entry.title.$t;<br />        var pcm;<br />        var posturl;<br />        if (i == json.feed.entry.length) break;<br />        for (var k = 0; k < entry.link.length; k++) {<br />              if (entry.link[k].rel == 'alternate') {<br />                posturl = entry.link[k].href;<br />                break;<br />              }<br />        }<br />      <br />        for (var k = 0; k < entry.link.length; k++) {<br />              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {<br />                pcm = entry.link[k].title.split(" ")[0];<br />                break;<br />              }<br />        }<br />      <br />        if ("content" in entry) {<br />              var postcontent = entry.content.$t;}<br />        else<br />        if ("summary" in entry) {<br />              var postcontent = entry.summary.$t;}<br />        else var postcontent = "";<br />      <br />        postdate = entry.published.$t;<br />  <br />    if(j>imgr.length-1) j=0;<br />    img[i] = imgr[j];<br />  <br />    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);<br /><br />    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;<br /><br />    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';<br /><br /><br />    var month = [1,2,3,4,5,6,7,8,9,10,11,12];<br />    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];<br /><br />    var day = postdate.split("-")[2].substring(0,2);<br />    var m = postdate.split("-")[1];<br />    var y = postdate.split("-")[0];<br /><br />    for(var u2=0;u2<month.length;u2++){<br />        if(parseInt(m)==month[u2]) {<br />            m = month2[u2] ; break;<br />        }<br />    }<br /><br />  <br />    //var daystr = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";<br /><br /><br />    var trtd = '<li id="nav-post-'+i+'" class="ui-tabs-nav-item"><a href="#post-'+i+'"><img width="80" height="50" src="'+img[i]+'"/><span>'+posttitle+'</span></a></li>';<br /><br />    document.write(trtd);<br /><br />    j++;<br />}<br /><br />}<br /><br /> //]]><br /></script></div><br /><span style="text-align: justify;">4. Cari kode <span style="color: red;"><div id='main-wrapper'></span> atau yang sejenusnya. Copad kode berikut ini <b>di bawahnya.</b></span><br /><span style="text-align: justify;"><br /></span></div><div><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><b:if cond='data:blog.url == data:blog.homepageUrl'> <br />      <div id='slide-wrapper'> <br /><b:section class='slide' id='slide' preferred='yes'/> <br />      </div> <br /></b:if>  </div><br /><b>5. Save Template!</b><br /><b><br /></b>6. Klik "Layout". Akan Widget Baru di atas element "Blog Posts" seperti gambar di bawah ini. Jika belum muncul, Refresh dengan menekan tombol F5.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWz2vijV-bJ6NN9esGnZ8a5x-PgeGTPzLfUblW4mPp_DYIspAqtxPibZI8l_XNeZzen3y9Q1Eif_ISyGjK5cm3rX50pZc03g0aFhjy1AiAST6sZr8vhFhewSZgCg8n6o9lbi83N4vfP5yH/s1600/top+colomn.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Featured Post Content Slider Image" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWz2vijV-bJ6NN9esGnZ8a5x-PgeGTPzLfUblW4mPp_DYIspAqtxPibZI8l_XNeZzen3y9Q1Eif_ISyGjK5cm3rX50pZc03g0aFhjy1AiAST6sZr8vhFhewSZgCg8n6o9lbi83N4vfP5yH/s1600/top+colomn.jpg" title="Featured Post Content Slider Image" width="400" /></a></div><br />7. Saatnya memasang posting yang akan ditampilkan. Klik "Edit" dan  Copas kode berikut ini di kolom "Content". Kolom judul biarkan kosong!<br /><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><div id='featured'><br /><ul class="ui-tabs-nav"><br /><script><br />document.write("<script src=\"/feeds/posts/default/-/<span style="color: red;">Label</span>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");<br /></script><br /></ul><br /><script><br />document.write("<script src=\"/feeds/posts/default/-/<span style="color: red;">Label</span>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");<br /></script><br /></div></div><br /><i>Catatan:</i><br /><i>1. Ganti <b>Label</b> dengan nama label posting yang akan ditampilkan di Featured Post Content Slider Image.</i><br /><i>2. Jika ingin menampilkan Posting Terbaru otomatis muncul di sana, maka HAPUS kode <span style="color: red; font-weight: bold;">/-/Label </span>sehingga menjadi begini: .... <span style="color: blue;">feeds/posts/default?max-results </span>...</i><br /><i><br /></i>Demikian Cara Membuat Featured Post Content Slider Image / Slide Gambar Posting di halaman depan blog. Good Luck & Happy Blogging!</div>

Cara Membuat Featured Post Content Slider Image

Cara Membuat Featured Post Content Slider Image di Halaman Depan Blog yang SEO & User Friendly.  SEBELUMNYA CB pernah share tentang  F...

Baca selengkapnya »

Pengaruh Ganti Template Blog terhadap Trafik

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigTAd8zBg3NeACdVgV5VL-KmikYHGTHzM9RJjgTKx9ykUB4164MgqXTv4MW39BTFNRqEVY0rCH0L4hQmZefsbcKsa1UKFuczD86T7RQf0PenR_yc3btTM0Tz6zbD7xC8DizKhLOYMZ47bf/s1600/ganti+template+blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Pengaruh Ganti Template Blog terhadap Trafik" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigTAd8zBg3NeACdVgV5VL-KmikYHGTHzM9RJjgTKx9ykUB4164MgqXTv4MW39BTFNRqEVY0rCH0L4hQmZefsbcKsa1UKFuczD86T7RQf0PenR_yc3btTM0Tz6zbD7xC8DizKhLOYMZ47bf/s1600/ganti+template+blog.JPG" title="Pengaruh Ganti Template Blog terhadap Trafik" /></a></div><b>APAKAH</b> ganti template blog akan bedampak pada penurunan trafik (jumlah pengunjung)? Apa pengaruh mengganti template terhadap indeks Google?<br /><br />Itulah pertanyaan yang sering muncul di kalangan bogger. Umumnya, para blogger menjawab: ya, <a href="http://contohblognih.blogspot.com/2014/02/Cara-Mengganti-Template-Blog-Mengubah-Tampilan-Blog.html" target="_blank">mengganti template</a> berpengaruh, yaitu <i>bisa menurunkan trafik</i> atau mengurangi jumlah kunjungan!<br /><br />Alasannya, Google harus mengindeks kembali struktur blog kita!<br /><br />Benar demikian? Bisa jadi. Tapi, ada tapinya.... kalo kita intip obrolan di forum <a href="https://forums.digitalpoint.com/threads/does-change-in-blogger-template-effect-the-incoming-traffic.1818071/" rel="nofollow" target="_blank">Digital Point: Does change in blogger template effect the incoming traffic?</a>, maka jawabannya: ganti template blog TIDAK BERPENGARUH, selama <b>Meta Tags</b> (Blog Title, Blog Description, Keywords) tidak diubah.<br /><br />Lihat: <a href="http://contohblognih.blogspot.com/2014/03/meta-tags-seo-friendly-untuk-blog.html" target="_blank">Meta Tags SEO Friendly untuk Blog</a><br /><br />Ini sebagian jawaban di forum Digital Point atas pertanyaan "Apakah mengubah template blog berdampak pada trafik?"<br /><ul><li>Blogger template can't effect to your website traffic but it makes your website more search engine friendly.</li><li>I agree, I don't see a template change effecting it unless its a really slow loading one as Google have started taking speed into account as a factor of your rankings.</li><li>I am very sure that if u change blogger template than definitely change in incoming traffic.</li><li>No, .. changing the template alone won't affect your traffic.. There must be something else that is affecting your traffic.</li><li>No, changing the template may never affect to your site or blog.,</li><li>I don't think changing the template should have any effect. Did it change the META data?</li><li>No.. there's no any effect if you change your template.. If the traffics are gone it should be the case of meta date as jdhflip said.. or maybe you change your title tag..</li><li>Yes, i have done this and seen the change. Actually few months before, i changed the template of my blog, to make it attractive and trust me, thetraffic increased. Though off-page plays an important part in it but yes, template do effect the traffic a bit.</li><li>No i dont think that changing a template may affect to your traffic.</li><li>If your template has slowed down your website loading, it could affect your traffic.</li></ul>Jadi, yang menyebabkan penurunan trafik ketika ganti template itu bukan karena ganti templatenya, tapi karena sang blogger mengubah Meta Tags atau tidak menyamakan Meta Tags sebelumnya dengan Meta Tags yang ada di template baru.<br /><br />Kecuali, jika template baru itu BERAT alias tidak fast loading, maka jelas penyebabnya adalah karena jadi berat itu.<br /><br />Jika templatenya lebih seo friendly dan fast loading, ganti template bukan menurunkan trafik, tapi sebaliknya: menaikkan jumlah pengunjung!<br /><br />CB sendiri ganti template sudah dua kali, yaitu dari Johny Wuss, <a href="http://contohblognih.blogspot.com/2014/03/New-Johny-Wuss-SEO-Fast-Responsive-Blogger-Template.html" target="_blank">New Johny Wuss V1</a>, dan <a href="http://contohblognih.blogspot.com/2014/06/new-johny-wuss-v2-template-blog-seo.html" target="_blank">New Johny Wuss V2</a>. Dampaknya? Pengunjung malah naik. Rank Alexa juga naik.<br /><br />Kuncinya: template blognya lebih seo dan fast loading, meta tags tetap, bahkan ditambah dengan yang lebih relevan dengan konten blog.<br /><br /><b>KESIMPULAN</b><br /><br /><ol><li>Ganti template tidak akan berpengaruh pada trafik selama Meta Tags-nya (judul blog dan deskripsi blog) sama dengan template lama.</li><li>Ganti template bahkan akan menaikkan jumlah pengunjung (trafik), jika template baru lebih seo friendly, fast loading, responsive, dan memiliki struktur data yang baik.</li><li>Sebaliknya, jika template baru itu berat (tidak fast loading) dan tidak seo friendly, juga jika Anda mengubah Meta Tags, maka kemungkinan penurunan trafik sangat tinggi.</li></ol><div><b>SARAN</b></div><div><ol><li>Gunakan template yang seo friendly, fast loading, responsive, dan stuctured datanya tidak error (cek di <a href="http://www.google.com/webmasters/tools/richsnippets" rel="nofollow" target="_blank">Google RichSnippets</a>).</li><li>Jangan ubah Nama & Deskripsi Blog (Meta Tags) di template baru. Copas Meta Tags di template lama dan Paste ke template baru.</li><li>Jangan ragu ganti template, jika template terbaru yang Anda miliki lebih seo, lebih kenceng, dan lebih bagus! </li></ol><div>Pengalaman Anda ganti template blog bagaimana...? Please, share....!</div></div>

Pengaruh Ganti Template Blog terhadap Trafik

APAKAH ganti template blog akan bedampak pada penurunan trafik (jumlah pengunjung)? Apa pengaruh mengganti template terhadap indeks Google?...

Baca selengkapnya »

2 Template Simple Responsive Terbaru 2015

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHspr-hFjlaLGVzkvFBnsLUAruc18gwkMFsKQ5Hnt57ipJuL5CcFAli-Gsxfa0-mApDIFgGw0VyG9n7XJnMCMfnfuRlfwqaurJtx2K-UpDidCXCSSOSTgYcUEWG-NHSdCHE7jEX-tAsmxC/s1600/2014+-+2015.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="2 Template Simple Responsive Terbaru 2015" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHspr-hFjlaLGVzkvFBnsLUAruc18gwkMFsKQ5Hnt57ipJuL5CcFAli-Gsxfa0-mApDIFgGw0VyG9n7XJnMCMfnfuRlfwqaurJtx2K-UpDidCXCSSOSTgYcUEWG-NHSdCHE7jEX-tAsmxC/s1600/2014+-+2015.jpg" title="2 Template Simple Responsive Terbaru 2015" /></a></div><b><i>The Newest  SEO Ready, Mobile Friendly, Fast Loading, Cool,  Simple & Clean Responsive Blogger Template. Free Download!</i></b><br /><br /><b>SEO</b> Friendly, Mobile Friendly, User Friendly, ringan, cepat (Fast Loading), simple, dan terbaru 2015 adalah ciri-ciri template blog keren yang CB share ini, sebagaimana<a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank"> template-template blog seo</a> sebelumnya yang sudah lebih dulu hadir.<br /><br /><b>1. CB Bloggerz Template</b><br /><b>2. Cara CB Template</b><br /><br />Dua template ini merupakan hasil modifikasi atau versi lain dari <a href="http://contohblognih.blogspot.com/2014/11/new-thesis-seo-v2-responsive-fast.html" target="_blank">New Thesis SEO V2</a>. Hanya mengubah beberapa elemen, dengan tetap mempertahankan ke-seo-an, ke-responsif-an, dan loading cepatnya.<br /><br /><blockquote class="tr_bq">Dua template terbaru 2015 ini cocok dan dirancang untuk personal blog (blog pribadi).</blockquote><br />CB Bloggerz Template dua kolom, untuk blog pribadi dengan "niche blog" tertentu dan tidak banyak label/kategori.<br /><br />Cara CB Template tiga kolom, ada sidebar kiri untuk menampilkan label/kategori, bagi blog pribadi yang memilih "general blog" dengan banyak kategori.<br /><br />Keduanya memiliki skor seo sempurna, 100% (versi Chkme) dan loadingnya kenceng (nilai A-B) versi GT Metrix.<br /><br />Tak kalah pentingnya adalah kedua template ini sama-sama lolos Google Richsnippets alias Googel Structured Data yang punya peran penting bagi indeks mesin pencari --khususnya Google.<br /><br />Dua template ini gratis! Free, dengan catatan Anda tidak boleh menghapus credit link di footer! Jika menghapusnya, CB tidak akan tinggal diam --lapor ke Pengadilan Google DMCA!!!<br /><br />Ini dia link demo dan download kedua Template Simple Responsive Terbaru 2015 Free Download alias Gratis ini. Good Luck!<br /><br /><div style="text-align: center;"><b>CB Bloggerz - Simple & Clean Responsive Blogger Template</b></div><div style="text-align: center;"><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Qp3_07dNyHDUhV_3jgwyM4Qpp0Hf3HvyxNsi0RMNTSgdJF6bv_IdfjnHSlXyQeTugX2lSrVjtDyZJV5cjELr2c2gRGGRXSkBHhGoKW-gR_deZz4uJrBxeoPUAe8PI6tEj3sL0jM3SwTT/s1600/CB+Bloggerz+Responsive+Template+2015.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="CB Bloggerz - Simple & Clean Responsive Blogger Template" border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Qp3_07dNyHDUhV_3jgwyM4Qpp0Hf3HvyxNsi0RMNTSgdJF6bv_IdfjnHSlXyQeTugX2lSrVjtDyZJV5cjELr2c2gRGGRXSkBHhGoKW-gR_deZz4uJrBxeoPUAe8PI6tEj3sL0jM3SwTT/s1600/CB+Bloggerz+Responsive+Template+2015.png" title="CB Bloggerz - Simple & Clean Responsive Blogger Template" width="400" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;">1. <a href="http://cbbloggerz.blogspot.com/" target="_blank">Live Demo</a></div><div style="text-align: center;">2.<a href="http://downloads.ziddu.com/download/24273316/CB-Bloggerz-Template.zip.html" rel="nofollow" target="_blank"> Link Download</a><br />3. <a href="http://www.tusfiles.net/ljnuqt5gw1w8" rel="nofollow" target="_blank">Link Download 2</a><br /><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><b>Cara CB Template - </b><b>Simple & Clean Responsive Blogger Template</b></div><div style="text-align: center;"><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc5TOfsPhbPLQ0myaGg5wkDmfezlL51p31FlCKXS51AgLkIG5vrIiLNJ3-e9MEyHSwGSdtbQs9sMbfyD3nNh6_ms8W1cRpY8b8Hywr2r4Lnr0mWrG-c0KT7Y63yN8hxJ4FAljPKat1YreK/s1600/Cara+CB+Responsive+Template+2015.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara CB Template - Simple & Clean Responsive Blogger Template" border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc5TOfsPhbPLQ0myaGg5wkDmfezlL51p31FlCKXS51AgLkIG5vrIiLNJ3-e9MEyHSwGSdtbQs9sMbfyD3nNh6_ms8W1cRpY8b8Hywr2r4Lnr0mWrG-c0KT7Y63yN8hxJ4FAljPKat1YreK/s1600/Cara+CB+Responsive+Template+2015.png" title="Cara CB Template - Simple & Clean Responsive Blogger Template" width="400" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;">1. <a href="http://cara-cb.blogspot.com/" target="_blank">Live Demo</a></div><div style="text-align: center;">2. <a href="http://downloads.ziddu.com/download/24273317/Cara-CB-Template.zip.html" rel="nofollow" target="_blank">Link Download</a><br />3. <a href="http://www.tusfiles.net/ajkfdqv9kh2x" rel="nofollow" target="_blank">Link Download 2</a></div><div><br />Please remember! You have <b>no right </b>to <b>remove credit link footer</b> on these new, cool, and clean templates. Google DMCA will penalise you if yo do that. Thanks!</div>

2 Template Simple Responsive Terbaru 2015

The Newest  SEO Ready, Mobile Friendly, Fast Loading, Cool,  Simple & Clean Responsive Blogger Template. Free Download! SEO Friendly, M...

Baca selengkapnya »

Top 5 Template Blog Terpopuler 2014

<b><i>Template Blog Terpopuler Sepanjang Tahun 2014 - The Most Popular Blogger Templates of 2014.</i></b><br /><i><br /></i><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEeMZf2sKE8JHHq_Va3iRwzBzugZj0Ly3FCJprY1TAxZczX4fSOpaNrtz45YsaXJnZ697QUtqsP0KlT6sAsl56r35BmAnItCxFRhuXQjBS10OaAaBQlaT0qc7NEZf9a-sGTP9oQmjXwn7j/s1600/New+Johny+Wuss+V2+++Template+Blog+SEO,+Keren,+dan+Responsive.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Top 5 Template Blog Terpopuler 2014" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEeMZf2sKE8JHHq_Va3iRwzBzugZj0Ly3FCJprY1TAxZczX4fSOpaNrtz45YsaXJnZ697QUtqsP0KlT6sAsl56r35BmAnItCxFRhuXQjBS10OaAaBQlaT0qc7NEZf9a-sGTP9oQmjXwn7j/s1600/New+Johny+Wuss+V2+++Template+Blog+SEO,+Keren,+dan+Responsive.png" title="Top 5 Template Blog Terpopuler 2014" width="179" /></a></div><b>YANG</b> dimaksud "terpopuler" dalam judul "Top 5 Template Blog Terpopuler 2014" adalah template blog seo friendly, mobile friendly alias responsif, fast loading, simple, dan user friendly yang paling banyak digunakan oleh blogger Indonesia.<br /><br />Tentu, ini hasil "pengamatan" CB selama ini, terutama berdasarkan jumlah download atas template yang CB share di blog ini.<br /><br />Apakah Anda termasuk pengguna salah satu dari Top 5 Template Blog Terpopuler slama tahun 2014 ini? Jika ya, syukurlah....! Jika belum, <a href="http://contohblognih.blogspot.com/2014/02/Cara-Mengganti-Template-Blog-Mengubah-Tampilan-Blog.html" target="_blank">cepetan ganti template!</a><br /><br /><b>Top 5 Template Blog Terpopuler 2014 versi CB Bloggerz:</b><br /><ol><li><b>Johny Wusss </b>--termasuk variasinya: Johny Wuss Responsive, New Johny Wuss, dan New Johny Wuss V2, serta yang mirip dengannya: Google SEO Blogger Template.</li><li><b>Thesis SEO</b> --termasuk variasnya: New Thesis SEO dan Thesis SEO Responsive.</li><li><b>Fastest Magz</b>. Ini premium template, namun banyak juga tuh yang bagi-bagi template ini secara gratis!</li><li><b>Super SEO</b> --termasuk Super SEO versi Responsive-nya.</li><li>No. 5 ini sengaja dikosongkan untuk Anda isi di kolom komentar.</li></ol><div>Semua template blog terpopuler sepanjang tahun 2014 (<i>the most popular blogger templates of 2014</i>) itu ada di blog ini. Klik aja: <a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template SEO</a>. Silakan "ubek-ubek" ya :)</div><div><br /></div><div>Cek juga: <a href="http://contohblognih.blogspot.com/2014/07/13-template-blog-seo-responsif-terbaik-2014.html" target="_blank">Template Blog SEO Responsive Terbaik 2014</a></div><div><br /></div><div>Berikut ini "penampakan" template terpopuler alias terbanyak digunakan oleh blogger Indonesia tersebut:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhenUXhfjU0yCP1YQKbFerQUT6CIh93DQlBHLZcJWttoqD-vtKAi_WrknxjPTQsuaAOQ3l9i6nFA0G_Cz2J-bqjPBiL2176V1sZXDHbfJLN-MgpdW-HPN8cvXfPP73Tbc4Du-Wj9G5XuUBp/s1600/new+johny+wuss+responsive+blogger+template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="new johny wuss template" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhenUXhfjU0yCP1YQKbFerQUT6CIh93DQlBHLZcJWttoqD-vtKAi_WrknxjPTQsuaAOQ3l9i6nFA0G_Cz2J-bqjPBiL2176V1sZXDHbfJLN-MgpdW-HPN8cvXfPP73Tbc4Du-Wj9G5XuUBp/s1600/new+johny+wuss+responsive+blogger+template.jpg" title="new johny wuss template" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggxk4qTjQGK-I3qqo_TaDYY_AbdyAJZvEukGTIPOx5R6utn8dWoaxu8eNGv19BRH-s1DddFpssZyit0hYQns-DG7CRxcpQLpjhI015e5Ml6A7YTzQcTFA_wP8yGiutGUADcdwRFF-K4A8B/s1600/Johny+Wusss.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="johny wuss template" border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggxk4qTjQGK-I3qqo_TaDYY_AbdyAJZvEukGTIPOx5R6utn8dWoaxu8eNGv19BRH-s1DddFpssZyit0hYQns-DG7CRxcpQLpjhI015e5Ml6A7YTzQcTFA_wP8yGiutGUADcdwRFF-K4A8B/s1600/Johny+Wusss.jpg" title="johny wuss template" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrb0NaQpYNNDGtdfYysBCEw0eaERCy2yVIhhgtKJLBrpvu2tqh6HJaBhGTnk3351p-Mre7MpzoFlms1IrVMTZy1RI0eD-JR6F3OK204uomSwALmUHyk1VtjBB3aGrvJqvEfwvypaX_VpA/s1600/Google+SEO+++New+Responsive+Blogger+Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="google seo template" border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrb0NaQpYNNDGtdfYysBCEw0eaERCy2yVIhhgtKJLBrpvu2tqh6HJaBhGTnk3351p-Mre7MpzoFlms1IrVMTZy1RI0eD-JR6F3OK204uomSwALmUHyk1VtjBB3aGrvJqvEfwvypaX_VpA/s1600/Google+SEO+++New+Responsive+Blogger+Template.png" title="google seo template" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEeMZf2sKE8JHHq_Va3iRwzBzugZj0Ly3FCJprY1TAxZczX4fSOpaNrtz45YsaXJnZ697QUtqsP0KlT6sAsl56r35BmAnItCxFRhuXQjBS10OaAaBQlaT0qc7NEZf9a-sGTP9oQmjXwn7j/s1600/New+Johny+Wuss+V2+++Template+Blog+SEO,+Keren,+dan+Responsive.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="new johny wuss v2 template" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEeMZf2sKE8JHHq_Va3iRwzBzugZj0Ly3FCJprY1TAxZczX4fSOpaNrtz45YsaXJnZ697QUtqsP0KlT6sAsl56r35BmAnItCxFRhuXQjBS10OaAaBQlaT0qc7NEZf9a-sGTP9oQmjXwn7j/s1600/New+Johny+Wuss+V2+++Template+Blog+SEO,+Keren,+dan+Responsive.png" title="new johny wuss v2 template" width="287" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNIlEn_5btOTZPPpF0zqC5gAqS5Bcr5n0IPLp4ZrrE7lmisDsiMlQJT_51U5K2HFKdoo9bAQnfrxmufH-AquJ_EluVzlIh4PHokTxXbp8uMuYg1hdofPxwh3iHyMxy3f0vFCIepKha3KNh/s1600/Johny+Wuss+Responsif.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="johny wuss responsive" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNIlEn_5btOTZPPpF0zqC5gAqS5Bcr5n0IPLp4ZrrE7lmisDsiMlQJT_51U5K2HFKdoo9bAQnfrxmufH-AquJ_EluVzlIh4PHokTxXbp8uMuYg1hdofPxwh3iHyMxy3f0vFCIepKha3KNh/s1600/Johny+Wuss+Responsif.png" title="johny wuss responsive" width="275" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://www.blogger.com/blogger.g?blogID=3596307012226247629" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3DBpyvGEjiAohXUx6Hs8YV45V3KFOqQnsNj-oCVnezTrMjP0KBzfgGMshwCoYb8zFruMyrzbvFfRTtyoitfJ-Ktd9A1aGzURH-QcCmNbLi-fLEsujCONZsNTgA04mKzScrPP1Sr_3er3z/s1600/fastest+magz+v3+ori+free+terbaru.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="fastst magz template" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3DBpyvGEjiAohXUx6Hs8YV45V3KFOqQnsNj-oCVnezTrMjP0KBzfgGMshwCoYb8zFruMyrzbvFfRTtyoitfJ-Ktd9A1aGzURH-QcCmNbLi-fLEsujCONZsNTgA04mKzScrPP1Sr_3er3z/s1600/fastest+magz+v3+ori+free+terbaru.png" title="fastst magz template" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijxPF2CQ_FHOiDR88wWpvBQwP86F6b7gR3MimliCX14upTjnUWNxDJMLYqYzwoMURVvYYGIyQ7ujT2Qf20Tm4-QhgRXq5c8-_7r1NOTRYUZ51Ke1kuj6IgfcyTOdE8cxxNXfsrmBvQ6lLt/s1600/Super+SEO+Blogger+Template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="super seo blogger template" border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijxPF2CQ_FHOiDR88wWpvBQwP86F6b7gR3MimliCX14upTjnUWNxDJMLYqYzwoMURVvYYGIyQ7ujT2Qf20Tm4-QhgRXq5c8-_7r1NOTRYUZ51Ke1kuj6IgfcyTOdE8cxxNXfsrmBvQ6lLt/s1600/Super+SEO+Blogger+Template.jpg" title="super seo blogger template" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKektXbZI1DIVKLKlx60TBgyght33HIbWn1fd1CUjHPoP4iBEEysU576wP2tliFSG_iMEytsd601Bd6k5VYPEPhoybEkJb2pCwS1Sy9TdfPWLQArDbWoWCfd4onBT9m6pPPpy-02jhqR5Q/s1600/new-thesis-seo-blogger-template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="new thesis seo blogger template" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKektXbZI1DIVKLKlx60TBgyght33HIbWn1fd1CUjHPoP4iBEEysU576wP2tliFSG_iMEytsd601Bd6k5VYPEPhoybEkJb2pCwS1Sy9TdfPWLQArDbWoWCfd4onBT9m6pPPpy-02jhqR5Q/s1600/new-thesis-seo-blogger-template.jpg" title="new thesis seo" width="286" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Nah, yang New Thesis Seo ini nih.... aneh dan sayangnya, banyak digunakan oleh blogger yang "gituan" waduuuh.... ikut dosa ga ya....??? Mudah-mudahan nggak. Soal penyalahgunaan template 'kan urusan si blogger masing-masing.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Kok CB tau? Ya tau lah....!!! Soalnya ada kode CB yang tidak diubah sama mereka, sehingga "ada laporan" yang masuk via email soal kode tersebut. </div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Itulah Top 5 Template Blog Terpopuler 2014 versi CB and will continoues..... di tahun 2015. Soalnya, trend template dan desain website 2014 tentang fast loading, mobile friendly, dan SIMPLE akan berlanjut dan jadi primadona.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Algoritma Google, selain mengutamakan konten berkualitas, juga merekomendasikan template fast loads dan user friendly, seperti diterapkan di <a href="http://contohblognih.blogspot.com/2014/12/pro-Google-theme-template-blog-rekomendasi-google.html" target="_blank">Pro Google Theme</a>.*</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Cek Juga: <b><a href="http://newjohnywussv3.blogspot.com/" rel="nofollow" target="_blank">New Johny Wuss Versi 3 (New!)</a></b></div></div>

Top 5 Template Blog Terpopuler 2014

Template Blog Terpopuler Sepanjang Tahun 2014 - The Most Popular Blogger Templates of 2014. YANG dimaksud "terpopuler" dalam judu...

Baca selengkapnya »

Cara Memasang Back to Top Blog Tanpa jQuery

<b>Cara Membuat Tombol "Back to Top" di Blog Blogspot murni CSS + HTML, Tanpa jQuery!</b><br /><b><br /></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGmVFvndaGPunlutB8gSNqvTgxAKpHTHKuWdOqRhZ2-3YK4aF2uyl9tfrJ2h-20JfAioUPB3UglQLgEtgRmFacf__xdDYH-Y0lKF7B1vdqgaI36gORs_0niXPrb2NQWO0NibYVIVq2r5DC/s1600/back-to-top-button-tanpa-javascript.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Memasang Back to Top Blog Tanpa jQuery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGmVFvndaGPunlutB8gSNqvTgxAKpHTHKuWdOqRhZ2-3YK4aF2uyl9tfrJ2h-20JfAioUPB3UglQLgEtgRmFacf__xdDYH-Y0lKF7B1vdqgaI36gORs_0niXPrb2NQWO0NibYVIVq2r5DC/s1600/back-to-top-button-tanpa-javascript.jpg" title="Cara Memasang Back to Top Blog Tanpa jQuery" /></a></div><b>KEBANYAKAN </b>tutorial membuat tombol "Kembali ke Atas" (Bact to Top button) menggunakan jQuery alias JavaScript. Pengaruhnya, selain "ribet" pasangnya, adalah memperlambat loading blog.<br /><br />Dampak lainnya jika pake jQuery adalah terjadi "bentrok" atau "konflik" antara javascript, jika lupa menghaspus salah satu jquery. Intinya, gak banget deh!<br /><br />CB juga termasuk yang share tentang<a href="http://contohblognih.blogspot.com/2014/08/cara-memasang-back-to-top-di-blog.html" target="_blank"> back to top yang pake jQuery</a>. Kini tips tersebut gak lagi berlaku! Ganti dengan kode "Back to Top" yang murni CSS+HTML, tanpa JavaScript.<br /><br />Kode "Back to Top" yang ini jelas SEO Friendly dan bisa dibilang tidak ada pengaruhnya terhadap loading blog. Artinya, blog tetap loading cepat, tidak diperlambat dengan kode "Back to Top" ini.<br /><br /><b>BUAT APA?</b><br />Buat apa ada "Back to Top" di blog? Ini menyangkut UX alias User Experience. Mempermudah user kembali ke bagian atas halaman blog tanpa perlu scroll.<br /><br />Tombol "Back to Top" bagian dari upaya agar blog kita user friendly, bikin nyaman dan mudah pengunjung. Itulah sebabnya tombol "kembali ke atas" ini menjadi salah satu "trending" dalam desain situs web dan/atau template blog.<br /><br /><b>"Back to Top" Tanpa jQuery</b><br />CB juga sudah pasang tombol ini, tanpa jQuery. Ini kodenya, sudah seo friendly dan fast loads. Cara pasangnya juga gak mesti masuk ke template > edit HTML.<br /><br /><div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;"><a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img alt="kembali ke atas" src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCEhpEFFk1zbPzVCr2JXbA72ljZ28quEnuRC11W8MPFsOLZ_xNPMGI7K1TGZ3MQhW4aZSjEKU3OPIn0KORxJ0xa9KDSz_zXOHLVA9g-EA33Dzl5CDLsYDzN3tmgGwyiAcZU2guXPGdqtc/s1600/back+to+top.png</span> "/></a></div><br />Yang warna merah itu link gambar atau icon back to topnya. Bisa diganti. <a href="http://contohblognih.blogspot.com/2014/08/cara-memasang-back-to-top-di-blog.html" target="_blank">Lihat di posting sebelumnya</a>.<br /><br /><b>CARA PASANGNYA:</b><br />1. Layout > Add a Gadget > pilih Javascript/HTML<br />2. Copas kode di atas di bagian content/isi.<br />3. Save! Beres da ah...!!!<br /><br /><b>KODE LAINNYA</b><br />Kode berikut ini sama bagus dan seo friendly. Tanpa jQuery juga. CB modif dari kode yang di-share blog <a href="http://www.mystylesheets.com/2014/06/back-top-scroll-widget-css.html" rel="nofollow" target="_blank">MS2</a>. Cara pasangnya agak ribet dikit sih, tapi hasilnya lebih <i>wusss!!!</i> Lebih kenceng karena tanpa url image.<br /><br />1. Template > Edit HTML<br />2. Copas kode berikut ini tepat di atas kode <span style="color: red;"></body> </span>(lihat bagian template paling bawah banget!)<br /><b><br /></b><br /><div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;"><span class='back-to-top'><a href='#'> &#8593; </a></span><br /><span class='back-to-top-a'><a href='<span style="color: red;">http://contohblognih.blogspot.com/</span>'>CB</a></span><br /><style><br />.back-to-top {position: fixed ;bottom:20px;right:10px;z-index:9999999}<br />.back-to-top-a {font-size:10px;z-index:9999999;opacity:0.2;position:fixed;bottom:0;}<br />.back-to-top a {font-size: 30px ;background-color: #DD3434 ;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:12px 18px 20px;text-decoration: none}.back-to-top a:hover {background-color: #272727 ;text-decoration: none}<br /></style></div><br /><b>Note! </b>Ganti <span style="background-color: #f2f2f2; color: red;">http://contohblognih.blogspot.com/ </span>dengan alamat blog Anda.<br /><b><br /></b><b>3. Save Template!</b><br /><br />Itu dua dua kode tombol "kembali ke atas" (<i>back to top button</i>) seo friendly & fast loasing, murni CSS+HTML tanpa javascript --user friendly & aman bagi loading blog! Good Luck!

Cara Memasang Back to Top Blog Tanpa jQuery

Cara Membuat Tombol "Back to Top" di Blog Blogspot murni CSS + HTML, Tanpa jQuery! KEBANYAKAN tutorial membuat tombol "Kembal...

Baca selengkapnya »

Cara Membuat & Menampilkan Halaman Statis Blog di Navigasi Menu

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CKkb4hek64AFB4Mi7Qtzov9nWDIos1ZKQkSmrPqhl8BaN17snA6glTB4_5Ufe4hPo39D-dKGsIX4LxuqS4e29gtN4beSiys5f-yKmNMfWEtC20zNnhmT1SJgjCqYJEUBrwHnOMJejCXc/s1600/create-static-page-in-blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Menampilkan Menu Halaman Statis Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CKkb4hek64AFB4Mi7Qtzov9nWDIos1ZKQkSmrPqhl8BaN17snA6glTB4_5Ufe4hPo39D-dKGsIX4LxuqS4e29gtN4beSiys5f-yKmNMfWEtC20zNnhmT1SJgjCqYJEUBrwHnOMJejCXc/s1600/create-static-page-in-blogger.jpg" title="Cara Menampilkan Menu Halaman Statis Blog" /></a></div><b>BAGI</b> newbie, memunculkan atau menampilkan link Halaman Statis (Static Page) di Navigasi Menu Blog bukan perkara gampang --karena belum tahu aja. Nyaris percuma 'kan, kita bikin halaman statis (page), tapi gak keliatan dan "ditengok" sama pengunjung?<br /><br />Halaman (Page) atau Halaman Statis (Static Page) adalah jenis halaman yang biasanya berisi konten "statis", jarang sekali diubah. Sekali bikin, ya sudah... begitulah namanya halaman statis, meskipun masih bisa diedit/update kapan saja.<br /><br />Beda dengan "halaman dinamis", yakni halaman postingan (Posts) yang kita buat setiap kali kita menulis konten blog.<br /><br /><b>APA SAJA HALAMAN STATISNYA?</b><br />Konten blog yang biasanya menjadi halaman statis adalah:<br /><ol><li>About (Tentang)</li><li>Sitemap (Daftar Isi)</li><li>Contact (Kontak)</li></ol>Untuk blog bisnis bisa ditambah dengan halaman:<br /><ol><li>Privacy Policy/Disclaimer</li><li>Services (Layanan)</li><li>Products (Produk)</li></ol><div>Untuk blog organisasi, bisa ditambah dengan halaman:</div><div><ol><li>Profil</li><li>Sejarah</li><li>Susunan Pengurus</li><li>Visi Misi</li><li>Program</li><li>Agenda</li><li>Galeri Foto</li><li>Galeri Video</li></ol><div>Nah, halaman-halaman tersebut disebut Halaman Statis (Static Page). </div><div><br /></div><b>CARA MEMBUATNYA</b><br /><div>"Each blog can have up to 20 pages," kata blogger. Tiap blog maksimal bisa membuat 20 halaman statis. Tidak bis lebih.</div><div><br />Cara membuatnya sudah ada di panduang Blogger: <a href="https://support.google.com/blogger/answer/165955?hl=en" target="_blank">Create a new page on your blog</a>. Ringkasnya:</div></div><div><ol><li>Klik menu "Pages" (Halaman) di Dashboard Blog.</li><li>Klik "New Page" (Halaman Baru)</li><li>Silakan Isi "nama halaman" dan "konten halaman".</li></ol><h3>Cara Menampilkan Halaman Statis di  Menu Navigasi Blog</h3></div><div>Nah, sekarang bagaimana cara menampilkannya? Jika template Anda bukan default blogger, artinya template hasil download dari "pihak ketiga", biasanya sudah ada link menu halaman statis di dalam template.</div><div><br /></div><div>Anda tinggal ganti link dan nama halamannya, misalnya seperti ini:</div><div><br /></div><div><span style="color: blue;"><div class='Menu'></span></div><div><span style="color: blue;"><ul></span></div><div><span style="color: blue;"><li><a href='/'>Home</a></li></span></div><div><span style="color: blue;"><li><a href='#'>About</a></li></span></div><div><span style="color: blue;"><li><a href='#'>Contact</a></li></span></div><div><span style="color: blue;"></ul></span></div><div><span style="color: blue;"></li></span></div><div><br /></div><div>Ganti tanda pagar (#) dengan link halaman Anda, misalnya: </div><div><span style="color: blue;"><li><a href='http://contohblognih.blogspot.com/p/about-cb.html'>About</a></li></span></div><div><br /></div><div>Dari mana mendapatkan linknya? Lihat gambar di bawah. Klik kanan di menu "View" dan klik "Copy Link Address".  Coba paste di Notepad. Itulah link halaman statisnya!</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVxWB5r2_9_hn6wnAmli1jEnJVQL7AbPqzYfKhmd88MuGwrERHHdVHMg53z0Mh2tN7uHxQ9OhrE3zg9LZGSGc9ZZBPHd1U1mqS5XDn-a8OIJhfHPfPVJEGajkRKqhw1wDx3v1UBoj9u9FX/s1600/How+to+add+Static+Pages+to+a+Blogger+Blog++UPDATED++++Helplogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menampilkan Menu Halaman Statis Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVxWB5r2_9_hn6wnAmli1jEnJVQL7AbPqzYfKhmd88MuGwrERHHdVHMg53z0Mh2tN7uHxQ9OhrE3zg9LZGSGc9ZZBPHd1U1mqS5XDn-a8OIJhfHPfPVJEGajkRKqhw1wDx3v1UBoj9u9FX/s1600/How+to+add+Static+Pages+to+a+Blogger+Blog++UPDATED++++Helplogger.png" title="Cara Menampilkan Menu Halaman Statis Blog" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Cara lainnya, dan ini biasa berlaku di template bawaan blogger, yaitu dengan menambahkan gadget:</div><div class="separator" style="clear: both; text-align: left;"></div><ol><li>Klik "Layout" > "Add a Gadget" </li><li>Pilih "Page List"</li><li>Nah... di sinilah halaman statis Anda bermunculan.</li></ol><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDHGzxhYLaVf_lzKGFc97UQQzsQawAf5Vj9AfDyGLYLRV1Py3EvXbV8az4fu-UCRDSk55I_BbU08BVGVReiKdYUW5y-OnFQUIXYd5u3TWAB-gN0mO1nbRno509-M1KrM2StYVFmyoH6qg/s1600/How+to+add+Static+Pages+to+a+Blogger+Blog++UPDATED++++Helplogger+(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menampilkan Menu Halaman Statis Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDHGzxhYLaVf_lzKGFc97UQQzsQawAf5Vj9AfDyGLYLRV1Py3EvXbV8az4fu-UCRDSk55I_BbU08BVGVReiKdYUW5y-OnFQUIXYd5u3TWAB-gN0mO1nbRno509-M1KrM2StYVFmyoH6qg/s1600/How+to+add+Static+Pages+to+a+Blogger+Blog++UPDATED++++Helplogger+(1).png" title="Cara Menampilkan Menu Halaman Statis Blog" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>Demikian Cara Menampilkan Menu Halaman Statis Blog, panduan bagi Newbies alias para blogger baru. Good Luck!</div><br />

Cara Membuat & Menampilkan Halaman Statis Blog di Navigasi Menu

BAGI newbie, memunculkan atau menampilkan link Halaman Statis (Static Page) di Navigasi Menu Blog bukan perkara gampang --karena belum tahu...

Baca selengkapnya »

Serbuan Komentar dari Admin Blog "Gituan"

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPnWrq2ig5Vf0obgPxjWNBHlU9RjdzCPnjgIe2kS9V9KqlG76D7wf0CS3QqqnW9SHIDM5Cnyi3BbhBHFzQ8aE4Q0YxHUjMTUg0GM4E0ZLIRE7_1nrpEseYuqSrzDSC3PLN8bjuYN8PKcsl/s1600/komentar+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Komentar Spam dari Admin Blog Dewasa" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPnWrq2ig5Vf0obgPxjWNBHlU9RjdzCPnjgIe2kS9V9KqlG76D7wf0CS3QqqnW9SHIDM5Cnyi3BbhBHFzQ8aE4Q0YxHUjMTUg0GM4E0ZLIRE7_1nrpEseYuqSrzDSC3PLN8bjuYN8PKcsl/s1600/komentar+blog.jpg" title="Komentar Spam dari Admin Blog Dewasa" /></a></div><b>Cara Mengatasi Komentar Spam dari Admin Blog Dewasa.</b><br /><b><br /></b><b>NYARIS</b> setiap hari blog ini mendapatkan "serbuan" komentar "spammy" dan "modus" dari admin blog "gituan" dan jualan obat kuat untuk "begituan".<br /><br />Tentu saja, <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a> tidak bisa publish karena Google Adsense (GA) melarang ada link ke situs dewasa dan judi di blog yang ikut program GA. Nah, daripada CB kena banned GA? Ya maaf maaaf kate ye, gak bisa dipublish tuh.... :)<br /><br />Baca deh: <b><a href="http://contohblognih.blogspot.com/2014/01/cara-daftar-dan-syarat-iklan-google.html" target="_blank">Cara Daftar & Syarat Diterima Google Adsense.</a></b><br /><br />Banyak juga komentar spam, spammy, dan "junk comment" yang otomatis tidak bisa muncul dan masuk ke folder "Spam Comment". Itu mah sama blogger lho ya diurusnya, karena blogger memang membantu para blogger untuk urusan komentar spam.<br /><br />Sebelum posting ini ditulis, CB menghapus sekitar 8-10 komentar spam dari admin blog toko online yang jual "obat gituan". Ada juga blog toko online "s*x shop". Ihh.... ngeri!!!<br /><br />Rupanya, mereka "sedang usaha" mencari backlink, link effect, atau setidaknya berusaha mengenalkan blog "gituan" mereka ke blog CB yang memang... ehm... lumayan tinggi tuh Alexa Rank dan PageViews-nya!<br /><br />Harga blog CB ini bahkan diperkirakan mencapai Rp1 Miliar lho! :) (Baca: <a href="http://contohblognih.blogspot.com/2014/11/wow-harga-blog-cb-lebih-dari-rp-1-miliar.html" target="_blank">Harga Blog CB Rp1 M</a>).<br /><br />Anda juga mengalami Serbuan Komentar dari Admin Blog "Gituan"???  Bagaimana Anda mengatasinya?

Serbuan Komentar dari Admin Blog "Gituan"

Cara Mengatasi Komentar Spam dari Admin Blog Dewasa. NYARIS setiap hari blog ini mendapatkan "serbuan" komentar "spammy"...

Baca selengkapnya »

6 Cara Mendapatkan Backlink Blog Berkualitas

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikzFgcWyN5uYNr-GGXQYLaZjHaddNAr3htFz3H6Ih_1wfabyMO9g3xk5skOuvYkkWP7MK_t9oUwnJmWmtPOrIJrKjDkOcPcN71eCSLf8F4E3ZK1520jC8JnoODeMWqA_eHkcaobUDOC4s3/s1600/backlinks-berkualitas-blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="6 Cara Mendapatkan Backlink Blog Berkualitas" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikzFgcWyN5uYNr-GGXQYLaZjHaddNAr3htFz3H6Ih_1wfabyMO9g3xk5skOuvYkkWP7MK_t9oUwnJmWmtPOrIJrKjDkOcPcN71eCSLf8F4E3ZK1520jC8JnoODeMWqA_eHkcaobUDOC4s3/s1600/backlinks-berkualitas-blog.png" title="6 Cara Mendapatkan Backlink Blog Berkualitas" /></a></div><b>CARA</b> membangun, memperoleh, atau mendapatkan Backlink Berkualitas (High Quality Backlinks) bagi blog tidak semudah nulis komentar "nice info" lalu "nyepam" dengan menuliskan alamat blog atau meninggalkan link aktif (live link).<br /><br />Banyak blogger "newbie" mengira, dengan berkomentar di banyak blog, mereka akan mendapatkan backlink. Tidak demikian. Mayoritas link di kolom komentar blog disetting default "nofollow" sehingga tidak menjadi backlink.<br /><br />Kehadiran kode anti komentar spam juga akan menghapus secara otomatis komentar yang berisi link aktif atau alamat blog.<br /><blockquote class="tr_bq"><i>Pasang/copas kode <span style="color: blue;">.comment-content a {display: none;} </span>di atas kode </b:skin> di template blog, maka otomatis komentar spam dan sampah [junk comment] akan terhapus.</i></blockquote><b>Pengertian Backlink</b><br />Backlink (Inbound Link) adalah tautan dari blog lain yang mengarah ke blog kita atau alamat blog kita yang ada di blog lain.<br /><blockquote class="tr_bq">A backlink is an incoming hyperlink that connects the web page or content to another website. Backlinks arevery important when it comes to page ranking as Google rates them highly. </blockquote><b>Pentingnya Backlink Berkualitas</b><br /><div>Backlink berkualitas yaitu link blog kita yang ada di situs populer dan/atau banyak pengunjungnya. 10 backlink berkualitas akan mengalahkan 200 backlink kualitas rendah.<br /><br />Google hanya akan memperhitungkan backlink dari situs berkualitas. Backlink yang didapatkan secara ilegal bahkan akan menyebabkan blog kita di-<i>banned</i> atau dipenalti.<br /><br />Anda yang suka nyepam di blog orang lain akan dideteksi oleh Google. Akibatnya, situs Anda pun akan kena sanksi Google, minimal sulit diindeks dan disimpan di peringkat bawah di halaman hasil pencarian (SERP).</div><div><h3><b>6 Cara Mendapatkan Backlink Blog Berkualitas</b></h3>Berikut ini Cara Mendapatkan Backlink Blog Berkualitas versi <a href="http://helplogger.blogspot.com/2014/12/how-to-build-high-quality-backlinks.html" rel="nofollow" target="_blank">Help Blogger</a> yang sudah terbukti ampuh. CB edit sedemikian rupa agar lebih mudah dipahami blogger "newbie".<br /><br /><b>1. Buatlah Posting (Tulisan/Konten) yang Panjang dan Menarik</b><br />Create Long, Interesting Posts. Misalnya tulisan tentang tips & trik, tutorial, menggunakan gambar, chart, dan grafis lainnya.<br /><br />Tulisan panjang itu antara 1000 hingga 1200 kata. Namun, semua kata dan kalimatnya benar-benar bermakna, bukan asal panjang, apalagi mengulang-ulang kata kunci (<i>stuffing</i>).<br /><br /><b>2. Aktif di Forum-Forum</b><br />Participate in Forums. Misalnya di kaskus atau forum netizen. Forum online biasanya menyediakan profil, seperti halnya media sosial, dan kita bisa memasukkan alamat blog.<br /><br />Forum lainnya adalah Yahoo Answer di mana Anda bisa menjawab pertanyaan orang lain dan menyertakan link blog Anda --jika jawabannya ada di blog Anda tentunya.<br /><br /><b>3. Membuat eBook</b><br />Write e­Books. Buat buku elektronik dan share di media sosial dan forum-forum. Ini akan "build high quality backlinks".<br /><br /><b>4. Miliki Produk Gratis</b><br />Have Free Products. Berbagi template adalah salah satunya. Setiap orang suka yang gratisan. Jika produk gratis itu baik, menarik, halal, dan berguna, maka otomatis user akan menyebarkannya.<br /><br /><b>5. Gunakan Videos</b><br />Buatlah akun YouTube dan upload video yang unik dan menarik. Video tentang "cara" (how to) akan selalu menarik pengunjung.<br /><br /><b>6. Interaksi dengan Blog Lain</b><br />Interact with Other Blogs. Jangan "menyendiri". Lakukan "blogwalking" dan berinteraksilah dengan sesama blogger.<br /><br />Tulislah komentar yang berkualitas, bukan komentar asal apalagi komentar "modus", spam, dan sampah, serta <a href="http://contohblognih.blogspot.com/2014/09/jangan-minta-kunjungan-balik-komentar-blog.html" target="_blank">JANGAN PERNAH MINTA KUNJUNGAN BALIK!</a><br /><br />Hindari komentar yang menyertakan link hidup, link aktif, dan spammy. Jangan pernah berkomentar dengan menuliskan alamat lengkap blog, kecuali jika ditanyakan oleh admin blogger.<br /><br />Komentar yang menuliskan alamat blog biasanya tidak akan dipublish oleh admin blogger.<br /><br />Demikianlah sebagian tips Cara Mendapatkan Backlink Blog Berkualitas. Baca juga <a href="http://contohblognih.blogspot.com/2014/11/cara-efektif-membangun-backlink-blog.html" target="_blank">Cara Efektif Membangun Backlink Blog</a>. Good Luck!</div>

6 Cara Mendapatkan Backlink Blog Berkualitas

CARA membangun, memperoleh, atau mendapatkan Backlink Berkualitas (High Quality Backlinks) bagi blog tidak semudah nulis komentar "nic...

Baca selengkapnya »

5 Tips SEO Dasar untuk Blogger Baru (Newbie)

<b><i>Tips, trik, dan tips SEO dasar banget buat para blogger baru dan saat membuat blog baru.</i></b><br /><b><br /></b><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiioeDrrzMevhQ82l1ZTs_3_1CCLiHR_NSb08zoUuVYoKaoRP__aHSqTO3UHwSBtzz5t6VRCIUyfAoImnu7OCJSNZ4fkt2NLlptTKehS_0uat3MIuo0MP4nXjpaTxzhbyCvpzY307oO-nVk/s1600/SEO+Blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="5 Tips SEO Dasar untuk Blogger Baru (Newbie)" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiioeDrrzMevhQ82l1ZTs_3_1CCLiHR_NSb08zoUuVYoKaoRP__aHSqTO3UHwSBtzz5t6VRCIUyfAoImnu7OCJSNZ4fkt2NLlptTKehS_0uat3MIuo0MP4nXjpaTxzhbyCvpzY307oO-nVk/s1600/SEO+Blog.jpg" title="5 Tips SEO Dasar untuk Blogger Baru (Newbie)" /></a></div><b>KARENA</b> banyak yang "mengaku" newbie di dunia blogging, berikut ini CB share tentang panduan SEO dasar untuk blogger baru alias newbie itu.<br /><br />Optimisasi blog yang dikenal dengen sebuat SEO Blog itu mesti dilakukan agar blog kita terindeks Google dan mudah ditemukan user (pengguna), visitor (pengunjung), atau reader (pembaca). Pasalnya, blog kita bersaing ketat dengan blog lain.<br /><br />Sebenarnya tanpa SEO sama sekali pun blog bisa terkenal dan banyak pengunjung, jika tulisannya orisinal (asli) dan unik, gak ada di blog lain, eksklusif, dan dicari user, serta ditambah promosi dan SEO Offline.<br /><h3><b>Pengertian SEO</b></h3>SEO (baca: <i>eS-i-Ow</i>) adalah singkatan dari Search Engine Optimization, yaitu upaya agar blog kita diindeks mesin pencari (yaitu situs pencarian seperti Google, Bing, dan Yahoo!) sehingga ditemukan pengunjung.<br /><br />Menurut data <a href="https://www.blogger.com/sumber%20:%20http://id.wikipedia.org/wiki/Optimisasi_mesin_pencari/" rel="nofollow" target="_blank">Wikipedia</a>, istilah SEO pertama kali digunakan 26 Juli 1997 oleh sebuah pesan <i>spam</i> yang diposting di Usenet. Pada masa itu, algoritma mesin pencari belum terlalu kompleks sehingga mudah dimanipulasi.<br /><br />Versi awal algoritma pencarian didasarkan sepenuhnya pada informasi yang disediakan oleh webmaster melalui <i>meta tag</i> pada kode HTML situs web/blog mereka. <i>Meta tag</i> menyediakan informasi tentang konten (isi) yang terkandung pada suatu halaman web dengan serangkaian kata kunci (<i>keyword</i>).<br /><br />Sebagian webmaster melakukan manipulasi dengan cara menuliskan kata kunci yang tidak sesuai dengan konten situs yang sesungguhnya, sehingga mesin pencari salah menempatkan dan memeringkat situs tersebut. <div><br /></div><div>Saat ini, seiring update algoritma Google, manipulasi semacam itu --dikenal dengan Stuffing-- sudah tidak berlaku. </div><h3><b>5 SEO Dasar untuk Blogger Baru</b></h3><div>SEO dasar ini untuk blog platform <a href="http://blogger.com/" rel="nofollow" target="_blank">blogger/blogspot</a>. Untuk blog platform lain, seperti WordPress, mungkin akan dibahas di kesempatan lain (tapi gak janji).</div><div><br /></div><div><b>1. Nama/Judul Blog</b></div><div>Buatlah nama/judul blog (Blog Title) yang relevan atau sesuai dengan sebagian besar konten (isi) blog. </div><div><br /></div><div>Misalnya, jika blog Anda berisi tulisan (teks), foto, video, dan/atau audio tentang <b>sepakbola</b>, maka buatlah nama blog yang mengandung kata <b>sepakbola </b>--misalnya <b>Sepakbola Magz</b> dengan domain Url <b>sepakbolamagz.blogspot.com</b>.</div><div><br /></div><div>Anda bisa gunakan <a href="http://www.spinxo.com/blog-names" rel="nofollow" target="_blank">Blog Name Generator</a> jika bingung mencari atau memilih nama blog.<br /><div><br /></div></div><div><b>2. Gunakan Meta Tags</b></div><div>Jangan lupa mengisi <i><b>Blog Description</b></i> dan <i><b>Search Description</b></i> di "Setting" > "Basic" > "Description" setelah Anda membuat satu blog. </div><div><br /></div><div>Misalnya, seperti punya CB ini, di bagian "Title" tulis "Contoh Blog" dan di bagian Description tulis "<i>Panduan blogging untuk pemula - Tips SEO dan desain blog, download template SEO friendly gratis, cara membuat blog keren dan contohnya</i>".</div><div><br /></div><div>Di bagian "Setting" > "Search Preference" > Meta Tags > Description isi juga dengan gambaran isi blog Anda, misalnya: "<i>Panduan Blog untuk Pemula - Tips SEO Blog, Desain Blog, Download Template Blog SEO Friendly Gratis, Cara Membuat Blog keren</i>".</div><div><br /></div><div><b>3. Manfaatkan Google Webmaster Tools.</b></div><div>Buka <a href="https://www.google.com/webmasters/tools/home?hl=en&pli=1" rel="nofollow" target="_blank">Webmaster Tools</a>, login dengn akun gmail/blogger Anda, klik "ADD A SITE" di kanan atas, dan masukkan URL blog Anda!</div><div><br /></div><div>Setelah itu, masukkan sitemap dengan cara klik "Manage Site" (Kelola Situs) dan "Add A Sitemap" (Tambahkan Peta Situs) dengan cara:</div><div>- tambahkan <span style="color: red;">sitemap.xml</span> di kolom akhir yang ada di belakang nama blog Anda. Klik "Submit" dan "Refresh".</div><div>- Klik sekali lagi "Add A Sitemap" dan masukkan kode</div><div> <span style="color: red;">atom.xml?redirect=false&start-index=1&max-results=500 </span>di belakangnya: dan klik lagi "Submit" dan "Refresh".</div><div><br /></div><div><b>4. Daftarkan Blog ke Google</b>.</div><div>Sebenarnya begitu dibuat, blog kita sudah terdaftar di Google karena blogspot 'kan milik Google dan terintegrasi dengan akun Google, Gmail, Youtube, dll. </div><div><br /></div><div>Namun, untuk mempercepat indeks blog kita, maka buka <a href="https://www.google.com/webmasters/tools/submit-url" rel="nofollow" target="_blank">Submit Url</a> dan masukkan alamat blog Anda di kolom yang tersedia.</div><div><br /></div><div><b>5. Link dengan Akun Media Sosial</b></div><div>Tautkan blog Anda dengan media sosial. Buatlah <i>Fans Page Facebook, Twitter</i>, dan <i>Google Plus</i>. Bisa ditambah dengan <i>Youtube, Pinterest, LinkedIn</i>, dan sebagainya, lalu masukkan alamat blog Anda di bagian "profile". Ini akan menjadi "backlink" blog Anda.</div><div><br /></div><div>Itulah 5 Dasar SEO Blog bagi pemula (blogger baru), juga berlaku setiap kali kita membuat blog baru.</div><h3>Gunakan Template SEO</h3><div>Untuk mendukung lima tahap dasar seo tadi, maka gunakan <a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template SEO Friendly</a> yang ringan, fast loading (cepat tampil), clean (bersih), user friendly, dan responsive alias mobile friendly.</div><div><br /></div><div>Di atas semua tips seo tadi, kunci sukses utama blogging adalah KONTEN --isi blog. Maka, buatlah selalu <a href="http://contohblognih.blogspot.com/2014/06/membuat-konten-blog-berkualitas.html" target="_blank">Konten Berkualitas</a> (Quality Content) seperti disarankan Google. <i>Jangan terlalu ngurusin tampilan, desain, atau sisi artistik blog!</i></div><div><br /></div><div>Untuk tips, trik, dan tips SEO "tingkat lanjut" dan "tingkat mahir", silakan klik "<a href="http://contohblognih.blogspot.com/search/label/Tips%20SEO%20Blog" target="_blank">Tips SEO</a>". Good Luck and Happy Blogging! (http://contohblognih.blogspot.com).*</div>

5 Tips SEO Dasar untuk Blogger Baru (Newbie)

Tips, trik, dan tips SEO dasar banget buat para blogger baru dan saat membuat blog baru. KARENA banyak yang "mengaku" newbie di d...

Baca selengkapnya »

Cara Pasang Kode Script Anti Adblock di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzn4xO64kipozuLA51pvD2F1yR6-k0N4TR3cJoMGdrVDde4lwJ__Fz2kleJOgpurrf8v5oU2nlQ2f3ePixlwUpYtvdOG9nnzaRMBlsrANetH034D3xxL7y9mDEkMWdXCOVQMnKYQT3bcMI/s1600/anti+adblock+script+untuk+blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Pasang Kode Script Anti Adblock di Blog " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzn4xO64kipozuLA51pvD2F1yR6-k0N4TR3cJoMGdrVDde4lwJ__Fz2kleJOgpurrf8v5oU2nlQ2f3ePixlwUpYtvdOG9nnzaRMBlsrANetH034D3xxL7y9mDEkMWdXCOVQMnKYQT3bcMI/s1600/anti+adblock+script+untuk+blog.JPG" title="Cara Pasang Kode Script Anti Adblock di Blog " /></a></div>Berikut ini cara menambah atau memasang kode (script) anti-iklan (Adblock/AddBlocker) di blog. Kode Script Anti Adblock ini bertujuan Anda blog Anda tampil utuh saat dibuka oleh user yang mengaktifkan add-on/aplikasi blokir iklan di browser (Mozilla Firefox & Google Chrome).<br /><br />Adblocker adalah musuh utama para blogger yang memasang iklan Google atau Chitika dll di blognya. Jika user memasang anti iklan ini di browsernya, maka iklan tidak tampil dan tentu merugikan para blogger dan Google.<br /><br />Adblocker adalah addon atau plugin di Mozilla Firefox dan Google Chrome yang berfungsi memblokir atau menghalangi tampilnya iklan di blog stau situs web.<br /><blockquote class="tr_bq">Blogger yang baik, sebagai solidaritas sesama blogger, tentu tidak akan memasang adblocker. User yang paham pun tidak akan memasangnya karena aktivasi adblocker akan menyebabkan blog/web yang mereka buka tidak tampil utuh. </blockquote><br /><b>Cara Pasang Kode Script Anti Adblock di Blog </b><br />Ada dua kode dan acara pasangnya:<br /><ol><li>Meminta user menonaktifkan atau mendisable add-on, aplikasi, atau software anti-iklan (AddBlocker).</li><li>Memaksa user menonaktifkan adblocker jika mereka masih mau membuka blog kita yang ada iklannya (Google Adsense).</li></ol><h3><b>Cara Pasang Kode Anti Adblocker #1 </b></h3>Klik "Template" dan "Edit HTML".<br /><b> </b><br />1. Copas kode berikut ini di atas kode <span style="color: red;"> ]]></b:skin> </span><br /><br /><div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;">#swp_noadblocker { display:none;}</div><br /><br />2. Copas kode berikut ini di atas kode <span style="color: red;"></head></span><br /><br /><div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;">    <script type="text/javascript"><br />    if (document.getElementById("swp_noadblocker") != undefined)<br />    {<br />    }<br />    else<br />    {<br />        alert("<span style="color: red;">We've detected that you're using ADBLOCKER or some other adblocking software. In order to keep this website free, this site is sponsored in part by advertisements.\r\nPlease consider disabling your ad blocker on this website\r\nif you enjoyed the content, and would like to support future \r\ninformative posts.Thank you!\r\n\r\nClick OK to continue\r\n\r\nPowered by yoursitename</span>");<br />            setTimeout("nag()",12000);<br />    }<br />    </script></div><br /><br /><i>*** Tulisan yang berwarna merah bisa diubah sesuai dengan keinginan Anda.</i><br /><br /><br />3. Copas kode berikut ini di atas <span style="color: red;"></body></span><br /><b><br /></b> <br /><div style="background-color: #eaeaea; border: 1px dotted #444; padding: 10px; text-align: left;"><script type="text/javascript" src="http://ftp.bauer-power.net/misc/tc/advertisement.js"></script></div><br /><br />4. Save Template!<br /><br /><h3><b>Cara Pasang Kode Anti Adblocker #2</b></h3>1. Layout > Add a Gadget > HTML/Javascript <br />2. Copas kode berikut ini di kolom "Content".<br /><br /><b></b><br /><div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><style>#g207{position:fixed!important;position:absolute;top:0;top:expression<br /><br />((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document<br />.body.scrollTop)+"px");<br />left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p>Please disable your ad blocker!<br/>This site is supported by the advertisement <br/> Please disable your ad blocker to support us!!! </p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display<br />)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script></div><br /><h3>Kode Anti AdBlock #3</h3><div>Kode ini yang dipasang <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CB</a> sekarang. Jika user gak mau menonaktifkan AdBlock-nya, bodo amat ah, yang penting blog kita udah kebuka :)</div><div><br /></div><div>1. Layout > Add a Gadget > HTML/JavaScript</div><div>2. Copas kode berikut ini:</div><div><br /></div><div style="background-color: #eaeaea; border: 1px dotted rgb(68, 68, 68); padding: 10px;"><style>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:102%;height:102%;background-color:#f9f9f9;opacity:.97;display:block;padding:10% 0}#h237 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#h237 ~ *{display:none}</style><div id="h237"><br /><span>Please Enable JavaScript!<br />Mohon Aktifkan Javascript!<a href="http://www.enable-javascript.com/">[ Enable JavaScript ]</a></span></div><br /><script>window.document.getElementById("h237").parentNode.removeChild(window.document.getElementById("h237"));(function(l,m){function n(a){a&&h237.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h237"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="http://4.bp.blogspot.com/-0QDKtxtiJQ8/VLb--Say1mI/AAAAAAAADMw/DaO_6B0ZRfY/s1600/Disable%2BAdblock%2B-%2BEnglish.png" height="350" width="699" alt="Stop-AdBlock" /> <a href="JavaScript:window.location.reload()">[ Reload ]</a>'+("</"+a+">"),"h237");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h237").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h237=h237=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script></div><br />Demikian cara memasang kode atau script <b>Anti Adblock</b> di Blog Blogspot Anda. Semoga para user sadar bahwa mengaktifkan adblock itu merugikan orang lain juga dirinya sendiri. Good Luck!<br /><b><br /></b><a href="http://notesandsoft.blogspot.com/2013/08/how-to-add-anti-adblock-script-into.html" rel="nofollow" target="_blank"><i>Sumber</i></a><b><br /></b>

Cara Pasang Kode Script Anti Adblock di Blog

Berikut ini cara menambah atau memasang kode (script) anti-iklan (Adblock/AddBlocker) di blog. Kode Script Anti Adblock ini bertujuan Anda b...

Baca selengkapnya »