Stylis Blue Blogger Template

Selamat siang sobat Chenkgelate. Nah akhirnya selesai jugak template buatan saya lagi :) namun untuk yg kali ini saya tidak mengusung template yg berbau magazine. namun Stylis :) Yap begitulah namanya skg Stylis Blue Blogger Template.
 Okeh langsung saja ya sobat nih dya Templatenya . .

DEMO | DOWNLOAD

Deskripsi Blog ini :

• Ringan
• SEO Friendly
• Dropdown Menu
• 3 Column
• Header Slider

Cara penggunaan:

Header Slide
  Cari code seperti dibawah ini pada menu EDIT HTML dengan mencentang kotak EXPAND WIDGET TEMPLATE

 <div id='coin-slider'>
    <a href="http://stylis-blue.blogspot.com/" target="_blank">
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmhHWkFySOrbgUhSdHOtck9px1keD-UfPsUyKHKQEVHPABb6encBfdkif0hiX-u5PEzrAZWmboUHXuhcxIJIb01kaP8PajS7v2LEy-w4BPHzrp8hOy8F7eVUhB2LM2wpba0ruayKG1lyEd/s1600/slide1.jpg" />

    </a>

    <a href="http://stylis-blue.blogspot.com/">

        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUl2jhCV8pMPKht7C16Xr4-JgADCIgR19wsv1CsqNYYVs9bBo2Bw9iIHTf9XLhb_v3NbD5wqy5la6LDAmRjQqwyIjtms3y0Vy79gX-PIp4UDdwRkTq6uoNMQRfeXQFxrzismCcD1AdDhs4/s1600/slide2.jpg" />

    </a>
</div>

Untuk menu DROPDOWN nya

Cari kode seperti ini

<li><a href='/'>Home</a></li>

<li><a href='#'>Menu</a></li>

<li><a href='#'>Dropdown</a>
<ul>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
</ul></li>

<li><a href='#'>Dropdown</a>
<ul>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
</ul></li>

<li><a href='#'>Menu</a></li>

<li><a href='#'>Dropdown</a>
<ul>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
</ul></li>

Nah sudah kan mas bro ?? gmna template nya ?? mohon saran dan kritik nya ya :)

Read more »

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:

Download Only Title
Download With Summary Posts 

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 :)

Read more »

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

Read more »

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 :)

Read more »