Blog yang Membahas Semua Hal yang Menarik: KBM | Twitter Freak Blogger Template

Senin, 03 Mei 2010

KBM | Twitter Freak Blogger Template

Posted: 03 May 2010 04:39 AM PDT

Sudah lama blog ini tidak saya isi dengan postingan baru, beberapa kesibukan di Jatayu Global Media terpaksa membuat saya harus merelakan blog ini terbengkalai untuk beberapa waktu. Disela-sela kesibukan akhirnya saya sedikit meluangkan waktu untuk sedikit berbagi kepada sahabat-sahabat blogger. Pada postingan kali ini saya akan memberikan free template blogger yang baru saja selesai saya buat dengan nama "Twitter Freak Blogger Template". Seperti biasanya untuk postingan mengenai free template akan saya tulis dalam bahasa Inggris agar lebih global.

Features Of Twitter Freak Blogger Template

2 Column Blogger Template
Right Sidebar
Twitter interface (blogger twitter clone)
Search Engine Friendly
Meta Tag ready (easy edited)
Auto read more with thumbneil
Fast loading
Compatible With Mozilla, Flock, Chrome, Opera and Safari

Live Demo | Download | Download Mirror

Installation and Template Guide

Installation
Go To Blogger Layout > Edit HTML > Click "Browse" > put "TwitterFreak.xml" file from your computer > Click "Upload" > Save Template

Template Guide
1. Go To Blogger Settings > Basic
Set your Blog Title and Description and then save.

2. Go To Blogger Settings > Comments
Set Comment Form Placement to Embedded below post and then save.

3. Edit Meta, Header logo, Header pic and Navbar:
Go To Blogger Layout > Edit HTML > click "Expand Widget Templates"
Edit

- Edit Meta Tag
Find below codes and change the red color to match yours

<head>
 <b:include data='blog' name='all-head-content'/>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
 <title><data:blog.pageTitle/> | Enter your blog topic here</title>
 <b:else/>
 <title><data:blog.pageName/> | Enter your blog name here</title>
 </b:if>
 <meta content='Enter your blog description' name='description'/>
 <meta content='Enter your blog keywords' name='keywords'/>
 <meta content='noodp' name='robots'/>
 <meta content='INDEX,FOLLOW' name='Robots'/>
 <meta content='3 days' name='revisit-after'/>

- Header Logo -
This template using twitter logo as default, you can change twitter logo with your own logo. Search this code:

<a expr:href='data:blog.homepageUrl'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOkrIvfa6JgfrEoUPoUfkbeakw_uuAOP9L-lRvjqv1ySWoTK7E4sSeMoBbRGkfeBjLd_wJDsfpBNa_tG1J8iYynuqGQwV-hPkQWQXUf4IbrUBo8_Apm-SkWKxVs_dZhzxRVplNjfobm4A/" border="0" alt="logo"></a>

Replace the red code with your image URL.

- Insert Header Pic -
Go to Blogger layout and click edit on "(header)"

Upload image from your computer, recomended image size is 100px x 100px. Select placement on "Behind title and description".

- Edit Navbar -
Just find this code to edit the navbar


After you edit meta tag, header logo, header pic and navbar just click "SAVE TEMPLATE" and enjoy your template. If there is an errors please leave a comment on this blog and I will be happy to assist you. Thanks..

Notes:
1. Rounded corner using CSS3, rounded corner not working on Internet Explorer family.