Main Features
Flash News Blogger Template has all the features that has been taken out through the official Blogger and Blogger resources. I converted it into Blogger Template, originally it is WordPress theme designed by WooThemes.
Stylish Menu Bar
 |
| JQuery Menu Bar |
Th top Menu Bar is based on JQuery which is professional designed and with special hover effects.
Featured Post Widget
 |
| Featured Post Widget |
The Flash News Blogger Template contains featured post widget which is entirely different from other.
Automatic ReadMore with Image Thumbnails
Automatic read more makes easy to all of your viewers to view your post in summary with relevant image. Continue Reading link contains on the left side and the labels contains on the right side of the post .
Page Navigation
Instead of Older Post, Newer Post link there is a navigation which makes easy to scroll and jump within the page to page.
3 Footer Widgets
You can place the three or more widgets on the footer. So, you can have a maximum widget on this template.
Configurations
Lets fit it on your blog! Flash News is very easy to use.
Top Menus Configuration
Find the following code in your template and replace the URLs with your own:
<ul class='nav1'>
<li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>
<li><a href='http://www.hacktutors.info/2009/08/contact-me.html'><span>Contact Me</span></a></li>
<li><a href='http://www.hacktutors.info/p/our-in-touched-bloggers.html'><span>Blogs</span></a></li>
<li><a href='http://www.hacktutors.info/2010/08/color-picker-tool-for-web-developer.html'><span>Tools</span></a></li>
<li><a href='http://hacktutors.info/p/link-to-us.html'><span>Link to Us</span></a></li>
<li><a href='http://www.hacktutors.info/p/blog-page.html'><span>Archive</span></a></li>
</ul>
Sub Menu Configurations
Find the following code in your template and replace with your own:
<ul id='nav'>
<li class='cat-item cat-item-3'><a href='#'>Asides</a> </li>
<li class='cat-item cat-item-4'><a href='#'>Category Three</a> </li>
<li class='cat-item cat-item-5'><a href='#'>Category Two</a>
<ul class='children'>
<li class='cat-item cat-item-11'><a href='#'>Two Point Two</a> </li>
</ul>
</li>
<li class='cat-item cat-item-6'><a href='#'>CatOne</a>
<ul class='children'>
<li class='cat-item cat-item-13'><a href='#'>Another SubCat</a> </li>
<li class='cat-item cat-item-7'><a href='#'>CatOne Sub</a>
<ul class='children'>
<li class='cat-item cat-item-9'><a href='#'>Multi level</a> </li>
</ul>
</li>
<li class='cat-item cat-item-10'><a href='#'>Subber</a> </li>
</ul>
</li>
<li class='cat-item cat-item-8'><a href='#'>Featured</a> </li>
<li class='cat-item cat-item-12'><a href='#'>Video</a> </li>
</ul>
Featured Post Widget
In default, featured post widget may not appear. To make it work go to Design > Page Element. Click Add a Gadget just between "Blog Posts" and "Header" widget as shown below:
Then click HTML / JavaScript and add the following code in the box:
<div class="box">
<div id="arrows">
<a id="prev2" href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha4IpF9oLBV0olXi5KzU5T9gzIhyphenhyphenJcbw-7o0hecPXUkkIDk7PwUZ0DguZ99KoaXC6JKZ7v0CAAt17-h8UwoKzi_eQ3-EyOHetZvjg_zLndvHNhl7j3sgn0MhZ7ns_GBFSDwBYCZejtCGpX/s1600/left-bar.gif"" alt="" class="fl" /></a> <a id="next2" href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2etMm_xjpmzlnK7hDi25SkVXPgAjv4NQ_G1yZ3QINT1APAmaahxKfgiDfi7BW1F_-10P6ReMC6c1Z0o4P-PROwEmGun6Pg-zZ-rbbX96dCE3EahWLv-pnNwOaV7y7ptty7MJVbZWuKEv8/s1600/right-bar.gif" alt="" class="fr" /></a> </div>
<!--/arrows -->
<div class="featuredpost">
<div class="featureditem" >
<div class="col4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6tM6AKGkHc775SbPq1TfFAyUxYEUwYPh8OapauRb91hroXObkV0GzCiXyBuIcDSMnobQ3LPPXMN-o3zH0NPSlA88jMTPvT7V2skw4dp7_kW7hpqxES73tV43F8HJtjNrPm8qNNN-AL-fA/s1600/thumb.jpg" /> </div>
<div class="col5">
<h2><a href="#">Title 1</a></h2>
<p class="content">Title1's short summary Goes Here</p>
<p class="reading"><a href="#">Continue reading...</a></p>
</div>
<!--/col5 -->
</div>
<div class="featureditem" style='display:none'>
<div class="col4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDXQ0DQcJH8hy5xBVeKvsEd4ymlsA_z89-5wUBsQT6J_9dzrJbVXQk7zKJDTjoEcmp9bUtXg_a6TWuAP98NyhBjSD02MWJqRV5_4eB7638oxanBuwgTMTPIrurXfkRLP3FfUi7-v79vg/s400/Platinum+Blogger+Template.JPG" /> </div>
<div class="col5">
<h2><a href="#">Title 2</a></h2>
<p class="content">Title2's short summary Goes Here</p>
<p class="reading"><a href="#">Continue reading...</a></p>
<p></p>
</div>
<!--/col5 -->
</div>
<div class="featureditem" style='display:none'>
<div class="col4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPbUi7EbXCM7acI35ROXlS0b_5Zp1UzSY4X9VV5SHjxLnYs9XcYoyxEy8tQ3fykIWLE2H6VUtVfcO7ev5qs98B7ve-DNcjKwGcyan97bDx8R2gJsL-2FkxDCpeLvY8BfLLxeBHCeo08cm8/s1600/thumb2.jpg" /> </div>
<div class="col5">
<h2><a href="#">Title 3</a></h2>
<p class="content">Title1's short summary Goes Here</p>
<p class="reading"><a href="#">Continue reading...</a></p>
<p></p>
</div>
<!--/col5 -->
</div>
</div>
<!--/featuredpost -->
</div>
<!--/box -->
You can place any image size, it automatically resizes and fits on the featured post widget. Here is the instruction how to customize featured post widget:
There is 3 content in this widget, replace each Blue color URL with your own Image URL.
Replace # with the post URL.
Replace the Green color text with the title of each featured post.
And replace Pink color text with the short summary of the each featured post.
Finally, save the widget!
Now, you are ready to use Flash News Blogger Template on your blog. I hope you loved this template. Your suggestions and feedback is highly appreciated!
Feel free to ask if there is any confusing and problems. I'm always ready to help you!
