Free 2 3 Column Blogger Blogspot Template Gratis

blogger template 3 column blogger template adsense blogspot template blogger widget template 3 columns 3 column blogger templates make 3 column blogger template free 3 column blogger templates blogger templates widgets twitter blog widget seo template cool template theme

Minggu, 15 Juli 2012

Blogger Template SimCleanear (Simple Clean & Clear) 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 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(http://lh5.ggpht.com/_xcD4JK_dIjU/S-KAfOiWMCI/AAAAAAAAEBo/vpJGTe92QQ0/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:
http://lh5.ggpht.com/_xcD4JK_dIjU/S-KAfOiWMCI/AAAAAAAAEBo/vpJGTe92QQ0/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"

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="http://2.bp.blogspot.com/_xcD4JK_dIjU/TBz6BiCp41I/AAAAAAAAELU/pejhLUoBAHM/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="http://2.bp.blogspot.com/_xcD4JK_dIjU/TBz6BiCp41I/AAAAAAAAELU/pejhLUoBAHM/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 :) 
Joko Catur
Jumat, 03 Juni 2011

Game Black Blogger Template

Game Black Blogger Template
Template Details
Template Installation

1. First download the template

2.Now, sign in to Blogger dashboard and click on the layout.

3.Here is the important step, after uploading any new Blogger template, all of the previous widgets like your google adsense ads,text,profile,poll,etc etc will be lost.
So, to avoid this to happen, in this step click on 'edit' on all the widgets and copy the codes into notepad,etc.

4.Now click on the 'Edit html' tab

5.First of all please Download Full Template.This is to back up your present template.If the new template that you are going to upload makes/gets into some errors or if you make more complex errors in that,then you will loose everthing.So make sure that you back up your template.

6.Just below that,there's an option of uploading new template.So, use the Browse button and upload the downloaded xml file.

7.Now, a message appear saying that your widgets are about to be deleted.Click on the Confirm & Save (no problem doing this because we already copied the widget codes in Step 3).

8.Now click on "confirm and save".Now you successfully installed the template.

8.Click on the 'Page elements' page now and add the codes that you copied in step3 using the 'Add a Page Element' option.
Selasa, 31 Mei 2011

White Clean Magazine Free Blogger Template

Downlodad Gratis White Clean Magazine, Template ini cocok untuk semua blog, karena desain yang simpel tetapi elegant.

Demo
Download

Magazine Template

Description
White clean magazine, my another blogger template. Designed simple, clean, and of course ads ready. 3 columns layout maximize your advertisement place.

Installation Setting

Please, read all installation setting before ask.

White Clean Magazine Layout




Header Title Setting

You can change header text to image

  • Click edit, on header left gadget

  • Upload your own image

  • Choose "instead of text"

  • Save

Header Right

You can put your 468x15 banner ads here. Click on HTML gadget, paste your code




Navigation Menu

This navigation menu using Label gadget. Edit Label gadget, leave title empty and remove tick mark on Show number of posts per label. Navigation menu filled by post label/category automatically . You can customize which label that shown up.

You also can use LinkList gadget instead of Label Gadget, so you can put your own link.

How to?

  • Open Page Element

  • Delete Label gadget on navigation menu layout

  • Add LinkList gadget (you can use Add a Gadget from sidebar) drag new LinkList gadget to Navigation Menu Layout. Drag it under date


  • Save

Search

Click on Search Gadget, copy paste these code, then save.



<div id="search"> <form id="searchform" action="/search" method="get"> <input id="s" value="" name="q" type="text"/> <input id="searchsubmit" value="Search" type="submit"/> </form>


</div>



Dont want to use search menu? Simply click remove button and you can use default search blogger gadget, or adsense for search



125x125 Ads Banner

Click on ads banner gadget, copy paste these code



<div id="adspot">

<!-- Ad1 start -->

<a class="ad1" href="http://yourURL.com"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg"/></a>


<!-- Ad2 start -->

<a class="ad2" href="http://yourURL.com"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg"/></a>

<!-- Ad3 start -->

<a class="ad3" href="http://yourURL.com"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg"/></a>

<!-- Ad4 start -->

<a class="ad4" href="http://yourURL.com"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg"/></a>


<div class="clearer">

</div></div>



Change http://yourURL.com to your URL, and http://yourURL.com"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg to your image URL



Share Gadget


Click on Share gadget, copy paste these code



<div class="sexy-bookmarks">

<ul class="socials">

<li class="sexy-delicious"><a href="http://del.icio.us/post?url=http://www.yourURL.com/" target="_blank"/></a></li>



<li class="sexy-digg"><a href="http://digg.com/submit?url=http://www.yourURL.com/" target="_blank"/></a></li>




<li class="sexy-facebook"><a href="http://www.facebook.com/sharer.php?u=http://www.yourURL.com" target="_blank"/></a></li>



<li class="sexy-twitter"><a href="http://twitter.com/bietemplates" target="_blank"/></a></li>



<li class="sexy-syndicate"><a href="http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID" title="Subscribe to RSS"/></a></li>




</ul>

<span class="sexy-rightside"/></span></div>

White Clean Magazine is blogger template, 3 Columns, White, Gray, Fixed width, Right and Left sidebar

Girl 3 Column Free Blogger Template

Minggu, 29 Mei 2011

Mobile Phone Free Blogger Template

Joko Catur 2 column, Mobile
Sabtu, 28 Mei 2011

Sexy Zhang Xiu 2 Column Blogger Template

Joko Catur 2 column, Celebrity

Very Cool Celebrity Templates for Blogspot


Very Cool Celebrity Templates for Blogspot
Download Code
Live Sample

Joko Catur Celebrity
Minggu, 22 Mei 2011

UNIQUE TEMPLATE 3 COLUMN for BLOG

Let's choice what template do you want.

1. click the "GET CODE HERE"
2. Select all and copy, then paste all to your TEMPLATE - Edit HTML
3. " Save " or " Save and Confirm "
4. Enjoy


1. SRWIJAYA FC TEMPLATE BLOG






GET CODE HERE




Blogger template ini cocok sekali untuk blog tentang olahraga, apalai tentang bola



2. GUNDAM TEMPLATE






GET CODE HERE





Template gratis ini cocok untuk blog yanga membahas game, informasi tentang game


3. MARIA OZAWA TEMPLATE






GET CODE HERE





Free blogspot tempale 3 column ini cocok untuk cewek, atau untuk blog tentang artis.


4. SPIDER TEMPLATE






GET CODE HERE








5. FERRARI TEMPLATE






GET CODE HERE



Minggu, 30 Mei 2010

1 Column Simple And Elegant Blogger Template

free blogger template
1 Column Simple And Elegant Blogger Template
Live Sample : Tutorial dan Panduan Blogspot
Download Link Elegant Blogger Template
Joko Catur 1 Column, Cool Template
Selasa, 15 September 2009

Download Black Template 4 Column Style

Black Template, 4 Column blogger template




Download Black Template 4 Column Style


Specifications:
o Type: Blogger layout (XML)
o Type column: 4 column template
o Default Template colors: Black, white and orange
o Template Width: 980 pixels


Term Of Service

By downloading and using the template from us, you agree to the rules that we Create.

1. "Colourfull Rounded Template - Black" is free to download.
2. You may not sell our templates to other people or other companies without permission from us.
3. You should not put the download link in the web or blog, please link to a web page that we created for downloading our template.
4. You are allowed to modify in part or whole of the form template.
5. You can use our template for the personal use or for company.
6. You are not allowed to remove a link to our web Credits on the footer on the template.

Thank you for your cooperation ..


To make the display read more on your posting, you live to follow step-step below.

1. Go to the settings tab, then tab to format

2. Slide the scroll to the bottom of the Format tab, and enter the code below into the post template column:


<span class="fullpost">


</span>


3. Then click the save settings.

4. Then when you write your post, place the posts that appear on the front page above the code <span class="fullpost">



5. Put the rest of the posts (Nb: The post that will only be visible if the read more click the link it) between the code <span class="fullpost"> </span>


6. Done ^ ^

When you have a problem in editing this template for your blog, do not hesitate, hesitate to leave a message in the comments this post .. thank's.
Black Template, 4 Column blogger template

Dog template 3 Column blogger template

Hi all. Another blogger/blogspot template for you today.
This template's name: Dog home ^_^ Dog template
It like suitable for blog that talk about dog or animal
dog template

Demo Dog template | Download Dog template