Hari ini kita akan menciptakan label ibarat punyaknya JALAN TIKUS . dari semua templte yang sudah saya kunjugi say download sampai gonta ganti templte, saya berhenti pada templte JALAN TIKUS ini ,telate jalan tikus ini buat sendiri atau MEDE IN SENDIRI, karya anak bangsa yang di akui semua para BLOGER indonesi maupun duni, amieennn
tampilan home pag ini dari JALAN TIKUS ini sangat amat di sukai , dengan tata letak tang gampang untuk di pahami , dan beribu plikasi sofwear,artikel, dan lain sebagainya , dapat JALAN TIKUS optimalkan sedemikian rupa,
Apakah saya mengagumu Jalan Tikus ?
Betul saya benar mengagumi semua halaman dari JALAN TIKUS ,saya mencoba merombaknya , saya inspeck templatenya , bukan hal yang gampang buat saya untuk dapat mengambil tampilan ini . Hanya LABEL dan Postingan BARU DI UBDETE SEPERTI PADA GAMBABAR DI BAWAH INI
" MEMBUAT LABEL SEPERTI JALAN TIKUS "
SCREENSHOT
Untuk gambar diatas ,ini mengikuti semua entri kalian , tidak saya jelaskan alasannya ialah saya yakin anda mengerti maksud saya untuk
SCREENSHOT LABEL
JANGAN KAGET untuk yang satu ini , kalian harus bener mengakui templte jalan tikus, dapat geleng geleng kepala kalau anda tau gimana cara kerja dari LABEL ini ,
an untuk isyarat nya DIBAWAH
CODE CSS
<style type='text/css'>
.breadcrumbs{top:0;position:relative}.post{border:none}#postwrapper{width:70%;margintop:18px}#main{background:#fff;border:1px solid #ddd;paddingtop:10px}#judulmaster h2{position:relative;margin:0;padding:10px 20px;fontsize:20px;fontweight:300;border:1px solid #ddd;borderbottom:none;fontfamily:'Roboto',sansserif}#judulmaster{margin:20px 0 0}#judulmaster .index{fontsize:12px;float:right;fontweight:400}#judulmaster .index a{display:flex;color:#777;padding:4px 8px;borderradius:2px;fontweight:400;border:1px solid #ddd}#judulmaster .index a:hover{color:#c10e0e}#judulmaster .index a:before{color:#c10e0e;content:"\f067";fontfamily:FontAwesome;fontstyle:normal;fontweight:400;textdecoration:inherit;paddingright:5px}.onerio{margin:0}.firstpost .post{width:46.2%;marginleft:20px;margintop:10px;maxwidth:100%;float:left}.firstpost .post .homesnippet{display:block!important;margin:10px;margintop:5px;fontsize:14px;fontfamily:'Roboto';color:#555}.firstpost .postinfo a{fontsize:12px}.onerio h2{background:#fff url(http://4.bp.blogspot.com/stzd38ifQ/VnVWC0sZMMI/AAAAAAAADE4/ir8sQ8VvrO4/s1600/subred.png) norepeat;color:#fff}.onerio2 h2{background:#fff url(http://3.bp.blogspot.com/MQBmwPVQMqI/VnVWC9IUijI/AAAAAAAADE8/IPec8JyXBfo/s1600/suborange.png) norepeat;color:#fff}.onerio3 h2{background:#fff url(http://3.bp.blogspot.com/KdzULFKET4E/VnVWBQKXgXI/AAAAAAAADEk/qRIV5hOo0/s1600/subblue.png) norepeat;color:#fff}.onerio4 h2{background:#fff url(http://2.bp.blogspot.com/_DVDdLsanec/VnVWELxF39I/AAAAAAAADFQ/oghgv8zNIU8/s1600/subteal.png) norepeat;color:#fff}.onerio5 h2{background:#fff url(http://2.bp.blogspot.com/jH_zZ11AqeY/VnVWBQhVP9I/AAAAAAAADEg/gOlmfWaYz0w/s1600/subbluedarker.png) norepeat;color:#fff}.onerio6 h2{background:#fff url(http://1.bp.blogspot.com/xiPwQepP7ik/VnVWCO72a8I/AAAAAAAADEw/ETTdd9LwpII/s320/subgreen.png) norepeat;color:#fff}.firstpost .post .imgthumbnail{width:372px!important;height:162px;maxwidth:100%}.firstpost .post .imgthumbnail img{width:372px!important;height:162px!important}.firstpost .post h2.posttitle{fontsize:18px!important}.nicepost .post{margintop:10px;float:right;width:44.2%;maxwidth:100%}.nicepost .post .imgthumbnail{float:left;marginright:10px}.nicepost .postinfo a{fontsize:11px}.nicepost .post h2.posttitle{fontsize:12px!important;padding:0}.post{background:#fff;color:#888;marginright:27px;padding:0;boxshadow:none;transition:all .3s linear}.post:hover{transition:.3s linear}.homesnippet{display:none}.postbody{lineheight:1.6em;color:#888;marginright:10px;fontsize:12px;textoverflow:ellipsis}h2.posttitle,h1.posttitle{fontfamily:'Roboto Slab',sansserif;fontsize:20px;fontweight:700;texttransform:none;paddingbottom:0;textalign:left;borderbottom:none;bordertop:none}h2.posttitle:hover,h1.posttitle:hover{color:#222}h2.posttitle a,h1.posttitle a,h2.posttitle,h1.posttitle{color:#111;zindex:0}h2.posttitle a:hover,h1.posttitle a:hover{color:#222!important}.postinfo{background:#fff;padding:0;color:#aaa;fontsize:11px;margin:0 15px}.postinfo a{display:inline;fontweight:700;fontfamily:'Roboto Slab',sansserif;color:#888;padding:5px;paddingleft:0;marginbottom:10px;transition:all .3s easeout}.authorinfo,.reviewinfo,.commentinfo,.timeinfo{marginright:8px;display:inline}.imgthumbnail{overflow:hidden;background:#222;position:relative;float:none;width:105px;height:64px;zindex:1;padding:0;transition:all .3s easeout;maxwidth:100%}.imgthumbnail img{width:105px;height:64px;zindex:1}.labelinfo a{color:#c10e0e}h2.posttitle{fontsize:14px!important}.labelinfo a:nthchild(n+2){display:none}#cpright{margin:0!important}@media screen and (maxwidth:1066px){.post{width:44.2%}}
LEtakkan isyarat diatas ini sempurna pada tulisan ></b:skin>
COCE SCRIP
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<!CDATA
function labelthumbs(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entrye,m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.linki.rel&&"text/html"==r.linki.type)var l=r.linki.title,o=r.linki.href;if("alternate"==r.linki.rel){n=r.linki.href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72c/","/w"+thumb_width+"h"+thumb_height+"c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,cb5),u=1!=a&&1!=b&&1!=c&&""!=d?d:no_thumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g1="January",g2="February",g3="March",g4="April",g5="May",g6="June",g7="July",g8="August",g9="September",g10="October",g11="November",g12="December",document.write('<span class="newjalan_left">'),document.write('<ul class="newjalan_thumbs">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+n+'"><div class="cat_thumb"><span class="rollover"></span><img width="'+thumb_width+'" height="'+thumb_height+'" alt=" Hari ini kita akan menciptakan label ibarat punyaknya JALAN TIKUS MEMBUAT LABEL SEPERTI JALAN TIKUS" src="'+u+'"/></div></a>'),document.write('<span class="newjalan_title"><a href="'+n+'" sasaran ="_top">'+m+"</a></span>");var v="";if(document.write('<span class="newjalan_meta">'),1==showpostdate&&(v=v+'<span class="newjalan_meta_date">'+gparseInt(_)+" "+f+", "+w+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comments"),"0 Comments"==l&&(l="0 Comments"),showcomment='<span class="newjalan_meta_comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&(v=v+'<span class="newjalan_meta_more"><a href="'+n+'" class="url" sasaran ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="newjalan_summary">'),"content"in r)var y=r.content.$t;else if("summary"in r)var y=r.summary.$t;else var y="";var k=/<\S^>*>/g;if(y=y.replace(k,""),1==showpostsummary)if(y.length<numchars)document.write(""),document.write(y),document.write("");else{document.write(""),y=y.substring(0,numchars);var $=y.lastIndexOf(" ");y=y.substring(0,$),document.write(y+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>"),document.write("</span>")}document.write('<span class="newjalan_right">'),document.write('<ul class="newjalan_thumbs2">');for(var e=1;e<numposts2;e++){var n,r=t.feed.entrye,m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.linki.rel&&"text/html"==r.linki.type)var l=r.linki.title,o=r.linki.href;if("alternate"==r.linki.rel){n=r.linki.href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72c/","/w"+thumb_width2+"h"+thumb_height2+"c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,cb5),x=1!=a&&1!=b&&1!=c&&""!=d?d:no_thumb2}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2&&document.write('<a href="'+n+'"><div class="cat_thumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt=" Hari ini kita akan menciptakan label ibarat punyaknya JALAN TIKUS MEMBUAT LABEL SEPERTI JALAN TIKUS" src="'+x+'"/></div></a>'),document.write("<li>"),document.write('<span class="newjalan_title newjalan_title2"><a href="'+n+'" sasaran ="_top">'+m+"</a></span>");var v="";document.write('<span class="newjalan_meta newjalan_meta2">'),1==showpostdate2&&(v=v+'<span class="newjalan_meta_date">'+gparseInt(_)+" "+f+", "+w+"</span>"),1==showcommentnum2&&("1 Comment"==l&&(l="1 Comments"),"0 Comment"==l&&(l="0 Comments"),showcomment='<span class="newjalan_meta_comment newjalan_meta_comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore2&&(v=v+'<span class="newjalan_meta_more newjalan_meta_more2"><a href="'+n+'" class="url" sasaran ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>"),document.write("</span>")}
//>
</script>
<script type='text/javascript'>
var numposts=1,numposts2=5,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!1,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=150,thumb_width=372,thumb_height=162,thumb_width2=105,thumb_height2=64,no_thumb="http://2.bp.blogspot.com/zif4lgUoNwY/VcmmKoOAbnI/AAAAAAAAK6U/whzhPe8EDY/s1600/thumbn.png",no_thumb2="http://2.bp.blogspot.com/zif4lgUoNwY/VcmmKoOAbnI/AAAAAAAAK6U/whzhPe8EDY/s1600/thumbn.png";
</script>
</b:if>
KODE SCRIP ini LETAKKAN DIATAS </head>
sehabis jawaban pada 2 code diata cari code berikut
<b:widget id='HTML11' locked='false' mobile='yes' title='BACA JUGA' type='HTML'visible='true'>
atau kalian dapat eksklusif memakai tombol lompat widget
Tarus isyarat dibawah ini .. letakkan dibawah isyarat HTML11 kalau punya saya, sesuaikan dengan HTML kalian , yang terpenting , letak kan diwah pos utama
CODE WIDGET
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='terbaruwrapper'>
<b:section class='terbaru1' id='terbaru1' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML199' locked='false' mobile='yes' title='Baru diupdate' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<div class='onerio2' id='judulmaster'><h2><span class='index'><a href='/?&maxresults=8'>More</a></span>Baru diupdate</h2></div>
<div class='widgetcontent'>
<script>
document.write("<script src=\"/feeds/posts/default/?orderby=updated&alt=jsoninscript&callback=labelthumbs\"><\/script>");
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='masterwrapper'>
<b:section class='master2' id='master2' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML200' locked='false' mobile='yes' title='Intermezzo' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<div class='onerio3' id='judulmaster'><h2><span class='index'><a href='/search/label/<data:content/>?&maxresults=8'>More</a></span><data:content/></h2></div>
<div class='widgetcontent'>
<script>
document.write("<script src=\"/feeds/posts/default//<data:content/>?orderby=published&alt=jsoninscript&callback=labelthumbs\"><\/script>");
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='masterwrapper'>
<b:section class='master3' id='master3' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML201' locked='false' mobile='yes' title='Intermezzo' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<div class='onerio3' id='judulmaster'><h2><span class='index'><a href='/search/label/<data:content/>?&maxresults=8'>More</a></span><data:content/></h2></div>
<div class='widgetcontent'>
<script>
document.write("<script src=\"/feeds/posts/default//<data:content/>?orderby=published&alt=jsoninscript&callback=labelthumbs\"><\/script>");
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
SEtelah jawaban semuanya simpan templte dan lihat karenanya .
TAMBAHAN WINGET LABEL / INTERMESZO +POIN
- tidak perlu memasukan javascrip kedalam HTML
- tidak perlu memasukan jumlah pos label
- tidak perlu merubah tampilan ,
- tampilan samadengan BARU UBDETE
- TINGGAL KETIK NAMA LABEL SAJA DI KOLOM HTML pola punya saya GAME ,akan lagsung muncul ,
Nah teman sekalian silahkan di oprek template nya, atau dapat kalian eksklusif download template dari JALAN TIKUS.Terimakasi telh berkunjung dan selamat malam
