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
Installation and Template Guide
InstallationGo 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 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 == "index"'>
<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'/> This template using twitter logo as default, you can change twitter logo with your own logo. Search this code: <!--EDIT YOUR LOGO HERE -->
<a expr:href='data:blog.homepageUrl'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi73ShegMuj9vlKASSTplnGJAdSGX4cCWO2d90u0GXSuoF9LxKHkfk_-jvNytaOHDQs7sjXHMfo9_VrOYgUjH-EVZysJqRc7_a2-kaoTE1iLFTvqHEKkPBnw4jfTGCPYkOp3xN82V1h_HE/" 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
<!--EDIT YOUR NAVBAR HERE -->
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.
0 komentar:
Posting Komentar