Update Terbaru
Loading...
Home » » Resensi Post Blogger Template
Published On : Sabtu, 01 September 2012
03.23.00 | Admin | No Comments

Resensi Post Blogger Template


After released blogger template Dasar Ireng Template, its time for new blogger template Resensi Post Template. If my previous templates dominated by dark background and color, this template more "clear", hehehe..

Here is the screenshot

new blogger template resensi post. resensi post blogger template

See demo live blogger template Resensi Post or download Resensi Post template for free.

Setting Resensi Post Blogger Template


1. Setting Top Menu
Go to Layout > Edit HTML and find this code

<div class='topmenu'>
<ul>
<li><a expr:href='data:blog.homepageUrl' title='Take me home'>Home</a></li>
<li><a href='YOU-LINK-HERE' title='About us'>Edit Me</a></li>
<li><a href='YOU-LINK-HERE' title='Adverise us'>Advertise</a></li>
<li><a href='YOU-LINK-HERE' title='Contact us'>Contact</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='RSS Posts'>RSS Posts</a></li>
</ul>
</div>

Change the red color


2. Setting menu navigations
Go to Layout > Edit HTML and find this code

<div class='menu'>
<ul>
<li><a href='LINK-MENU-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='LINK-MENU-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='LINK-MENU-HERE' title='Edit Me'>Edit Me</a></li>
</ul>
</div>

Change the red color

Total width for this menu navigation is 675px and every item menu is 80px. So, item name do not over 80px.


3. Setting Facebook, Twitter, Post RSS and subcribe to Email

Go to Layout > Edit HTML and find this code

<div class='socialize'>
<ul>
<li><a href='LINK-YOUR-FACEBOOK' target='_blank' title='View my Facebook profile'><img height='50' src='http://sites.google.com/site/vectorireng/gambar/res-facebook.jpg' width='90'/></a></li>
<li><a href='LINK-YOUR-TWITTER' target='_blank' title='View my Twitter profile'><img height='50' src='http://sites.google.com/site/vectorireng/gambar/res-twitterlogo.gif' width='90'/></a></li>
<li><a href='LINK-YOUR-RSS-POST' target='_blank' title='Subcribe to RSS Post'><img height='50' src='http://sites.google.com/site/vectorireng/gambar/res-rsslogo.gif' width='90'/></a></li>
<li><a href='LINK-YOUR-EMAIL-SUBCRIBER' target='_blank' title='Suubcribe to Email'><img height='50' src='http://sites.google.com/site/vectorireng/gambar/res-email.jpg' width='90'/></a></li>
</ul>
</div>

Change the red color.
For RSS Post link, would be like this :

http://feeds.feedburner.com/freeajah

For Subcribe to Email link, would be like this :

http://feedburner.google.com/fb/a/mailverify?uri=freeajah


4. Setting banner ads 125px X 125px

Go to Layout > Edit HTML and find this code

<div class='banner'>
<ul>
<li><a href='YOUR-LINK-HERE' target='_blank'><img src='IMAGE-LINK-HERE'/></a></li>
<li><a href='YOUR-LINK-HERE' target='_blank'><img src='IMAGE-LINK-HERE'/></a></li>
</ul>
</div>

Change red color

Update : I make a little change in a:link, a:visited, and a:hover colors

Change that codes with these code below :

a:link {
color:#244dd4;
text-decoration:none;
}
a:visited {
color:#263277;
text-decoration:none;
}
a:hover {
color:#888862;
text-decoration:none;
}


Thanks


Related Post

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top