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/AVvXsEj1GlOaNu6qHPhS5Vkht9ng8XYAL5Id0CV6cLQ930C7-UOb7RDgE0kXtDu21Ih_zt4If2pZWld9n6vTt3HHOiiOIaSfvYfm6eIkRYingq_Ex3zKQ4gnsdaJ2gvUH4rpaR7-mewCyuRrPHlk/s1600/slide1.jpg" />

    </a>

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

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

- Reviewer: Unknown - ItemReviewed: Stylis Blue Blogger Template

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

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/AVvXsEif4F6v3oCb0xfaJkTZYSj6rc_kE7CR3dZJoV7QT5RctUFqUXG7lhJ3bt30XkA6OS7jFCHpb4o8Wvcr2wAoKbtpzv7mu0LQaaQkbr_SXUkiLNigN2OzCRrWvqC0v6WOOoID7IYJwswpagk/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 :) - Reviewer: Unknown - ItemReviewed: Magazine Redhard Blogger Template

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. - Reviewer: Unknown - ItemReviewed: Template Sperti o-om.com | Blogger Template

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 - Reviewer: Unknown - ItemReviewed: Magazine Purple Style

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 . - Reviewer: Unknown - ItemReviewed: Simplex Linepress

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

- Reviewer: Unknown - ItemReviewed: Simple Magazine Style

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

- Reviewer: Unknown - ItemReviewed: Magazine Plazza

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. - Reviewer: Unknown - ItemReviewed: Silver Showcase - Free Blogger Template

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

LIVE DEMO  |  DOWNLOAD

- Reviewer: Unknown - ItemReviewed: Sporty Magazine 3

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.
Rating	4.6 out of 5 based on 121 bloggers.

- Reviewer: Unknown - ItemReviewed: The Antagonist Blogger Template

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:

DEMO | DOWNLOAD

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. - Reviewer: Unknown - ItemReviewed: Green Hacker Blogger Template

Chenkgelate Akhirnya ganti Template

Pada postingan kali ini saya tidak akan men share apa-apa . .
tapi cuma sekedar memberitahukan kalo blog ini ya . .(blog jelek ini) Selesai jugak template nya setelah 3 hari utak atik kode dan cari sana- sini apa yang bagus untuk di template baru yang simple and full white ini . .
akhirnya selesai jugak dech . .

sebelumnya terimakasih saya ucapkan kepada sahabat blogger yang sudah menyediakan tutorial blog nya yang dapat saya pakai di Template Blogger ini yaitu :

• http://www.kucoba.com/
• http://www.borneotemplates.com/
• http://www.serba-tersedia.co.cc/
• http://www.hermanblog.com/
• http://www.q-bekz.co.cc/
• http://oketrik.blogspot.com/
• http://epg-studio.blogspot.com/
• http://miscah.blogspot.com/
• http://berserkboys.blogspot.com/
• dan lainnya yg gk bisa saya sebutkan (lupa sob)

Awal mula saya memakai template buatan dari salah satu teman saya yaitu mas herdiansah template nya yang judul Zoom Magazine 2, tapi setelah saya Blogwalkin kesana kesini dan saya melihat blog dari teman saya Herman Blog dan sigodangpos mereka memakai template yang symple namun elegant.

Dari sana saya berinisiatif untuk mencobak membuat Template Blogger, walaupun sudah lama saya belajar dan belajar untuk bisa membuat template buatan saya sendiri. namun saya putus asa, sebab masih ada di antara kode-kode Template Blogger yang blum saya mengerti . .

Tapi sekarang akhirnya Template Blogger yang saya buat pertama ini akhirnya jadi jugak, walaupun masih banyak kekurangannya dari Template Blogger saya ini . .

Semoga sobat blogger setia blog ini nyaman dengan dengan Template Baru  Chenkgelate ini. Dan buat Sobat" blogger yang sudah saya sebutkan tadi terimakasih atas tutorial Blognya semoga sukses selalu dan Blog nya makin Jaya.
Opss hampit lupa. Buat Mas Ferdinaen Saragih thx atas Info nya. - Reviewer: Unknown - ItemReviewed: Chenkgelate Akhirnya ganti Template

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/AVvXsEhKcUHHb7zil-7hJTaiV5zMFw7vbNWW0EOO8EFnPcymNhpqSnURmE0tOW9_RPKAXL89Lqhmft463Xrz_GnZxe_0mNtDTAfH5XtkI8nj_uKoNi0S6VsV694Z5GxeVRS8cDRekkP_XO6myjk/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/AVvXsEhKcUHHb7zil-7hJTaiV5zMFw7vbNWW0EOO8EFnPcymNhpqSnURmE0tOW9_RPKAXL89Lqhmft463Xrz_GnZxe_0mNtDTAfH5XtkI8nj_uKoNi0S6VsV694Z5GxeVRS8cDRekkP_XO6myjk/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:

<script type="text/javascript"><!--

google_ad_client = "pub-2925834362764225";

google_ad_host = "pub-1556223355139109";

google_ad_host_channel="00000";

/* 468x15 BonProg */

google_ad_slot = "3625572682";

google_ad_width = 468;

google_ad_height = 15;

//-->

</script>

<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">

</script>

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

- Reviewer: Unknown - ItemReviewed: Blogger Template SimCleanear (Simple Clean & Clear)

Zoom Magazine 2

Template Name : Zoom Magazine 2
Template Author : Herdiansyah Hamzah
Url Author : http://www.herdiansyah.web.id
Description : Simple magazine blogger template with adsense ready, easy loading, SEO ready, auto readmore, multi column and more.
Designer : Herdiansyah Hamzah
Published : Borneo Templates
Url Published : www.borneotemplates.com

LIVE DEMO  |  DOWNLOAD

- Reviewer: Unknown - ItemReviewed: Zoom Magazine 2

Use Blogger Template Designer Fonts On Custom Blogger Templates

Back in January this year (2011) Blogger added 77 very cool fonts to the Blogger template designer.The fonts they added were from the Google Web Fonts directory and included some awesome bold fonts, handwriting fonts and fun fonts that could give your blog a unique look.If you use a template from the template designer you simply go to the template designer editor then choose and save any font.While this was great news for Bloggers using templates from the template designer unfortunately Bloggers using Custom Blogger templates could not use the fonts so easily.So if you have a custom Blogger Template (A Template You Downloaded Online From A Blogger Template Site) in this post i will show you how you can manually add any of the fonts to your blog.

This is a video tutorial so you can follow the steps in the video.A summery with the extra information you need is below the video.

Step 1. Go to Google Web Fonts

Step 2. Choose the font you want to use from the list and click on it.

Step 3. On the next page Click the use this font link.

Step 4. In your Blogger Dashboard click > Design > Edit Html.

Step 5. From Google Web Fonts Copy the first snippet of code and paste it directly below <head> in your templates html.Note - You must add a forward slash (/) to the end of the code as shown in the video.

Step 5. From Google Web Fonts Copy and paste the second snippet of code directly above ]]></b:skin> in your template.

Step 6. You now need to change H1 in the code to set were the font will be used on your blog watch the video for the options.

And thats it you can now choose from lots of cool fonts to use on your blogs titles no matter what template your using.

In the next post i will show you how to use custom fonts on the titles within your posts and also how to change the fonts use for the main text of your posts.

You can choose from 100's of custom templates on our template site Best Blogger Templates.

Drop Your Comments And Questions Below. - Reviewer: Unknown - ItemReviewed: Use Blogger Template Designer Fonts On Custom Blogger Templates