Redirect URL blog langsung saat halaman dibukak

Nah Cara berikut ini merupakan tips yang sangat simple. Cara ini berbeda dengan cara refresh redirect yang lainnya. sebab refresh yang biasa itu kita harus mengunggu load halaman blog selesai terlebih dahulu. namun cara ini langsung, pada saat link di bukak, halaman akan langsung mengarah ke halaman yang kita arahkan ? :)
apa benar ? benar kog, saya udah buktikan, okeh langsung saja ini dia Script nya :)

<script type='text/javascript'>
window.location.href=&quot;http://www.idblogportal.com/&quot;;
</script>

Silahkan ganti tulisan yang berwarna merah dengan link blog yang ingin sobat arahkan :)

Read more »

Replika Detik.Com - Template Blogger Mirip Detik.Com

Selamat Sore sahabat IDBLOGPORTAL :) apa kabarnya nih ? baik kan ? mudah2an baik ya. Kali ini saya mau share salah satu template Premium lagi nih dan jika ada yang berminat silahkan Contact Dsni 08972907789. Template yang satu ini jugak sering ditanya2 oleh sahabat IDBlogportal.

Ok berikut penampakan SS dan DEMO nya :)

DEMO HERE

Untuk Detail Produk

Nah silahkan di Order ya mas. murah kog :D

Read more »

IDB Magazine Blogger Template mirip Kapanlagi.com

Selamat Sore sahabat IDBLOGPORTAL :) apa kabarnya nih ? baik kan ? mudah2an baik ya. Kali ini saya mau share salah satu template Premium lagi nih dan jika ada yang berminat silahkan Contact Dsni 08972907789.

Ok berikut penampakan SS dan DEMO nya :)

DEMO HERE

Untuk Detail Produk

Nah silahkan di Order ya mas. murah kog :D

Read more »

Cara Custom CSS Berdasarkan Labels Blog

Selamat siang, pada siang ini saya akan share Tutorial blog yaitu cara merubah CSS blog kamu sesuai dengan Label yang di klik ?? lah gmna caranya ??

yaudah langsung aja dliat dan prakteknya, ntar pag guru kasih nilai :D hoho

caranya tinggal copy and paste code dibawah ini dibawah tag <data:post.body/> pada templatemu (jika anda menggunakan read more, pastekan dibawah <data:post.body/> yang kedua)

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;LabelMU&quot;'>
<style type='text/css'>
CSSmu
</style>
</b:if>
</b:loop>

keterangan :
LabelMU : ganti dengan nama label yang kamu inginkan
CSSmu : beri CSSmu disini :-bd

nich... saya kasih contoh pengaplikasiannya pada template :-bd

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Tutorial Blog&quot;'>
<style type='text/css'>
.post-body{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW0NHzAWUCjMbcmcYJk6L8opWVTMAPqBl7yg8tslak1kRhVPZUVqGLVvflU2YtqnTUuYGg4-T6bBJ4v6v-YfJpQ1jw14NKDY3QgRd6Bzyo3gk3UiIqfFIE7eWyRJgTkZ0MYkOK3Y-WlOyw/s1600/bg_blogger.png) no-repeat top right;}
</style>
</b:if>
</b:loop>

 Sekian dari saya, jika ada yang salah... silahkan komen ya :-bd

Read more »

Download Merah Suram Free Blogger Template

Assalamu'alaikum sobat semuanya. Kali ini saya pengen share salah satu template Gratis Untuk Blogger lagi nih. Namun template kali ini tidak mengusung tema MAGAZINE. Namun Simple, dan Elegant. .

Tema ini saya beri nama MERAH SURAM ?? lah knpa ?
habisnya bingung bgt cari nama buat nih template. tapi tenang aja. ini Ringan kog load nya . .
kalo mau lanjut silahkan dilihat, dan do download yak . .

DEMO | DOWNLOAD

NP: Link Download Sudah Diperbaiki Setelah Kemarin Eror

Nah udah liat kan tadi di atas kan gmna templatenya ?? ya sudah monggo di download yak yang mau :D

Read more »

Colored Zine Blogger Template mirip Kapanlagi.com

Assalamu'alaikum sobat. kali ini saya mau share template saya yang mirip dengan kapanlagi.com. tapi sobat template ini bukan 100% mirip. hanya sedikit saja. karna takut ntar melanggar hak cipta. nih juugak salah satu template yang prnah saya pake :)

Oke kalo gitu nih SS nya . .

DEMO

Nah udah tau kan liat dari SS nya sob ? tuh demo ny jgk udah sob . .

Untuk Detail Produk

Okeh kalo ada yang berminat seilahkan contact saya. ato kirim pesan ke nmor 08972907789

Read more »

Cara Membuat Warna Berbeda Tiap Widget

Selamat sore sobat Blogger semuanya. udah agak lama ya saya tidak shre tutorial tentang Blogger ?? hm, brapa lama ya ??? mungkin agak lama :D hahaha
 oke dech kali ini saya pengen share salah satu tips tutorial blogger yang mungkin di minta share oleh salah seorang pengunjung Blog yg jleg ini :D hehe
mohon maaf ya mas agak telat. soalnya sibuk di dunia nyata jadi klupaan :D
Okeh langsung saja:

1. Lakukan pengeditan pada salah satu widget yang ingin diubah, dengan mengklik tulisan edit. Misalnya pada widget “Labels”

2. Hasilnya akan menampilkan halaman popup. Lalu lihat ID dari widget yang anda gunakan.

Seperti yang terlihat pada gambar diatas, Widget Label yang saya gunakan memiliki ID “Label1”. ID ini akan kita gunakan untuk melakukan editing CSS pada template blog.
3. Langkah berikutnya adalah masuk ke menu Design > Edit HTML. Backup template anda terlebih dahulu. Karena dalam pengeditan membutuhkan kejelian dalam membaca kode. Jika salah pengeditan bisa dikembalikan lagi. 4. Tambahkan kode dibawah ini sebelum tag ]]></b:skin> :

#Label1 h2 {
 background: url(http://idblogportal.googlecode.com/files/header%20widget%20purple.jpg);
border: 0px solid #ccc; padding: 0px;
font: 12px/1.4em Arial, sans-serif;width:100%;margin-bottom:10px;border-top:1px solid #ccc;border-left:0px solid #ccc;border-bottom:1px solid #ccc;border-right:0px solid #ccc;}

 Keterangan :
#Label1 : diambil dari nama widget ID yang anda gunakan.
h2 : biasanya template menggunakan tag h2 untuk judul widget/gadget.
5. Simpan template anda, dan lihat hasilnya. Jika belum muncul, berarti ada CSS lain yang mempengaruhi Style anda. Karena pembuat template memiliki cara penulisan berbeda untuk templatenya.
Selamat Mencoba. Jika mengalami kendala, silahkan komentar di form komentar.

Read more »

IDmedia_wb Blogger Template Mirip warungbebas.com

Assalamu'alaikum sobat. kali ini saya mau share template saya yang mirip dengan warungbebas.com. tapi sobat template ini bukan 100% mirip. hanya sedikit saja. karna takut ntar melanggar hak cipta. nih juugak salah satu template yang prnah saya pake :)

Oke kalo gitu nih SS nya . .

DEMO

Nah udah tau kan liat dari SS nya sob ? tuh demo ny jgk udah sob . .

Untuk Detail Produk

Okeh kalo ada yang berminat seilahkan contact saya. ato kirim pesan ke nmor 08972907789

Read more »

IDzine V.1 - Template Blogger Mirip Kompas[dot]com

Assalamu'alaikum sobat. kali ini saya mau share template saya yang mirip dengan kompas.com. tapi sobat template ini bukan 100% mirip. hanya sedikit saja. karna takut ntar melanggar hak cipta. nih juugak salah satu template yang prnah saya pake :)

Oke kalo gitu nih SS nya . .

DEMO

Nah udah tau kan liat dari SS nya sob ? tuh demo ny jgk udah sob . .

Untuk Detail Produk

Okeh kalo ada yang berminat seilahkan contact saya. ato kirim pesan ke nmor 08972907789

Read more »

IDzine Free Blogger Template untuk Blog Berita

Selamat malam sobat Blogger. Sudah lama ya saya tidak update mengenai Template Blogger yang Free. skg nih sobat. saya mau share. apa lagi sudah banyak dari tman" blogger yg nanyain kpan sih di share nya template baru ??
okeh skg saya mulai yah. Nih SS nya sob

DEMO | DOWNLOAD

nah udah tau kan sob template nya gmna ?? kalo masalah posting perlabel nya sama dengan template berita yg lainnya sob cuma tinggal membuat nama label nya aja pada tiap widget.

Read more »

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 »

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

Read more »

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

Read more »

Cara merubah Blog menjadi dofollow

Sebenarnya sudah banyak jgk sih Artikel Tentang merubah blog menjadi dofollow. namun saya hanya Share bagi teman2 Sahabat Chenkgelate bagi yang blum tau :)
SUpaya agar Ringkas Langsung saja.

Langkah-langkah yang harus dilakukan : 
1.  Login ke Blogger 
2.  kemudian klik menu Layout / Tata Letak 
3.  Masuk Edit HTML sehingga akan kelihatan kode HTML dari blog anda.
4.  Jangan lupa untuk memberi tanda contreng ( seperti pemilu aja ) pada kotak disebelah tulisan “Expand Widget Templates”

5.  Cari kode kode script  dibawah ini :

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> 

6.  Langkah selanjutnya hapus tulisan yang bercetak tebal merah sehingga kode HTML blog anda menjadi :

 <a expr:href='data:comment.authorUrl'><data:comment.author/></a>

7.  Ok “SAVE TEMPLATE”

Sekarang blog blogspot anda telah menjadi Dofollow blog, satu hal yang perlu diingat bahwa langkah-langkah diatas harus anda ulang kembali jika anda mengganti template dari blogspot anda.

Untuk mengetahui apakah blog andasudah Dofollow atau belum, anda bisa melakukan pengecekan dengan cara klikkanan dihalaman blog anda klik “view page source” jika anda masihmenemukan tulisan rel=’Nofollow‘ pada kode :

<a href='http://domain.com' ' rel='nofollow'>nama penulis komentar</a>
contoh : <a href='www.chenkgelatecom' rel='nofollow'>cheat gunbound</a>

Ini menandakan bahwa blog anda belum Dofollow. Tapi jika anda tidak menemukannya berarti blog anda telah menjadi dofollow. atau,

Cara mudah untuk mengeceknya tuliskan komentar di blog anda dengan alamat blog siapa saja.

jika saat di klik alamat blog tersebut mengarah ke blog atau alamat yang anda tuju, itu artinya blog kamu sudah menjadi do follow

Refrensi : http://www.seby-antoe.com

Read more »

Cara menambahkan Scroll Bar pada Widget

Cara Menambahkan Scroll Pada Artikel Terbaru Atau Recent Post. Penambahan scroll ini bertujuan untuk mengirit tempat atau mengatur tinggi dan lebar widget dari Artikel Terbaru yang kita buat tadi.Triks Test ini bisa sahabat teraokan juga untuk kepentingan lain semacam penambahan scroll pada Label atau Arsip Blog kita.Jika tertarik untuk membuatnya silahkan ikuti langkah dibawah ini;

Masuk Akun Blogger kita.
Klik fitur rancangan.
Klik edit HTML dan centang kotak expand template widget.
Gunakan Ctrl + F untuk mempermudah pencarian dalam edit HTML
Tambahkan <div style='overflow:auto;width:320px;height:190px;'> Pada kode HTML4,dibawah kode

<div class='widget-content'>

Tambah pula penutup kode div class-nya </div> diatas kode </b:includable> atau <b:includable name='quickedit'/>

<b:widget id='HTML4' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto;width:320px;height:190px;'>
 <data:content/>
 </div>
</div>
<b:includable name='quickedit'/>
</b:includable>
</b:widget>

Klik simpan Template
Keterangan :
Dalam kode berikut  <div style='overflow:auto; width:ancho; height:320px;'> rubah angka 190px dan 320px untuk mengatur ketinggian dan lebar widget dengan scroll agar sesuai dengan template blog kita.
Semoga berhasil dan bermanfaat,happy blogging.

Read more »

Cara Menyembunyikan kode CSS di Blogger

Jika anda ingin membuat pemangilan file CSS ini dalam template anda, Saya sarankan agar anda memback up template anda terlebih dahulu.

1. Login ke Blogger.com Pergi ke Rancangan/Template > Edit HTML 
2. Potong (Cut) script CSS diantara tengah-tengah kode berikut
   

   <b:skin><![CDATA[ script css (cut) ]]></b:skin> 

3. Paste script tersebut dalam sebuah notpad dan simpan dengan nama style.css (selain nama style juga tidak apa-apa asalkan ada .css)
4. Upload file style.css tersebut dalam sebuah hosting. Jika anda tidak mempunyai sebuah hosting anda bisa mengunakan Google Sites sebagai hosting anda. klik berikut untuk cara Membuat Hosting Dari Google Site
5. Setelah anda upload tahap selanjutnya membuat script pemanggil, masi pada halaman Edit HTML
   anda ganti kode <b:skin><![CDATA[ ]]></b:skin> dengan kode dibawah ini
   

   <link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   <b:skin><![CDATA[ ]]></b:skin>
   </b:if>

   Teks yang berwana biru anda ganti dengan URL file CSS yang anda copy dari file hosting anda.
6. Terakir klik Save Template dan lihat pada blog anda apakah script CSSnya sudah menghilang pada open source.

Bagi anda yang mempunyai 2 atau lebih script CSS yang berbeda dan hanya berfungsi pada saat di halaman tertentu MISALNYA seperti kode di bawah ini yang berfungsi hanya di halaman post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style  type='text/css'>
SCRIPT CSS (cut)
</style>
</b:if>

Cara membungkusnya cukup sederhana ikuti langkah 1-4 dan setelah selesai proses 1-4 sampai proses upload anda ganti kode

<style  type='text/css'>
</style>

Dengan kode

<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>

Sehinga menjadi seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
</b:if>

Teks yang berwana biru anda ganti dengan URL file CSS yang anda copy dari file hosting anda.

Read more »

Memasang iklan disamping kotak komentar blog

Kemaren ada salah satu sahabat blog saya bertanya seperti ini. sob, gmna sih cara membuat iklan disamping kotak komentar kayak kamu itu ??
Nah, untuk menjawab pertanyaan dari sobat, maka hari ini saya akan share bagaimana carameletakkan iklan dismaping kotak komentar tersebut . .

Seperti biasa sobat klik pada menu edit HTML dan centang pada expand widget template untuk selanjutnya sobat cari kode seperti ini :

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Jika sudah ketemu silahkan sobat ganti dengan kode yang dibawah ini :

<table border='0' width='600'><tr> <td align='center'>ISI DENGAN KODE IKLAN</td> <td align='center'><iframe class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/></td></tr></table>

Tapi ingat sob. Pastikan kode yang diganti adalah kode iframe yang ke dua. karna yang pertama itu untuk indeks mobile. Untuk kostumiasasi. hehe
Silahkan sobat sesuaikan dengan selera sendiri dech  . .

Happy Blogging :)

Read more »

Template Sperti o-om.com | Blogger Template

Hari ini Saya ingin share kepada teman blogger template yang pernah saya pakai dulu. template ini mirip dengan templatenya o-om.com. tapi kalian harus tau template ini template buatan saya sendiri yang saya design seperti o-om.com karna saya kpengen seperti itu . .
baiklah nih SS nya . .

 

Bagaimana menurut sobat ?? agak mirip kan. di halaman homepage ini saya sengaja membuatartikelnya per label agar tidak sama persis seperti o-om.com.

Nah sementara di halaman postingnya seperti ini . .

Gmna sob ?? apa sobat penge template seperti ini ??

ya udah langsung di download aja ya . .

It's Free . .

Download

1. Recent post widget:

<h2><span class="pasang-link"><a href="http://www.chenkgelate.com/2011/06/daftar-isi_30.html">[sitemap]</a></span>» Recent Post</h2>

<script type="text/javascript">
imgr = new Array();
imgr[0] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
imgr[1] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
imgr[2] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
imgr[3] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
imgr[4] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
showRandomImg = true;
boxwidth = 500;
cellspacing = 5;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://www.chenkgelate.com/";
</script>
<script type="text/javascript" src="http://iskaruji.googlecode.com/files/post_terbaru.txt"></script>

Silahkan diganti tulisan yang berwarna merah dengan URL blog sobat.

2. Recent post perlabel:

<h2><span class="pasang-link"><a href="http://www.chenkgelate.com/search/label/Free%20Template?max-results=20">[more]</a></span>» Free Templates</h2>

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 50;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Free%20Template?orderby=updated&alt=json-in-script&callback=labelthumbs"></script><br />

Untuk warna Hijau tukar dengan nama Label sobat

Oke. Sekian dulu ya sob.

Read more »