cara pasang scroll di setiap widget

sebenarnya gampang saja caranya membuat atau memasang scroll di setiap widget yang anda inginkan, caranya bagaimana pasang scroll disetiap widget itu?

cara nya coba copy kan kode dibawah ini.

#BlogArchive1,#HTML2 .widget-content{

height:310px; /* Tinggi yang diinginkan */

width:auto;

overflow:auto;

}

letakkan kode diatas tersebut tepat di atas <b:skin>

dan jangan lupa ganti #blogarchive1 dan #HTML2 dengan widget id yang anda ingin pasang kan scrool nya.

gimana sudah paham bukan. nah itulah cara pasang scroll di setiap widget.

dan mungkin dapat membantu anda untuk memasang widget.

cara membuat slider carousel otomatis

cara membuat slider carousel otomatis - tutorial ini saya review dari blog nya mas kolis, tinggal mengambil kodenya saja. sebelumnya jika maskolis membaca artikel saya ini, saya meminta maaf telah mengambil kode dari artikel anda.
tapi kalau pembaca mau langsung kesitus nya maskolis dipersilahkan dengan sangat.

baik, saya akan memberikan bagaimana cara membuat slider carousel otomatis tersebut. untuk melihat contoh, lihat gambar dibawah ini.


nah contohnya kurang lebih seperti diatas itulah..
kalau mau pasang di template anda, anda hanya tinggal mengikuti cara dibawah ini dan semoga berhasil ya.

1. login terlebih dahulu agar mudah untuk mengeditnya dan pilih blog yang mau ditambah dengan slider carousel otomatis tersebut.
2. masuk ke edit html dan centang expands wigdet template.
3. kemudian cari kode ]]></b:skin> dan cari dan kemudian letakkan kode dibawah ini diatasnya.
   
   

   #carousel{width:980px;height:125px;border-bottom:1px solid #ccc;position:relative;display:block;background:#5599e6;margin-bottom:8px}
   #carousel h5{color:#555;margin:2px}
   #carousel .container{position:absolute;left:24px;width:960px;height:125px;overflow:hidden}
   #carousel .thumb{float:left;margin-right:5px;}
   #carousel #previous_button{position:absolute;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg81eKNfTN5t7vpnsHxbYN_wK8sV0j37YiWq7fda1fg6jfkkzzXWIzM444sFeTZR_pVz-1aYqTffsRN_vgOLszXXZh-Q906kSXNYJ6WiRtXq4VtIjG8l46oTf-NgBTJORL4VfmcAMBHve_L/s1600/previous.png) center;z-index:100;cursor:pointer;}
   #carousel #next_button{position:absolute;right:0;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-suOM9UdsPEXJiQNmKIXZ8gqnsZ1EKmHymwAIZBI9TrlVYQf3wEH9Q7AcTDoopSD3NkZuJ7XPug-IH7vI70vuOqM8y1e-lkVNqk3bL-_WodKYZiWY7d2MgsvK0ngjNGYpeGO54suJaeSG/s1600/next.png) center;z-index:100;cursor:pointer;}
   #carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
   #carousel ul{width:100000px;position:relative;margin-top:10px}
   #carousel ul li{background:#ebebeb;display:inline;float:left;text-align:left;font:bold 11px Arial;border:0px solid #ccc;width:212px;height:90px;margin:0 2px 20px 6px;padding:6px}
   #carousel ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top:0}
   #carousel ul li a.slider_title:hover{color:#1b5d97}
   #carousel a img{display:block;background:#fff;margin-top:0}

   
   lihat warna merah diatas, menandakan bahwa itu panjang dan lebar widget tersebut. untuk sesuai kebutuhan silahkan diganti sesuai template anda.
   
   
4. belum selesai sampai disitu,masih di edit html, cari kode </head> dan letakkan kode dibawah ini tepat diatasnya.
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
   <script src='http://jagad.googlecode.com/files/jcarousellite.js' type='text/javascript'/>
   
   <script type='text/javascript'>
   //<![CDATA[
   imgr = new Array();
   imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHCrGVmGECRqYljujizZp3oOLadfEALFhXVr5UfFqiEG5XhMdmgFgy1NjBxgCfyfm5Zq1aM0m0oXtSD_oHm0636gp9pI5FQjbeUJEAR98NvaeZYNAjxZ-ugpZvO8pYjBR5bVshGgSAv04/s1600/no+image.jpg";
   showRandomImg = true;
   
   aBold = true;
   
   summaryPost = 140;
   summaryTitle = 25;
   numposts1 = 12;
   
   function removeHtmlTag(strx,chop){
   var s = strx.split("<");
   for(var i=0;i<s.length;i++){
   if(s[i].indexOf(">")!=-1){
   s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
   }
   }
   
   s = s.join("");
   s = s.substring(0,chop-1);
   return s;
   }
   function showrecentposts(json) {
   j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
   img = new Array();
   document.write('<ul>');
   for (var i = 0; i < numposts1; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
   var pcm;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }
   }
   
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
   pcm = entry.link[k].title.split(" ")[0];
   break;
   }
   }
   
   if ("content" in entry) {
   var postcontent = entry.content.$t;}
   else
   if ("summary" in entry) {
   var postcontent = entry.summary.$t;}
   else var postcontent = "";
   postdate = entry.published.$t;
   if(j>imgr.length-1) j=0;
   img[i] = imgr[j];
   s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
   if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
   //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
   var month = [1,2,3,4,5,6,7,8,9,10,11,12];
   var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];
   var day = postdate.split("-")[2].substring(0,2);
   var m = postdate.split("-")[1];
   var y = postdate.split("-")[0];
   for(var u2=0;u2<month.length;u2++){
   if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
   }
   }
   
   var daystr = day+ ' ' + m + ' ' + y ;
   var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';
   
   document.write(trtd);
   j++;
   }
   document.write('</ul>');
   }
   //]]>
   </script>

   
   
   perlu diketahui :
   perhatikan URL yang paling atas, yang berakhiran .js berwarna hijau jika template anda sudah terpasang javascript atau .js maka tidak perlu dipasang lagi.
   kemudian kode berwarna biru muda : 12 itu adalah jumlah tampilan slidernya. dan sedangkan 100 dengan 90 itu adalah panjang dan lebar image.
   
   
   
5. langkah terakhir adalah mencari kode <div id='main-wrapper'> dan kemudian letakkan kode dibawah ini tepat diatasnya.
   
   

   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <div id='carousel'>
   <div id='previous_button'/>
   <div class='container'>
   <script>
   document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
   </script>
   <div class='clear'/>
   </div>
   <div id='next_button'/>
   </div>
   <script type='text/javascript'>
   (function($) { $(document).ready(function(){
   $(&quot;#carousel .container&quot;).jCarouselLite({
   auto:4000,
   scroll: 1,
   speed: 800,
   visible: 5,
   start: 0,
   circular: true,
   btnPrev: &quot;#previous_button&quot;,
   btnNext: &quot;#next_button&quot;
   });
   })})(jQuery)
   </script>
   </b:if>

   
   perhatikan kode bewarna biru, itu adalah label dan anda bisa menggantinya dengan label yang anda inginkan
6. save tamplete dan lihat hasilnya.

itulah cara membuat slider carousel otomatis. kalau ada pertanyaan silahkan layangkan dikomentar. terimakasih telah menyimak.

bagaimana membuat tabber dibawah posting

lihat contoh gambar dibawah ini atau liat bagian home blog zondim ini.

nah bagaimana membuat nya?

sebenarnya gampang saja sih membuat tabber dibawah posting...

caranya cukup dengan

login terlebih dahulu, kemudian letakkan edit html dan expand dahulu agar tidak terjadi hal hal yang tidak diinginkan..kemudian cari kode /b:skin dan letakkan kode dibawah ini tepat diatas nya.

#ads2-wrapper{width:670px;float:left;word-wrap:break-word;overflow:hidden;line-height:1.1em;}
ul.tabs{float:left;list-style:none;height:32px;border-bottom:1px solid #d3cab5;border-left:1px solid #d3cab5;width:668px;margin:0;padding:0}
ul.tabs li{float:left;height:31px;line-height:31px;border:1px solid #d3cab5;border-left:none;overflow:hidden;position:relative;background:#f3f1ed;margin:0 0 -1px;padding:0}
ul.tabs li a{text-decoration:none;color:#26231c;display:block;border:1px solid #f3f1ed;outline:none;font-weight:700;padding:0 15px}
html ul.tabs li.active,html ul.tabs li.active a,html ul.tabs li.active a:hover{background:#f3f1ed;color:#67553b;border-bottom:1px solid #f3f1ed}
.tab-wrapper{border:1px solid #d3cab5;border-top:none;overflow:hidden;clear:both;float:left;width:668px;background:#f3f1ed;margin-bottom:15px}
.tabber{padding:10px 0}
.tabber .column{float:left;display:inline;width:153px;margin:0 0 0 11px}
.tabber h2{font:bold 12px Arial;line-height:15px;margin:7px 0 5px}
.tabber h2 a{color:#423119}
.tabber h2 a:hover{color:#f90}

dan letakkan kode js dibawah ini tepat diatas /head

<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHCrGVmGECRqYljujizZp3oOLadfEALFhXVr5UfFqiEG5XhMdmgFgy1NjBxgCfyfm5Zq1aM0m0oXtSD_oHm0636gp9pI5FQjbeUJEAR98NvaeZYNAjxZ-ugpZvO8pYjBR5bVshGgSAv04/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=100;summaryPost1=140;summaryTitle=25;numposts1=12;numposts2=6;numposts3=4;numposts4=5;numposts5=10;numposts6=5;numposts9=4;numposts10=3;Title1="DIARY";Title2="JAZZ";Title3="HEALTH";Title4="SPORT";Title5="COMEDY";function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd);j++}document.write('</ul>')}function showrecentposts2(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="play-button"><a href="'+posturl+'"><img class="maskolis_img" src="'+img[i]+'"/></a></div><div class="clear"></div></div>';document.write(trtd);j++}}function showrecentposts3(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts3;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="contentdiv"><a href="'+posturl+'"><img width="360" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';document.write(trtd);j++}}function showrecentposts4(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts3;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li><a class="toc" href="#"><img width="84" height="54" class="alignnone" src="'+img[i]+'"/></a></li>';document.write(trtd);j++}}function showrecentposts5(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts4<=json.feed.entry.length){maxpost=numposts4}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';if(i==0){var trtd='<li class="first"><div class="entry-thumb"><a href="'+posturl+'"><img width="110" height="80" src="'+img[i]+'"/> </a></div><h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="entry-meta"><span class="meta-date">'+daystr+'</span></div><div class="entry-excerpt"><p>'+removeHtmlTag(postcontent,summaryPost)+'... <a href="'+posturl+'" class="meta-more">Read more <span class="meta-nav"></span></a></p></div></li>';document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd='<li class="catlist"><a href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd)}j++}}function showrecentposts6(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li><a href="'+posturl+'">'+posttitle+' </a></li>';document.write(trtd);j++}}function showrecentposts9(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts9;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="column"><a href="'+posturl+'"><img width="153" height="95" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div>';document.write(trtd);j++}}function showrecentposts10(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts10;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd=' <div class="featuredPost2"><a href="'+posturl+'"><img width="80" height="70" class="alignleft" src="'+img[i]+'"/></a><div class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></div> <p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div>';document.write(trtd);j++}}
//]]>
</script>

kemudian letakkan kode dibawah ini tepat dibawah posting kalau saya dibawah sidebar terakhir anda..

<div id='ads2-wrapper'>
<ul class='tabs'>
<li><a href='#tab1'><script>document.write(Title1);</script></a></li>
<li><a href='#tab2'><script>document.write(Title2);</script></a></li>
<li><a href='#tab3'><script>document.write(Title3);</script></a></li>
<li><a href='#tab4'><script>document.write(Title4);</script></a></li>
<li><a href='#tab5'><script>document.write(Title5);</script></a></li>
</ul><div class='clear'></div>
<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/sport?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/sport?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/sport?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab4'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/comedy?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab5'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/jazz?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='clear'>
</div>
</div> 

kemudian letakkan kode dibawah ini tepat diatas /body

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){
$(".tabber").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tabber:first").show();

$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tabber").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});

});
//]]>
</script>

mungkin cuma itu saja dulu tentang membuat tabber dibawah posting, kalau ada pertanyaan silahkan tinggalkan komentar, insyaallah dibantu jawab. maaf baru belajar membuat tutorial, jadi agak kacau kata kata nya, terimakasih....

modifikasi scroll blog

nah kali ini akan memberikan beberapa trik bagaimana mengubah warna scrool normal, lihat scroll blog ini, berbedakan dengan default nya, nah caranya cukup gampang...

::-webkit-scrollbar{height:12px;width:12px;background:#7fffd4}::-webkit-scrollbar-thumb{background-color:#2f2f2f;-moz-border-radius:10px;border-radius:10px} letakkan di atas b:skin 

ubah background nya, dan background-color sesuai dengan selera anda.
mungkin trik ini bisa memperindah penampilan blog anda...

tips mempercepat loading blog

hallo para blogger, masih mengenai tutorial blog nih, kali ini zondim akan membagikan tips mempercepat loading blog, sebenarnya banyak cara yang seharusnya bisa kita manfaatkan untuk mempercepat loading sebuah blog, misalkan saja dengan tekhnik compresi html dan css, kalau saya sih biasanya menggunakan tekhnik compressi, situs nya di htmlcompressor.com, nah saya kasih sedikit tutorialnya ya bagaimana menggunakan htmlcompressor.com

kalau sudah masuk ke situsnya, anda pilih menu yang compressor, nah kemudian anda copy semua code html blog anda, jangan lupa di centang dulu expand nya, kemudian setelah kode anda di copy anda paste kan kode tersebut di source yang dihtmlcompressor, setelah itu liat paling bawah dan klik compress, tapi sebelumnya lihat yang sebelah kanan, ada tulisan code type, nah anda pilih yang blogger, kalau sudah dipilih sekarang anda benar benar bisa mengcompresnya, tunggu beberapa saat. setelah selesai, akan ada code baru yang muncul, nah anda liat kebawah, klik yang select all, dan kembali ke edit html blog anda, dan ganti semua kode dengan kode yang baru tadi. selesai.

htmlcompressor.com >> compressor >> paste kode html blog mu >> compress >> select all >> dan copy di edit html kamu >> selesai.

biasanya kalau menggunakan compressor ini, bisa mengurangi 1 kb atau bahkan 10kb berat blog, nah lumayan untuk mempercepat blog. semoga bermanfaat, mohon maaf tulisannya amburadul.

sebenarnya masih banyak lagi tekhnik/tips mempercepat loading blog yang dianjurkan, namun untuk sementara itu dulu yang saya berikan, semoga dapat bermanfaat bagi kita semua, kalau mengalami kesulitan silahkan berkomentar disini.

susahnya mendapatkan PR 1

hallo para blogger,

apakabarnya? sehat sejahtera ya..

saya bingung mau nulis artikel apa? jadi ya saya mencoba menulis betapa susahnya mendapatkan PR 1 / pagerank 1 dari mbah google, blog ini sebenarnya sudah lama dibuat ya sekitar awal tahun 2012, tapi kok yang PR gak dapet dapet ya? apa mungkin sebagian artikel saya copas dari blog lain, sehingga google enggan memberikan saya PR, sebenarnya PR juga penting bagi blog, ya agar tetap menjadi no.1 di google. wah ternyata selain sulit mendapatkan PR, mau nulis artikel juga sulit dan bingung mau nulis apa.

ya semoga aja, dalam beberapa bulan mendatang blog ini mendapatkan PR 1, amin. harus dengan kerja keras dan optimis yang tinggi, dan akan share apapun yang ada didunia maya, dengan usaha tidak copy paste dari blog orang lain, insyaallah mendapatkan tempat no.1 di mata google.

saya akan memberikan beberapa tips mendapatkan PR 1, walaupun blog saya blog mendapatkannya,tapi saya dengan yakin akan mendapatkannya, seperti kata pepatah, " tak ada yang sia sia kalau kerja keras " wah harus tetap semangat nih.

nah ini beberapa tips nya untuk mendapatkan PR1.

1. harus rajin posting atau membuat artikel yang lain dari pada yang lain di dunia maya atau dimata google, kenapa? karena roobot google sangat menyukai artikel yang fresh dan tidak ada duplikat lain, jadi otomatis anda akan cepat terindex dan mendapatkan PR1.
2. jangan mencoba coba autopost, sebenarnya saya pernah melakukan autopost di blog ini, tapi setelah saya lihat perkembangannya, kok alexa nya menurun, jadi saya tidak lagi menggunakan autopost, nah jadi para blogger dilarang autopost dari blog orang lain.
3. rajin berkomentar dengan berkata sopan di blog orang lain, dan tidak memasang link hidup, carilah blog yang komentarnya sangat gampang dan tidak terlalu ribet.
4. cari followers blog sebanyak banyaknya, caranya gimana? nah caranya dengan kamu atau anda duluan yang follow blog mereka dan kemudian anda meminta kepada mereka memfollowback, kenapa bisa menaikkan PR? ya karena semangkin banyak followers akan semakin banyak yang melihat blog anda ketika anda update artikel, benerkan.
5. rajin berdoa dan rajin sholat, minta kepada gusti allah semoga blog anda mendapatkan PR yang tinggi. amin.

sekian dulu artikel yang saya buat, saya juga tidak mengerti mau ngomong apa dan buat apa di blog ini, ya paling tidak saya buat blog ini agar tidak terbengkalai, apa yang terlintas diotak ya di share aja, walaupun mungkin tidak ada yang membaca, hehehe.. salam sukses para blogger.

cara menyembunyikan profil di blogger

Sekali lagi ya,ini untuk pemula,dan bagi yang belum tahu bagaimana menyembunyikan profil pribadi pada Blog.

Seperti yang pernah saya lakukan sebelumnya,menyembunyikan profil pada blog ini,tapi setelah di pikir lagi,gimana bisa dapet temen klo profil kita tidak tersedia.

Untuk melihat profil yang saya maksud,adalah seperti ini,klik disini.

Untuk blogspot,yang masih asli biasanya,anda tinggal ke Bagian 'Mengenai Saya' dan klik 'Lihat Profil Lengkapku' (Untuk blogspot berbahasa Indonesia).

SELANJUTNYA>>>>>

bagaimana cek berat blog.

kali ini zondim akan membagikan beberapa tips bagaimana cek berat blog, mungkin sudah banyak yang menerangkan caranya bagaimana? kali ini saya akan menerangkan bagaimana caranya tersebut untuk anda yang belum tau bagaimana cara cek berat blog anda sendiri.

sebenarnya mengecek blog itu mudah tidak perlu dengan software atau apapun cukup dengan memasukkan alamat blog atau website anda di bawah ini.

Masukkan Alamat Blog/Web Max 10 Url: (by ZONDIM)

nah mungkin itu dapat membantu anda untuk bagaimana cek berat di blog anda, semoga saja dapat membantu anda yang ingin mengurangi berat blog dan untuk mempercepat loading blog.
sebenarnya cara tersebut sudah banyak yang menggunakan, saya hanya mengulangi lagi bagi anda yang belum tau bagaimana cara untuk mengecek berat blog, mohon maaf apabila ada yang kurang berkenan atas artikel ini.
salam blogger

tempat download template paling diminati blogger

oke saya kali ini akan memperomosikan situs atau blog yang menberikan servis yang baik bagi para peminat dan pencari template untuk blogger/blogspot. situs atau blog ini sudah sangat terkenal dan bahkan zondim sendiri mengambil template dari sana, tapi diedit dengan berbeda dari aslinya, ya kalau ada cari aja, hehee...

situs itu adalah, jeng jeng jeng dung dung dung, iya situs nya maskolis. waaaahh.... kalau belum tau situs nya dmna? silahkan klik disini. itu situs yang sangat baik bagi anda yang suka dengan template blog yang bagus dan dimanis, saya sudah memberikan beberapa atau share ilmu tentang template, kalau ingin berbeda ya anda harus bekerja keras untuk mewujudkan template yang bagus untuk anda.

saya kira saya merekomendasikan sangat sangat merekomendasikan untuk mendownload di blog maskolis tersebut karena sebagian tutorial yang kami buat merupakan arahan dari maskolis tersebut.

mungkin saya hanya share sedikit tentang itu, untuk lebih tau dan lebih baik lagi kalau anda langsung kewebsite nya maskolis tersebut, langsung aja. tapi jangan lupa donk like blog sederhana ini.

H1 tidak terdetek di blogspot anda? ini solusinya

hmmm sesuai dengan judul H1 tidak terdeteksi di blogspot anda? pernahkah anda mencoba mengecek blog anda dengan seoanalyser atau dengan givegoodweb bahwa ternyata h1 anda tidak ada? atau hilang? h1 sebenarnya sangat penting untuk SEO karena H1 sangat disukai sama google, oleh karena itu sebuat web atau blog harus wajib mempunyai H1 jika tidak maka akan susah terindeks atau nilai skor SEO nya sangan lah rendah.

nah kali ini saya akan membagikan beberapa tips bagaimana agar H1 di judul blogspot kita. sebenarnya tips ini sangat gampang untuk diterapkan, karena tidak perlu mengutak atik kode HTML seperti membuat H1 pada judul postingan. tips nya begini, kalau semisalnya anda memakai logo di blog anda dengan gambar yang ada di header, lebih baik jangan menggunakan hal itu atau lebih baik gambar atau logo anda ditiadakan, kalau misalnya logo atau gambar mau ada, pilih penempatannya di balik judul dan keterangan, nah setelah selasai disave, coba anda praktekkan, kemudian lihat hasil nya di seoanalyser atau di givegoodweb sudah terdeteksi atau belum H1 blog anda.

atau dengan cara mudahnya langsung liat dengan code source blog anda sendiri, dengan cara tekan control + u dan tekan lagi control + f kalau menggunakan google crome liat sebelah kanan atas dan kalau menggunakan mozilla lihat di kiri bawah, nah masukkan H1 di situ, dan liat seperti dibawah ini

nah jika sudah seperti gambar diatas maka selamat blog anda sudah mempunyai tag H1. mungkin itu penjelasan singkat saya mengenai H1 yang tidak terdektek di blogspot anda, dan solusinya, semoga dapat membantu anda yang kesulitan menemukan H1 untuk meningkatkan skor SEO.

salam blogger

berhasil membuat sebuah forum di zondim

akhir nya zondim mempunyai sebuah forum untuk berbagi sesama member, dan dapat membuat para pembaca lebih mudah meluangkan opini dan pendapatnya di forum tersebut. forum tersebut didesain hampir serupa dengan template yang ada dizondim, dan mengingat zondim akan membuat template sendiri maka kami membuat wadah saling berbagi.

dan forum ini didedikasi kan untuk anda yang suka berbagi pengalaman, jual beli dan berbagi ilmu baik tentang apapun itu. karena situs ini dibuat hanya untuk memberikan pengetahuan yang lebih baik dimata para pembaca


semoga saja situs ini menjadi yang terbaik dari yang terbaik dan menjadi sebuah situs pemberi contoh bagi mereka yang tidak mempunyai modal, kami senang berbagi, kami senang memberi karena kami adalah berita tanpa kertas yang tak harus dibayar.


bersama kami anda akan menemukan pengetahuan yang spesial yang akan membuat anda menambah ilmu yang belum anda dapatkan, mari berbagi kebersamaan dan mencari kebersamaan di blog sederhana kami..


jika ada yang ingin mempertanyakan silahkan pertanyakan dengan meninggalkan comment, dan jika ada yang mau membuat forum seperti kami, tanyakan pada kami, kami akan membuatkan tutorial nya secara gratis.


terimakasih banyak atas waktunya.

kami akan membuat template untuk blogspot

Selamat malam, kami zondim akan membuat template untuk blogspot dalam waktu dekat ini, nantikan template yang ringan dan mudah untuk digunakan dan bisa dipakai untuk memperindah ketika anda memposting artikel.


tema tema yang akan kami berikan antara lain adalah news template, tutorial template, dan masih banyak lagi, kami dan para tim yang tergabung dalam zondimers akan berusaha membuat karya kami sendiri didalam membuat sebuah template, semoga suatu saat nanti bisa membuat anda senang dan mau menggunakan template dari kami.


sebenarnya tim zondimers sendiri belum terlalu handal dalam membuat sebuah template namun dengan niat yang tinggi kami akan berusaha sekuat hati dalam membentuk situs ini agar nama baik dan citra nya tetap positif dimata para pembaca. 


sekian pemberitahuan untuk zondimers. terimakasih.

bagaimana cara membuat blog yang baik

saya sebenar nya binggung mau posting apaan, tapi saya usahakan blog ini tetap update, mau copy paste ntar kena liburan sama mbah google, mau nulis sendiri juga rada males, yaudah posting artikel yang gampang gampang aja, hmmm,, bagaimana cara membuat blog yang baik, blog saya ini terbuat dari blogspot, gampang kok kalau mau meniru blog saya, tinggal liat kode source nya aja ya.. haha..

hmmm blog yang baik itu harus memenuhi kriteria kriteria yang baik juga, seperti penempatan head atau judul yang bagus, penempatan tempat iklan, penempatan menu dan submenu, sidebar dan lain lain, hal yang paling diperhatikan adalah kerapian sebuah blog, agar terlihat lebih menarik. kalau saya sih sering download template di blog nya maskolis, bagus bagus disitu template nya,

dan kalau mau nge blog harus sesuai selera, kalau saya seleranya seperti blog blog berita gitu, kalau agan suka selera shopping, fotografer atau yang lainnya, agan silahkan sesuaikan bentuk template nya, saya sarankan ngeblog itu yang penting banyak posting aja gan, agar bisa terindex cepat sama google, tidak perlu seo hanya perlu juga sentuhan skill untuk mengembangkan sebuah blog.

blog yang baik diikuti dengan artikel yang baik, jangan suka copy paste lah, ntar gak asik sama semua artikel didunia maya ini, lebih baik membuat sendiri walaupun jelek artikelnya daripada mencuri artikel orang kemudian dirubah rubah, ya itu sih wajar namanya juga manusia pasti punya kepribadian berbeda beda tapi tetap sama juaa..

kemudia blog yang baik selalu diikuti dengan iklan yang baik, agan boleh aja bangga kalau iklan anda digoogle keterima, atau yang lainnya lah, ya namanya juga cari uang harus lincah lincah ya, tapi inget jangan mengharamkan segala cara, eh menghalalkan segala cara, hmm udah dulu deh, binggung mau nulis apa lagi,

oh ya selain itu, nama blog juga harus menarik agar bisa menarik pengunjung juga... hehee.. yaudah sekian dulu artikel ini, ini tulisan tangan sendiri, walaupun agak kurang berkesan dan memukai para pembaca paling tidak ini lah kreatifitas otak sederhana saya, terimakasih.

membuat spoiler di blog

zondim - kali ini akan memberikan tutorial bagaimana cara membuat spoiler di blog, spoiler adalah tombol yang digunakan untuk mempersingkat tempat atau menyembunyikan konten baik itu text, gambar, video, dan laen laen deh.. 

nah kalau biasanya kan mungkin teman teman melihat spoiler hanya di kaskus, atau di forum forum laen nya, nah kali ini saya akan memberi tau cara bagaimana membuat spoiler di blog. 

ini dia kode untuk membuat spoiler tersebut..

<div style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">

</div>

<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">

Letakkan teks atau kode script (gambar atau video) di sini

 <br>

</div>

</div>

</div>

nah itu caranya diatas dan contoh nya seperti ini gan, 

Judul Spoiler:

yang buka jeleeeeeeeeeeeeeeeeeeeeekkk hehehhehehe

itu contoh nya gan, sekarang terserah agan mau berkereasi seperti apa yang penting jangan lupa beri komentar di blog ane, hehehhee... semoga bermanfaat ya gan artikel saya kali ini, saya cuma belajar juga dan dapat kode tersebut dari tetangga sebelah yang bernama kurniasepta  makasih ya mas kurnia septa, semoga dapat bermanfaat untuk semua orang, terimakasih.

perbedaan blog dofollow dan nofollow

nah kali ini saya akan berbagi pengetahuan tentang apa sih arti dan perbedaan blog dofollow dan nofollow,


oke kita mulai dari arti nya nih..


dofollow >> dofollow itu ibarat nya kalau kita berkomentar di blog tersebut maka link yang kita letakkan di blog itu ajab di hitung sebagai backlink kepada blog kita oleh google.. nah seperti itu lah maksud dari dofollow tersebut.


nofollow >> kalau yang satu ini kebalikan dari dofollow, jadi jika kita berkomentar ke blog tersebut maka link yang kita cantumkan di blog nofollow ini tidak akan dianggap backlink oleh google. jadi kalau anda berkomentar dan meletakkan link anda di komentar maka akan dianggap spam oleh no follow ini. agak susah sih tapi inilah kenyataan.


oh ya kalau pertama kali kita membuat blog biasanya sih kondisi pertama blog adalah nofollow, jadi kalau anda mau membuat blog menjadi dofollow maka kita mengatur nya terlebih dahulu, hmm nanti saya akan kasih tau bagaiamana mengatur blog nofollow menjadi dofollow. oke. 


dari dofollow dan nofollow ini memiliki kekurangan dan kelebihan masing masing, jadi terserah mau menggunakan yang mana, 
kelebihan blog yang menggunakan blog dofollow kemungkinan mempunyai trafic dan lebih banyak komentar di artikel mereka karena akan memberikan backlink gratis ketika orang tersebut memberikan komentar, dan dianggap blog yang baik karena memberikan backlink. dan kekurangannya adalah banyaknya spammer yang nempel di blog kita dan saya dengar kalau banyak blog yang menempelkan link terlalu banyak akan di banned oleh mbah google. hehehe.. :p makanya hati hati oy..


nah kalau kelebihan blog nofollow lebih aman dari spammer dan katanya google suka dengan blog nofollow dan blog nofollow ini akan lebih sering mencari backlink dan meminta tukerlink dengan blog lain dan otomatis blog ini sudah melakukan blogwalking, menantang, karena jika ada yang berkomentar itu salah satu tanda bahwa artikel kita berkualitas dan bagus..
kalau masalah kekurangannya sih akan sepi pengunjung dan mungkin bisa saja blog dianggap pelit karena tidak memberikan backling kepada pemberi komentar, dan masih banyak yang lainnya dehh... dan pasti akan jarang orang memberikan komentar di blog tersebut.


nah itu perbedaan dan arti dari blog yang dofollow dan no follow, terimakasih banyak sudah menyimak. 

cara buat box folowers twitter

saya akan berbagi tips untuk kita bagaimana cara membuat box followers twitter. widget ini sangat berguna karena dapat mengetahui siapa saja yang akan mengetahui update dari blog kita. 


langsung saja ini kode nya, dan letakkan di sidebar blog anda. dan tentu nya anda sudah tau bagaimana meletakkan widget di sidebar tanpa harus saya ajarkan kembali, 

view plainprint?

1. <!-- Twitter Follower Box -->  
2. <script type="text/javascript">  
3. function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\"   
4. src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\"  
5. style=\"width: 300px; height: 250px;   
6. border-top-style: none;  
7. border-right-style: none;   
8. border-bottom-style: none;  
9. border-left-style: none;   
10. border-width: initial;   
11. border-color: initial; \"\>\<\/iframe\>';}  
12. </script>  
13. <div id="twitterfanbox"></div>  
14. <script type="text/javascript">fanbox_init("blogordy"); </script>  
15. <!-- End Twitter Follower Box --> 

nah itu adalah kodenya, silahkan anda masukkan kode tersebut di sidebar blog anda, semoga dapat bermanfaat untuk anda. terimakasih.

sumber :: ordinari blog

script CSS yang anti copas

langsung saja, pasti anda bertanya tanya mengapa blog saya tidak bisa di blok, ?? ya jawaban nya, menghindari pencurian atau pengcopy pastean artikel, itu sangat merugikan mengapa, karena sudah capek2 menulis tetapi malah enak enakan mengcopy, hehe. saya memohon maaf apabila anda tidak berkenan dengan hal itu, tapi jika anda juga ingin belajar bagaimana supaya blog tidak bisa di blok atau di copy paste saya kasih tau cara nya...


display:inline;-khtml-user-select: none; -moz-user-select: none;-o-user-select: none;user-select: none;unselectable:on;


masuk ke edit HTML template, kemudian tidak usah dicentang
1. anda cari kode ]]>
2.dan letakkan kode berikut ini diatas nya

.post-body
{display:block;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;unselectable:on;}

3. save template nah sekarang sudah bisa anda gunakan untuk menjaga blog anda atau karya anda dari orang yang ingin mecopy nya atau mencuri nya, tips ini cukup aman karena kode CSS lebih baik dari pada javascript dikarenakan CSS lebih ringan loading page nya dari pada javascript tersebut.


sekian ulasan dari saya.
terimakasih

cara membuat tombol share

S

eperti diketahui kalau tombol share atau berbagi berguna untuk memudahkan para pengunjung blog yang ingin membagikan artikel yang telah dibacanya ke jaringan mereka. Facebook Like, Twitter Tweet dan Google +1 merupakan layanan berbagi yang populer saat ini.berikut gambar untuk Tombol Share Dibawah postingan

Berikut Cara Memasang Tombol Share Dibawah Postingan :

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membackup template.

4. Beri tanda centang pada Expand TemplateWidget.

5. Cari kode <data:post.body/>. Gunakan fasilitas pencarian browser dengan menekan tombol Ctrl + F lalu ketikkan kode yang dicari.biasanya kode  <data:post.body/> ada dua pilih yang nomor dua

6. Copy script di bawah ini dan paste di dibawah kode tersebut.

<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style ">

<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>

<a class="addthis_button_tweet"></a>

<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>

<a class="addthis_counter addthis_pill_style"></a>

</div>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>

<!-- AddThis Button END -->

7. SIMPAN

Baca Selengkapnya disini : http://lanoblog.blogspot.com/2011/09/cara-memasang-tombol-share-dibawah.html#ixzz1mGcQNOis