I converted Platinum WordPress theme into Blogger Template. Originally, Brian Gardner designed it and I converted it for all Blogger users and make it available for absolutely free.
Let see what I have added the cool feature on this template:
JQuery Drop Down Menu Bar
On the top of the page, it consists of awesome Drop down menu with JQuery effects. When you hover your mouse to these menus, it will drop soothly to downward direction.
JQuery Featured Post widget
With this widget, you can show the most featured post of your blog with image thumbnail and summary text. However, featured post widget is only visible on HomePage to make it look more professional.
Automatic Read More with Thumbnail
After you've written a post, you don't need to worry about the Jump links that blogger recently announced. Just you have to create a post a publish it! Your reader can easily view your post with attractive thumbnail on the left side and Ream More link on the right side.
Page Navigation
There was an error on the Blogger's default pager links. So, I installed Page Navigation hack for it to make it easy to turn the page of your blog easily.
There is many more missing that I cannot mention it here. In fact this template have more flexible where you can add more widgets on the right sidebar and there widget on the footer.
Customizations
Now, let's do some customization to fit it on your blog.
Top Menu Configuration
Find the following code on your template and replace URL(s) with your own.
<div id='nav'>
<ul class='nav superfish'>
<li class='home'><a class='home-link' expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item page-item-70'><a href='#'>Sample Page</a>
<ul class='children'>
<li class='page_item page-item-17'><a href='#'>Sub Page 1.1</a>
<ul class='children'>
<li class='page_item page-item-25'><a href='#'>Sub Page 2.1</a>
<ul class='children'>
<li class='page_item page-item-31'><a href='#'>Sub Page 3.1</a></li>
<li class='page_item page-item-33'><a href='#'>Sub Page 3.2</a></li>
</ul>
</li>
<li class='page_item page-item-27'><a href='#'>Sub Page 2.2</a></li>
<li class='page_item page-item-29'><a href='#'>Sub Page 2.3</a></li>
</ul>
</li>
<li class='page_item page-item-375'><a href='#' title='Page Layouts'>Page Layouts</a>
<ul class='children'>
<li class='page_item page-item-377'><a href='#'>Content/Sidebar</a></li>
<li class='page_item page-item-379'><a href='#'>Sidebar/Content</a></li>
<li class='page_item page-item-387'><a href='#'>Full Width Content</a></li>
</ul>
</li>
<li class='page_item page-item-62'><a href='#'>Page Templates</a>
<ul class='children'>
<li class='page_item page-item-112'><a href='#'>Archive Page</a></li>
<li class='page_item page-item-227'><a href='#'>Blog Page</a></li>
</ul>
</li>
<li class='page_item page-item-213'><a href='#'>Contact Page</a></li>
<li class='right rss'><a href='#'>Posts</a><a href='#'>Comments</a></li>
</ul></div>
</div>
<div id='subnav'>
<div class='wrap'>
<ul class='nav superfish'>
<li class='cat-item cat-item-4'><a href='#'>Category #1</a></li>
<li class='cat-item cat-item-5'><a href='#'>Category #2</a></li>
</ul></div></div></div>
Remove # and place your URL.
Featured Post
Go to Design > Page Element. You'll found the widget on the top named "Featured Post". Edit that widget and replace all URL and text with your own.
Note: You can remove that widget if it doesn't fits on your blog.
Logo
To change your own logo find the following code on your template and replace the image URL with your own logo URL,
<h1 id='title'><a expr:href='data:blog.homepageUrl'><img src='http://4.bp.blogspot.com/_b0xJ7qk6DTc/
THvRqkecH1I/AAAAAAAAA64/EgNa1OjtlQQ/s1600/logo.png'/></a></h1>
Now finally, you are ready to use Platinum Blogger Template to your blog. If you have any problem regarding this template feel free to ask. You feedback is highly appreciated. You can share your opinion about this new wordpress converted Blogger Template. I hope you like this template.
We'll create more Blogger Template like this. Subscribe to this blog to get more awesome template direct to your inbox.
Post a Comment
Post a Comment