Sunday, November 25, 2012

0
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

Saturday, September 22, 2012

0
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

Sunday, September 9, 2012

0
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

Tuesday, August 28, 2012

0
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

Sunday, August 5, 2012

6
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

Sunday, July 22, 2012

14
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

Friday, July 13, 2012

6
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




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.

Saturday, April 28, 2012

4
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/AVvXsEjkQawMFBtnsGIJAU-zQ_56WOtYwpM9niv6R-iRuQMxBMjTmMJkWJa7Tv60_cLf192CdNpPZ0NwtY17hNJJzO09sP2zCJgG7biYi9ZxLEON-FMfFuaN28nnlN_9sEKOHVWkGf337EgtEwGh/s1600/slide1.jpg" />

    </a>

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

        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRPCOy6m3ITSOJxccBQd2JOeIT3wirVxGe_Ivzj4uktkaWkCqX3U8M0GMywz_2qAe6wARLfsVPNoHOiVS59-Sa3NYWCkI5n3qTxb3jwT0LgY1v0trD3XedK43zUfM3rrHtGXCmhBt7ByNp/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 :)

    Saturday, April 21, 2012

    13
    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/AVvXsEi318z_JaGzuBsVrcG4m4T-JLWClvzbcnl0abDjqIiTvAPhqjOc7CQa0mZjcMcDH3edKzOToN-KtG8rosc-kj0hy1dHZUxShUQTn4BPotabBT9BCQOpePasIb-XiGwUfSdAGA0h4DpQdSI/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 :)

    Monday, February 6, 2012

    28
    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 . .

    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.

    Wednesday, December 7, 2011

    15
    Magazine Purple Style

    Wahhhhhh akhirnya tiba jugak di penghujung ceritaku . . hehehe gaya mu rangga sok iiaa . ..
    hmm, hari ini ane mau share salah satu template oprek ana yang pernahane pkai sob. seperti biasanya setiap ane selesai mkai tuhtemplate pasti ane share untuk sobat. jadi sekarang ane share aja yak . . liat aja nih sob SS nya . .


    Halaman Hompage

    Halaman Postingan
    Download - - - - - -Klik Here

    NB: untuk menu dropdown nya silahkansobat copas kode dibawah ini . .

    <ul class='sf-menu'>
        <li><a href=''>Home</a></li>
    <li><a href=''>Profil</a>
        <ul>
        <li><a href=''>Admin</a>
        <ul>
        <li><a href='#'>Rangga</a></li>
        <li><a href='#'>Blogger</a></li>
        </ul>
        </li>
        <li><a href='#'>Contact Me</a></li>
        <li><a href=''>Facebook</a>
        <ul>
        <li><a href='#'>Rangga</a></li>
        <li><a href='#'>Chenkgelate</a></li>
        </ul>
        </li>
        </ul>
        </li>
    <li><a href='#'>Sitemap</a></li>
    <li><a href=''>Service</a>
        <ul>
        <li><a href='#'>Pembuatan Adsense</a></li>
        <li><a href='#'>Pembuatan Blog</a></li>
        </ul>
        </li>
    <li><a href=''>Exchange</a>
        <ul>
        <li><a href='#'>Banner</a></li>
        <li><a href='#'>Link</a></li>
        </ul>
        </li>
    <li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li><li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li><li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li><li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li><li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li><li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li><li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li><li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li>
    <li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li>

    <li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li>
    <li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li>
    <li><a href=''>Menu </a>
        <ul>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        <li><a href=''>Sub Menu 1</a></li>
        </ul>
        </li>
        <div class='clear'></div>
        </ul>

    Okeh. mungkin cuma itu saja. thanks and Happy Blogging

    Monday, November 21, 2011

    4
    Simplex Linepress

    Some readers asked me for a blogger version of Linepress template (from Gabfire) . After a long time ,now I want to show you the result . It's good for a magazine or news portal . Hope you all like this .



    Live Demo | Download

    How to install this template

    1,Download the template .

    2,Open the template file in any word editor . I recommend Notepad ++ for easy in editing .

    3,To add social network account


    Find this code :

    <div id="submenu">
                     <ul class="subnav">
                         <li><a title="Subscribe to latest posts in RSS" rel="nofollow" href="/feeds/posts/default" class="gab_rss" target="_blank">RSS for Entries</a></li>
                         <li><a title="Subscribe to latest posts via email" rel="nofollow" href="http://feedburner.google.com/fb/a/mailverify?uri=simplex" class="gab_email" target="_blank">Subscribe via E-mail</a></li>                                               
                         <li><a title="follow on twitter" rel="nofollow" href="http://www.twitter.com/dinhquanghuy" class="gab_twitter" target="_blank">Follow on Twitter</a></li>                                               
                         <li><a title="Connect on facebook" rel="nofollow" href="http://www.facebook.com/simplexdesignblog" class="gab_facebook" target="_blank">Connect on Facebook</a></li>

    and change the link in bold to your social network and feed burner accounts .

    4,Save template and upload to blogger .

    5,Go to page elements .



    6,To add logo


    click on logo widget

    and add your logo into widget content as structure

    <img src="your logo url"/>

    like picture bellow


    7,To add item to main menu navigation


    click on 'menunav' widget


    add link to your categories



    8,To add content in 'teaser' section



    click on teaser widget



    add the category name into widget content


    Do the same for 'teaser','featureright','mediabar','primarybottomleft' widget

    9,To add content in the tab


    click on each widgets from 'priBottab1','priBottab2','priBottab3','priBotab4'


    add the category name into widget content ,add the name of category into widget title.


    10,Other widgets can be edit as you want . You can add script into widget content (ads ,video embed ...)

    11,You can add or remove or move widgets in anyplace as you want .

    Save changes . That's all for this template .

    I hope this template work fine for you .

    Wednesday, November 2, 2011

    42
    Simple Magazine Style

    Nih dia sob, ane mau share salah satu Template yang prnah ane pakai dulu, ini khusus buat sobat2 bloggers semua nya . . template yang ane share ini agak sedikit mirip sama templatenya Kucoba.com ya walaupun ada kurang2 nya sedikit, sobat tinggal edit dan tambah2 kodenya saja . .
    editing nya jgk murah kog sob :)


    DEMO | DOWNLOAD

    NB: Tolong jgn menghapus link credit dan menghargai hasil karya orang lain . .

    Thursday, July 28, 2011

    10
    Magazine Plazza

    Want to make a fresh and functional Joomla magazine/news portal site? Magazine Plazza is the answer. This new template is designed to fullfill your needs of a fresh, clean, and flexible template for your joomla portal.
    This template brings alot of features (listed below) and also equipped with two additional "news presentation type" joomla modules, Nice Frontpage and Lated NewsPlusDate, that will enrich your joomla site looks and also make your joomla site to be more functional.
    With the template on this one you can change the look of your joomla be as if your blog is a yahoo site. In magazine_plazza file has been equipped with addon and PSD files that will facilitate you in the process of editing your template. Equipped with modules such as latest news updates, nice front page, the menu tp, tp box, and also comes with a module file bookmark us make this template is complete. These templates allow you to either joomla software version 1.0 or version 1.5. To be able to use it please you download the template here

    Thursday, July 14, 2011

    3
    Silver Showcase - Free Blogger Template


    Desain saya terinsipirasi dari Echo - Bulid Highly Social Real-time Apps, namun itu hanya sebatas pada beberapa bagian saja selebihnya saya menambahkan beberapa fitur lain diantaranya :

    1. Slider
    Slider ini di buat dengan menggunakan jQuery.min.js 1.4.2 dengan penambahan beberapa script. Slider ini bisa anda gunakan untuk menampilkan postingan atau artikel penting dalam blog anda. Cara menggantinya anda login ke Blogger kemudian masuk ke menu edit HTML dan cari kode yang tertera dibawah ini dengan menggunakan ctrl + F
    <!-- Slide 1 Code Start -->
    <div class='featured-post clearfix'>
    <div class='slider-image'>
    Lalu anda ganti paragraph beserta gambarnya dengan gambar dan kalimat anda sendiri, ada 5 slide yang saya sediakan semuanya bisa anda ganti dengan cara yang sama.

    2. Gallery Style
    Untuk konten pada halaman muka alias home page saya menggunakan gaya gallery blog dengan Js-kit rating sebagai sarana pemirsa/pengunjung untuk memberikan penilaian terhadap konten anda. Namun ini akan jelas berbeda saat anda masuk ke halaman selanjutnya dimana akan terlihat sebuah sidebar yang tidak anda temukan pada halaman muka, untuk mengubah atau mengedit sidebar yang tersembunyi ini memang memerlukan beberapa langkah yang boleh dibilang cukup rumit dan merepotkan. Untuk mengeditnya silahkan perhatikan penjelasan saya ini:

    Pada awalnya bagian sidebar ini tidak akan terlihat pada menu edit page element untuk mengganti atau menambahkan widget tentu anda harus membuatnya terlihat terlebih dahulu pada edit page element, caranya masuk ke edit HTML anda cari kode seperti ini:
    #sidebar-wrap {display:none}
    ganti display:none menjadi display:yes kemudian simpan dulu template anda, sekarang element sidebar akan muncul pada edit page element dan anda bida menambahkan/menghilangkan beberapa widget dengan metode seperti biasa. Setelah proses penambahan anda masih harus menyembunyikannya kembali agar tidak akan muncul pada halaman muka, caranya rubah kembali display:yes menjadi display:none kemudian save kembali template anda.

    Selain itu juga ada beberapa hal menarik lainnya yaitu:
    - Sponsor List
    - Page Navigation
    - Wordpress Look
    - Gallery Style
    - Simple
    - Ads Ready, dll

    Untuk melihat demonya silahkan klik : Live Demo dan jika anda semua ada yang berminat silahkan download secara gratis.

    Wednesday, July 13, 2011

    3
    Sporty Magazine 3


    Template Name : Sporty Magazine 3
    Template Author : Herdiansyah Hamzah
    Url Author : http://www.herdiansyah.net
    Description : Simple magazine blogger template with adsense ready, easy loading, SEO ready, auto readmore, multi column, fixed page navigation and more.
    Designer : Herdiansyah Hamzah
    Published : Borneo Templates
    Url Published : www.borneotemplates.com


    Tuesday, July 12, 2011

    0
    The Antagonist Blogger Template

     
     
    Features:
    Instructions: How to use this template
    Template author:Insight your Blogger
    Description:The Antagonist is a free premium blogger template with 1 column and rounded corners.
    Excellent layout for blogs about personal issues.
    Download The Antagonist for free in BTemplates.
    Rating4.6 out of 5 based on 121 bloggers.

    Tuesday, June 21, 2011

    15
    Green Hacker Blogger Template

    Akhirnya sudah beberapa hari saya ingin berbagi Template buatan saya kepada sobat blogger, baru sekaranglah keinginan saya tercapai. Pada kali ini saya akan share kepada sobat blogger Blogger Templates yang saya beri nama "Green Hacker" sebenarnya sudah lama saya ingin berbagi karya kepada sobat blogger semua, tapi saya masih ragu, karna Blogger Templates saya ini masih banyak kekurangan nya yang mungkin ada yang tidak sobat blogger sukai. .
    Baiklah agar tidak memperpanjang Muqodimah langsung aja ya sob nih SS nya:



    Ini Templates sederhana bgt sob. tapi tampilannya itu ... yaaa lumayan kren lah sob . .

    Category:
    • Colour " Green "
    • 3 Coloumn
    • 3 Footer
    • Transparant
    • Elegant Style
    Features:
    • Readmore Automatic
    • Ads Ready
    • Breadcrumb Navigation
    • Related Post
    • Share button
    • and more features

    Udah dulu ya sob infonya. silahkan digunakan dengan sebaiknya jika bermanfaat.

    Update: Link download udah saya tukar dengan update templatenya.

    Friday, June 10, 2011

    1
    Blogger Template SimCleanear (Simple Clean & Clear)

    Bismillah. Alhamdulillah... Satu template telah selesai dibuat oleh Blogger Tune-Up. Sebenarnya kurang begitu percaya diri Blogger Tune-Up mengeluarkan template untuk Blogger karena merasa bukanlah ahli apalagi spesialis template blogger. Tapi tidak ada salahnya untuk mencoba mengeluarkan satu template yang dirancang oleh Blogger Tune-Up sebagai persembahan kepada para pembaca setia Blogger Tune-Up dan sekaligus ucapan terima kasih atas kesetiaannya untuk selalu berkunjung dan mendukung keberadaan Blogger Tune-Up. Selalu menyimak artikel demi artikel dan memberikan komentar-komentar membangun yang mampu memotivasi Blogger Tune-Up untuk terus berkarya dan menulis tips dan trik yang lebih baik. Membuat plugin-plugin jQuery yang lebih sempurna dan sederhana adalah keinginan Blogger Tune-Up dengan harapan para Blogger Indonesia mampu menunjukan pada dunia bahwa kita memiliki kelas sendiri yang unik dan berkwalitas.

    Halaman Depan Blogger Template SimCleanear
    Blogger Template Simple Clean & Clear ini merupakan hasil rancang bangun Blogger Tune-Up yang dipersembahkan secara gratis untuk seluruh blogger Indonesia pada umumnya dan pembaca setia Blogger Tune-Up pada khususnya. Lalu apa keutamaan (feature) yang disuguhkan dari Blogger Template Simple Clean & Clear ini?
    Halaman Artikel Blogger Template SimCleanear

    Keutamaan (feature) Blogger Template Simple Clean & Clear

    • Dari namanya bisa kita tebak yaitu sebuah template yang menyuguhkan kesederhanaan, kebersihan dan kemudahan
    • Karakternya sederhana tapi profesional
    • Sedikit sekali melibatkan gambar sehingga proses loading halaman lebih cepat
    • Cocok untuk blog yang berkarakter index, sitemap atau berupa daftar isi
    • Tabel sederhana yang sangat elegan dan profesional (tambahan)
    • Menggunakan framework jQuery dan JSON
    • jQuery Auto Image Caption yang secara otomatis membuat frame untuk gambar (tambahan)
    • jQuery Slick Tab yang membuat tampilan bawah artikel terlihat sederhana dan profesional
    • Terintegrasi fasilitas artikel terkait tanpa harus mengutak-atik kodenya lagi
    • Terintegrasi tombol berbagi yang mampu menghubungkan dan membagikan artikel kita pada berbagai layanan feed dan jejaring sosial
    • Terdiri dari 3 kolom dengan 2 sidebar kiri dan kanan
    • Terdiri dari 2 kolom footer yang cocok dan dirancang khusus sebagai tempat iklan
    • Terintegrasi statistik pengunjung yang sedang online, tombol bookmark, tanggal, dan fasilitas pencarian

    Ketentuan Penggunaan Blogger Template Simple Clean & Clear

    • Template ini dibuat oleh Blogger Tune-Up di bawah lisensi Creative Commons Attribution 3.0
    • Tersedia dengan gratis tanpa harus membelinya atau tukar guling dengan apapun
    • Anda dapat menggunakan dan memodifikasinya sesuai keperluan anda tanpa batasan
    • Tidak diperkenankan membuang tautan kredit pada bagian bawah template dengan alasan apapun kecuali mendapat persetujuan dari Blogger Tune-Up sesuai perjanjian yang dibuat selanjutnya
    • Blogger Tune-Up tidak bertanggung jawab atas kerusakan atau kesalahan yang terjadi kedepannya akibat dari penggunaan template ini
    • Blogger Tune-Up tidak bertanggung jawab jika suatu hari ada pihak yang menggugat anda karena penggunaan template ini

    Tata Cara Penggunaan Blogger Template Simple Clean & Clear

    Pada tata cara penggunaan Blogger Template Simple Clean & Clear ini tidak akan dijelaskan secara mendetail langkah demi langkah, karena kami anggap anda sudah memahami atau pernah membaca artikel-artikel dari Blogger Tune-Up
    1) Menambahkan SEO Tag Meta
    Cari kode dibawah ini:
    <title><data:blog.pageTitle/></title>

    Kemudian ganti (replace) dengan kode dibawh ini:
    <b:if cond='data:blog.pageType == &quot;index&quot;'>

    <title><data:blog.pageTitle/></title>

    <b:else/>

    <title><data:blog.pageName/> | Nama Blog atau Alamat Blog</title>

    </b:if>

    <meta content='index,follow' name='robots'/>

    <meta content='en' name='language'/>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <meta content='ganti dengan deskripsi blog' name='description'/>

    <meta content='keyword1, keyword2, dan seterusnya' name='keywords'/>

    <b:else/>

    <meta expr:content='data:blog.pageName + &quot;keyword1, keyword2, dan seterusnya&quot;' name='keywords'/>

    </b:if>

    Keterangan: kata yang diblok silahkan disesuaikan dengan blog

    2) Mengubah Logo
    Cari kode dibawah ini:
    #wrap {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIIGDAYNHBQE2t3CQ0-1hJfekpGrwu7YaqAeq-W-_YFX0mGJJ3e4ykegorXpgMHLh8DslvyqALRY5whEH-GMZfxc-18UXMpQiCKUP2kQhqeDG25Rzfwr8zemcIh7MWrCFlO2EmZqfdwrs/d/logo.gif) no-repeat scroll right 5px #fff;margin:0 auto;width:940px;}

    Ubah/ganti alamat URL dibawah ini sesuai dengan logo yang sudah anda buat:
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIIGDAYNHBQE2t3CQ0-1hJfekpGrwu7YaqAeq-W-_YFX0mGJJ3e4ykegorXpgMHLh8DslvyqALRY5whEH-GMZfxc-18UXMpQiCKUP2kQhqeDG25Rzfwr8zemcIh7MWrCFlO2EmZqfdwrs/d/logo.gif
    Keterangan : ukuran logo 148 px X 156 px

    3) Mengganti Link Bookmark
    Cari kode dibawah ini:
    var bookurl="http://URL.com/"

    var bookname="Nama Blog"

    Ganti URL dan Nama Blog sesuai blog anda

    4) Mengubah Judul Tab Link
    Cari kode dibawah ini:
    <div id='tabs'>

    <a expr:href='data:blog.homepageUrl' id='this'>Home</a>

    <a href='URL'>Edit Link</a>

    <a href='URL'>Edit Link</a>

    </div>

    Ganti URL sesuai dengan alamat dan Edit Link sesuai nama tab, misal:
    <a href='http://namablog.blogspot.com/'>Blog Lainku</a>


    5) Mengaktifkan Statistik Pengunjung
    Cari kode dibawah ini:
    <script src='http://fastonlineusers.com/on2.php?d=URL.com' type='text/javascript'/>

    Ganti URL sesuai dengan alamat blog, misal:
    namablog.blogspot.com
    Keterangan: URL tanpa "htpp://"

    6) Memasukan Iklan Link
    Cari kode dibawah ini:
    <div class='iklanlink'><!-- Iklan Link --></div>

    <data:post.body/>

    <div class='iklanlink'><!-- Iklan Link --></div>

    Ubah/ganti kode dibawah ini:
    <!-- Iklan Link -->
    Dengan iklan link misal seperti contoh dibawah ini:
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--

    google_ad_client = &quot;pub-2925834362764225&quot;;

    google_ad_host = &quot;pub-1556223355139109&quot;;

    google_ad_host_channel=&quot;00000&quot;;

    /* 468x15 BonProg */

    google_ad_slot = &quot;3625572682&quot;;

    google_ad_width = 468;

    google_ad_height = 15;

    //--&gt;

    &lt;/script&gt;

    &lt;script src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot; type=&quot;text/javascript&quot;&gt;

    &lt;/script&gt;

    Keterangan: Kode iklan harus di encode

    7) Mengubah Judul jQuery Slick Tab
    Cari kode dibawah ini:
    <ul class='slick'>

    <li><a class='slick active' href='#terkait' title='content_1'>Related Posts</a></li>

    <li><a class='slick' href='#comments' title='content_2'>Comments</a></li>

    <li><a class='slick' href='#share' title='content_3'>Share</a></li>

    </ul>

    Ubah/ganti bagian yang diblok sesuai dengan keinginan

    8) Edit Iklan Footer
    Hal ini dilakukan jika anda menghapus Gadget HTML bawaan, maka harus ditambahkan lagi kode pada template supaya tampilan kembali normal. Jika tidak di edit dan ditambahkan kode maka tampilan footer ini tidak menarik. Untuk mengedit kode harus dalam mode "Edit HTML - Expand Template Widget"
    Cari kode dibawah ini (ini kode bawaan template) dan perhatikan yang di blok:
    <div id='iklan'>

    <b:section class='iklankiri' id='iklan1' preferred='yes'>

    <b:widget id='HTML14' locked='false' title='' 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 sideadsl'>

    <data:content/>

    </div>


    <b:include name='quickedit'/>

    </b:includable>

    </b:widget>

    </b:section>

    <b:section class='iklankanan' id='iklan2' preferred='yes'>

    <b:widget id='HTML15' locked='false' title='' 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 sideadsr'>

    <data:content/>

    </div>


    <b:include name='quickedit'/>

    </b:includable>

    </b:widget>

    </b:section>

    </div>

    Jika anda menghapus gadget tadi dan kemudian menambahkan baru maka kode kembali normal seperti dibawah ini:
    <div class='widget-content'>

    Tambahkan kode sideadsr untuk footer sebelah kanan dan sideadsl untuk footer sebelah kiri sehingga menjadi:
    <div class='widget-content sideadsl'>

    <div class='widget-content sideadsr'>


    9) Menonaktifkan Fungsi Tanggal
    Jika tampilan blog anda seperti dibawah ini:
    - Nonaktifkan fungsi tanggal melalui "Rancangan - Elemen Laman" klik link edit pada "Posting Blog"
    - Halaman "Mengkonfigurasi Posting Blog" akan terbuka lalu cari "Opsi Laman Entri"
    - Hilangkan tanda check pada opsi tanggal bagian atas
    - Klik tombol "SIMPAN"
    Demo Template SimCleanearKlik disini untuk Demo Blogger Template Simple Clean & Clear
    Download Template SimCleanearKlik disini untuk download Blogger Template Simple Clean & Clear

    Menggunakan Fasilitas Tambahan Blogger Template Simple Clean & Clear

    1) Tabel
    Selain perlengkapan standar, template simcleanear juga dilengkapi dengan fasilitas tabel yang sangat elegan.
    Dibawah ini contoh kode tabel :
    <table class="dl1" id="dl1">

    <tbody>

    <tr><th id="na">Informasi</th><th width="300">Keterangan</th></tr>

    </tbody>

    </table>


    <table class="dl2" id="dl2">

    <col/><col width="10"/>

    <col width="300"/>

    <tbody>

    <tr><td>Nama</td><th>:</th><th>Blogger Template Simple Clean & Clear</th></tr>

    <tr><td>Versi</td><th>:</th><th>Versi 1.0</th></tr>

    <tr><td>Sistem Operasi</td><th>:</th><th>Win XP, Win Vista, Win 7</th></tr>

    <tr><td>Password</td><th>:</th><th>-</th></tr>

    <tr><td>Website Resmi</td><th>:</th><th><a href="http://programgratisan.blogspot.com/" target="_blank">Program Gratisan</a></th></tr>

    <tr><td>Tanggal Rilis</td><th>:</th><th>18 Maret 2011</th></tr>

    <tr><td>Ukuran File</td><th>:</th><th>42.8 Kb</th></tr>

    <tr><td>Unduh</td><th>:</th><th>[<a href="http://modification-blog.blogspot.com/" target="_blank" rel="nofollow">Rekomendasi</a>]-[<a href="http://bonprog.blogspot.com/" target="_blank" rel="nofollow">Link 1</a>]-[<a href="http://programgratisan.blogspot.com/" target="_blank" rel="nofollow">Link 2</a>]</th></tr>

    </tbody>

    </table>

    Dibawah ini preview hasil akhir tabel:

    2) jQuery Auto Image Caption
    Selain dilengkapi tabel, template Simcleanear dilengkapi fasilitas jQuery Auto Image Caption yaitu fasiitas yang secara otomatis menambahkan border dan keterangan pada gambar, seperti dibawah ini:
    Penambahan kode (yang diblok) pada gambar:
    <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip_tesI2JciunTjzmTLS8yKzNTnnIqvmDTCVexXkoREa6OdmFEzberxEojAkw3fjMKobCgUnMCQ2xUhnZK-9x_RRtTJ4JPFZ5uYqzlba785KMXHT71tNTq_La9qab2HrlkseHU-lRBcrny/s400/jQuery-Auto-Image-Caption.jpg">
    <img class="gambar" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 222px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip_tesI2JciunTjzmTLS8yKzNTnnIqvmDTCVexXkoREa6OdmFEzberxEojAkw3fjMKobCgUnMCQ2xUhnZK-9x_RRtTJ4JPFZ5uYqzlba785KMXHT71tNTq_La9qab2HrlkseHU-lRBcrny/d/jQuery-Auto-Image-Caption.jpg" border="0" alt="jQuery Auto Image Caption" id="BLOGGER_PHOTO_ID_5484533350455173970" />
    </a>
    Lebih lengkapnya silahkan baca disini.

    Selamat mencoba dan terima kasih atas segala apresiasinya terhadap Blogger Tune-Up. Happy Blogging :)
     

    Customer Services

     
    Copyright © 2011 - IDBlogportal.com All Right Reserved
    Developed By IDB Multimedia Creative Group
    Home | Contact Us | Profile Admin | Sitemap
    Chatbox dan Tukaran Link Otomatis Disini
    ◄ GO BACK