Latest Article Get our latest posts by subscribing this site

Magazine Redhard Blogger Template

Selamat siang mas Broo :) walah2 ni dh tengah malam nak Update Template nih :D sepeerti yg mas bro tau, saya ini kan sering x bosan dengan template saya. dan rencana mau ganti nih. namun karna saya mau ganti sesuai dengan janji saya. setiap yg saya buat pasti bakal saya Share template nya . .
Nah bgtulah kira2 sekarang ini mas bro. saya ingin Share  salah satu template yg saya pakai lagi nih . .
BTW nih template bagi yg pernah dtg ksni pasti tau gmna seluk beluk template nya . .
soalnya saya gk sediakan Demo nya Sob. cuma Screenshot nya doang nih.
Yaudah langsung aja ya masbro :ngakak:




Nah itu dya mas bro. kalo untuk pemasanganannya gini yak mas bro . .

1. Widget terpopuler udah pernah saya Share kan disini nah itu dya yg pertama
2. Yang kedua gambar yg di tengah itu Slider dengan Animasi sob :) seperti nambah widget yg Lain ya. Nih Code nya sob. dicopas aja
<div id='coin-slider'>
<a href="http://blogmaker.chenkgelate.com/">
       <img src="http://chenkgelate.googlecode.com/files/slide02.jpg" alt="jasa pembuatan blog dengan harga murah" /></a>

<a href="http://blogmaker.chenkgelate.com/">
       <img src="http://chenkgelate.googlecode.com/files/slide-01.jpg" alt="manfaat memiliki web blog" /></a>

<a href="http://blogmaker.chenkgelate.com/">

       <img src="http://chenkgelate.googlecode.com/files/slide01.jpg" alt="jasa desain blog dengan konsep unik,keren,elegan" /></a>

<a href="http://blogmaker.chenkgelate.com/">
       <img src="http://chenkgelate.googlecode.com/files/slide04.jpg" alt="proses pengerjaan jasa blog kami cepat dan akurat" /></a>

</div>
3. Yang ketiga itu membuat Recent Comment nya ada dsini
4. untuk yg Free Blogger Template itu Silahkan ini Kode nya
<style>
    img.label_thumb78{
    float:left;
    padding:3px;
    border:1px solid #000;
    width:73px;
    height:83px;
    margin-right:3px;
    margin-bottom:5px;
    }
    </style>

    <script type='text/javascript'>
    //<![CDATA[
    function labelthumbs78(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
    if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
    var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
    {s=entry.content.$t;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!="")){thumburl=d;}
    else thumburl='';}
    document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb78" src="'+thumburl+'"/></a>');
    if(i!=(numposts-1))
    document.write('');}
    document.write('</div>');}
    //]]>
    </script>

<center><script type='text/javascript'>var numposts = 5;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Template?orderby=updated&alt=json-in-script&callback=labelthumbs78"></script>
5. Nah kalo yg Trakhir itu mah agak rumit. saya kasih kode nya ntar di tukar aja ya mas bro mana yg namanya beda :)
<table>
<tr>
<td>
<style>
    /*** Labels Thumbs ***/
    img.label_gambar{
    float:left;
    padding:5px;
    width:125px;
    height:125px;
    margin-right:1px;
    margin-bottom:1px;
    }
</style>

    <script type='text/javascript'>
    //<![CDATA[
    function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
    if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
    var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
    {s=entry.content.$t;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!="")){thumburl=d;}
    else thumburl='';}
    document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_gambar" src="'+thumburl+'"/></a>');
    if(i!=(numposts-1))
    document.write('');}
    document.write('</div>');}
    //]]>
    </script>

    <center><script type='text/javascript'>var numposts = 5;</script>
    <script type="text/javascript" src="/feeds/posts/default/-/Wallpaper?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></center></td>
<td><script src="http://scr.kliksaya.com/js-ad.php?zid=95680" type="text/javascript">
</script></td>
<td>
<center><a href="http://www.alexa.com/siteinfo/www.chenkgelate.com"><script type='text/javascript' language='javascript' src='http://xslt.alexa.com/site_stats/js/t/a?url=www.chenkgelate.com'></script></a><br />
<script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com" target="_blank" title="web site analysis" ><script  type="text/javascript" >
try {Histats.start(1,1811722,4,604,110,55,"00011111");
Histats.track_hits();} catch(err){};
</script></a>
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?1811722&amp;101" alt="web site analysis" border="0" /></a></noscript></center></td>
</tr>
</table>

<div style="display:scroll; color:red; position:fixed; width:180px; top:4px; right:1px;">
<fieldset><legend><strong><b>STATUS</b><strong></strong></strong></legend>
<a href="ymsgr:sendIM?chenkgelatedotcom"><img src="http://opi.yahoo.com/online?u=chenkgelatedotcom&amp;m=g&amp;t=1" border="0" /></a>
<a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=6958274339903185768" target="_blank" rel="nofollow" title="Klik disini untuk FOllow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOkf6TQ8BKs5Biurm6lHHiYkibPTNBnMaWtxMjOptEH_yQo8TFZm308YYJe_YJSbA5lUcehWxqnPlxMfU1O-5RK1xbMl7Pr5AifoImJfSl37Fe2kgALBRPlO7LGJUcRz78q_ty3vlfKRY/s1600/Blogger_Follow_Button.PNG" /></a><br /><center>
<a href="http://www.dmca.com/Protection/Status.aspx?ID=a7fcf433-4fcf-4f64-8e06-2b856b51b01e" title="DMCA"> <img src ="http://images.dmca.com/Badges/dmca_protected_sml_120s.png?ID=a7fcf433-4fcf-4f64-8e06-2b856b51b01e"  alt="DMCA.com" /></a></center>
</fieldset></div>
Waduh gaswat ada warning nih :) hehee :ngakak:
 Nih mas bro tulisan yang warna MERAH diganti ama widget alexa sobat. kalo yg warna BIRU diganti dengan Widget Histsts ya sob yg versi Line

Waduh Galau lagi nih mas bro apa lagi yah yg blum ane kasih tau kode nya ?? :bingung: ya wes tak tanya aja ya kalo ada pertanyaan di Form komentar nya :)

Cara Membuat Terpopuler! seperti Kapanlagi.com

Ass. Baiklah sobat kali ini saya akan  bagi2 tutorial lagi tentang bagaimana cara membuat artikel terpopular seperti yang ada pada situs www.kucoba.com, www.kapanlagi.com, sama situs saya sendiri pada halaman homepage nya di www.chenkgelate.com . Okeh kalo gitu langsung saja yah . .
Nih SS nya . .

Atau kalo untuk melihat demonya silahkan di liat di sidebar Homepage saya yang sebelah kiri :)
gmna sob ?? lumayan kren kan ??

ow ya pemasangannya seperti biasa saja. sobat tambah add Gadget yang baru. tapi sobat jangan Tulis Title gadget nya.
karna script yang saya kasih itu sekalian saya gadget title nya. jadi sobat kalo mau rubah nama Title nya tinggal ubah di Script nya donag :)

So, tunggu apa lagi semoga bermanfaat yak. nih dia Script nya. Copy semua script tersebut dan pastekan di gadget sobat . .
ingat harus dari awal secara teratur dia :D

 Keterangan:
Tulisan yang berwarna Ungu silahkan sobat ganti dengan Title yang sobat mau
Tulisan yang berwarna Biru silahkan sobat ganti dengan ALT gambar sobat
Tulisan yang berwarna Merah silahkan sobat ganti dengan URL gambar sobat
Tulisan yang berwarna Hijau silahkan sobat ganti dengan URL Artikel sobat
Tulisan yang berwarna Orange silahkan sobat ganti dengan Title Post sobat
Untuk sobat yang ingin edit2 silahkan sobat edit aja pada CSS yang ada

<div style="margin-bottom:4px;border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;">
<h2 style="background-color: #efefef; font-family: helvetica, arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px; padding-left: 0px; padding-right: 0px; padding-top: 4px; text-align: center;"> <span class="Apple-style-span" style="color: #cc2222;">Terpopuler!</span></h2>
<ul style="color: #555555; font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">

<li style="border-top-color: rgb(222, 222, 222); border-top-style: solid; border-top-width: 1px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;"><a href="http://www.chenkgelate.com/2011/11/profil-dan-foto-princess-girlband.html" style="color: #336699; text-decoration: none;" target="_parent"><img alt="Profil dan Foto Princess Girlband Indonesia" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6vWUw19mb28amSAv_fUSsCQQOtaZ_ixDLGU25wC2P0W-dpo0Pt0rzHRkh4p8-00BW1a6UEKYCWs2H_CABBu4s7qgdv4EvIk38ZTT34ooOjeZMMgpRF0M7sl7V0CMND24ITNJGMavv3IQR/s200/Foto+Princess+Girlband.jpg" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; float: left; height: 49px; margin-right: 4px; width: 39px;" /></a><b style="color: #336699; text-decoration: none;"><a class="bluelink" href="http://www.chenkgelate.com/2011/11/profil-dan-foto-princess-girlband.html" style="color: #336699; text-decoration: none;" target="_parent">Profil dan Foto Princess Girlband Indonesia</a></b></li>

<li style="border-top-color: rgb(222, 222, 222); border-top-style: solid; border-top-width: 1px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;"><a href="http://www.chenkgelate.com/2011/11/profil-lengkap-personil-snsd-girls.html" title="Profil Lengkap Personil SNSD Girls Generation" style="color: #336699; text-decoration: none;" target="_parent"><img alt="Profil Lengkap Personil SNSD  Girl Generation" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihOkCyDji6WDc5SpMxi2Zj_SG7VRbvAK_1YvoQA5-CPhwr78naDvijlwOs2v822kC21gaYl9ZNDvSKCowC2rjYgk9RAZekdtOU0khOpZBn_S_goXUkMLBdMIMAScImCHhSam-2EH6sXFlT/s320/snsd-2011.jpg" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; float: left; height: 49px; margin-right: 4px; width: 39px;" /></a><b style="color: #336699; text-decoration: none;"><a class="bluelink" href="http://www.chenkgelate.com/2011/11/profil-lengkap-personil-snsd-girls.html" style="color: #336699; text-decoration: none;" target="_parent">Profil Lengkap Personil SNSD "Girl Generation"</a></b></li>

<li style="border-top-color: rgb(222, 222, 222); border-top-style: solid; border-top-width: 1px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;"><a href="http://www.chenkgelate.com/2011/11/profil-foto-hitz-boyband-indonesia.html" style="color: #336699; text-decoration: none;" target="_parent"><img alt="Hitz - Boyband Indonesia" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJNOA8KpU8-dxLjfVpUECfbuL-BEa0U7x9VhTkJoypIOir3J95WGQxqou5IOCIXk1nWKJvtOAWQCUM4FeNVf_rFWJzTMiAQa_sO5oL86DOGtEJBZ2hyphenhyphenAu6of8hdW6G0PqIyvyD1ajEB6sy/s200/Foto+Hitz+-+Boyband+Indonesia.jpg" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; float: left; height: 49px; margin-right: 4px; width: 39px;" /></a><b style="color: #336699; text-decoration: none;"><a class="bluelink" href="http://www.chenkgelate.com/2011/11/profil-foto-hitz-boyband-indonesia.html" style="color: #336699; text-decoration: none;" target="_parent">Poto dan Profil Lengkap Hitz Boyband Indonesia</a></b></li>

<li style="border-top-color: rgb(222, 222, 222); border-top-style: solid; border-top-width: 1px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;"><a href="http://www.chenkgelate.com/2011/06/green-hacker-blogger-template.html" style="color: #336699; text-decoration: none;" target="_parent"><img alt="Green Hacker Blogger Template" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdviHhJqdofniJn0Oa6LHdHHyUVSQ-bwWO0jecTic-aF2Dz4X0aZo5kvX3cDbf2LR_TToqEcTuB5yNtO7jGsK1viv2JzlAEPPJb8Ia-vCantT93_dj0OX6yX5rPcYRXeUrhppwUxuEeA/s640/Green+Hacker.png" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; float: left; height: 49px; margin-right: 4px; width: 39px;" /></a><a class="bluelink" href="http://www.chenkgelate.com/2011/06/green-hacker-blogger-template.html" style="color: #336699; text-decoration: none;" target="_parent"><b>Green Hacker Free Blogger Template</b></a> <b style="color: #FF0000; text-decoration: none;"><blink>(Hot!)</blink></b></li>

<li style="border-top-color: rgb(222, 222, 222); border-top-style: solid; border-top-width: 1px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;"><a href="http://www.chenkgelate.com/2012/02/template-sperti-o-omcom-blogger.html" style="color: #336699; text-decoration: none;" target="_parent"><img alt="Template sperti o-om.com" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo9BARcyF4amoVTi025kV6nEpO43LuOHIvQykOBHaWsmzIEKYj1_Ugs67OgVrEfONcMU3tx6flHMOLznoi_QvHtXrlwpvKjw0Imy_Byr2layp6ush-syWbY1Mkeb4oIHzzeOGmMoSCBQ/s640/templatesepertio-om.com.jpg" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; float: left; height: 53px; margin-right: 4px; width: 39px;" /></a><b style="color: #336699; text-decoration: none;"><a class="bluelink" href="http://www.chenkgelate.com/2012/02/template-sperti-o-omcom-blogger.html" style="color: #336699; text-decoration: none;" target="_parent">Download Template seperti o-om.com</a></b> <b style="color: #FF0000; text-decoration: none;"><blink>New !</blink></b></li>

</ul> <h2 style="background-color: #efefef; color: #ec6207; font-family: helvetica, arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px; padding-left: 0px; padding-right: 0px; padding-top: 4px; text-align: center;"> <ul style="color: #555555; font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 18px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></ul>
</h2></div>

Nah sekian dlu ya mas, mbak, bro :D tutorial untuk hari ini. semoga bermanfaat bagi sobat. dan menjadi Blogger yang bahagia aman dan sejahtera :D wokwokw
udah kayak pidato aaja nih saya :D

Cara Membuat Recent Comment dengan Gambar

Malam sobat  Blogger. kali ini saya pengen share cara membuat recent comment menggunakan avatar atau gambar . .
Mungkin satu per satu dari script tutorial yg ada di Blog ini akan saya Share dsni, so tunggu aja ya :)
Okeh langsung saja yah . .
Nih SS nya . .
Nah udah liat kan . .
kalo buat DEMO nya silahkan aja klik pada HOMEPAGE blog ini, dan liat aja yah :)
Letsgo. CEKIDOT
  1. Login ke blogger dengan akun Anda.
  2. Di dashboard masuk ke layout
  3. Setelah itu anda pilih add gadget >> HTML/Javascript
  4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript
    <style type="text/css">
    ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
    .tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
    </style>
    <script type="text/javascript">
    //<![CDATA[
        // Recent Comments Settings
        var
    numComments  = 5,
    showAvatar  = true,
    avatarSize  = 50,
    characters  = 60,
    defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://chenkgelate.googlecode.com/files/recentcomment.js"></script>
    <script type="text/javascript" src="http://www.idblogportal.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
    Keterangan :
    Warna merah (5) : adalah jumlah komentar yang ditampilkan
    Warna kuning (50) : ukuran pixel avatar
    Warna hijau (60) : Jumlah karakter huruf komentar
    Warna biru : ganti dengan URL blog Anda.
  5. Terakhir save, membuat recent comment dengan avatar telah selesai.
Nah sekian dlu yah sobat tutorial Blogger untuk hari ini . .
Semoga bermanfaat :)

Cara membuat Related Posts dengan icon

Selamat sore hadirin yang berbahagia.hari ini saya akan share salah satu Tips Blogger lagi nih. wlaupun sbnarnya sudah banyak sih yang share tntang ini. tapi saya pengen share aja. sekaligus ada teman yang mintak dibuatin artikel ini :)

okeh ini SS nya . .
Nah udah liat kan sob ?? kalo buat demonya liat aja dibawah artikel ini sob :) hehehe
jadi malu nih :imalu:

okeh langsung aja dech . .

Copy code dibawah ini di atas kode ]]></b:skin>

#related-posts { float : left; width : 620px; margin-top:0px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url('http://chenkgelate.googlecode.com/files/related_thumb.jpg') no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 2px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }
 Selanjutnya sobat cari kode seperti ini <data:post.body/>


Setelah bertemu sobat copy code dibawah ini dan letakkan dibawah kode <data:post.body/>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#c20000'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
    </b:if>

 Sobat liat tulisan yang berwarna biru Silahkan sobat ganti dengan sesuka sobat . .

Okeh sekian dlu tutorial hari ini dan selamat mencoba.
salam blogger and Happy Blogging :D

Cara membuat Recent post menurut label "Berita Foto"

 Ass. pada hari ini saya pengen share salah satu dari Trik di Blogger. yaitu: membuat Recent post per label. ini salah satu permintaan dari salah satu sobat blogger di salah satu komentar nya. jadi untuk itu saya pengen berbagi. untuk SS nya silahkan di lihat ya . .


 Nah udah liat kan sobat ?? atau untuk demonya silahkan sobat liat pada Footer Blog ini . .
jadi, langsung saja . .
Copy paste script dibawah ini dan letakkan pada widget Blog sobat . .

<style>
    /*** Labels Thumbs ***/
    img.label_gambar{
    float:left;
    padding:5px;
    width:125px;
    height:125px;
    margin-right:1px;
    margin-bottom:1px;
    }
</style>

    <script type='text/javascript'>
    //<![CDATA[
    function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
    if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
    var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
    {s=entry.content.$t;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!="")){thumburl=d;}
    else thumburl='';}
    document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_gambar" src="'+thumburl+'"/></a>');
    if(i!=(numposts-1))
    document.write('');}
    document.write('</div>');}
    //]]>
    </script>

    <script type='text/javascript'>var numposts = 5;</script>
    <script type="text/javascript" src="/feeds/posts/default/-/Wallpaper?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>


Keterangan:
Untuk tulisan yang Merah sobat edit dengan Lebar gambar sesuai selera kalian
Untuk tulisan yang Biru sobat edit dengan Tinggi gambar sesuai selera kalian
Untuk tulisan yang Ungu sobat edit sesuai dengan Label sobat yang ingin tampil gambarnya . .

Nah itulah tadi tutorialnya. semoga bermanfaat untuk sobat2 semua.
Happy Blogging
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Portal Editing - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger