Once again, I'm back with the new Blogger Template named Flash News. Flash News Blogger Template have 2 columns with the clean layouts and professional design. Flash News Blogger Template suits on any blog. It loads faster with comparison to other web templates. I made Flash News Blogger Template available for free for all blogger users!
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/AVvXsEgZycyRJJw48vSEpoI24uh5fUELLoSY7_tHQyE67LL4FF4ZeBHqSd45TD_M5FXtm6xv4iYg9PT5-VffMDDOXZJhPoUzN0tUWXif-e4bn-RKiKTzx6ssQ4n_dTDvqnONgn2XGHFWQxC2BUcf/s1600/left-bar.gif"" alt="" class="fl" /></a> <a id="next2" href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixG2qBEwZik0HQJ3uR4WaG5DBmFDn8Ll-6EmK72cCX_jX3vy6ZC7Xrpa36A3arx6NDjN4H1OmdtosBKQoy3SoRi7YDIN5HrMJ9koukhVZeug-OEH1ChR4vQ7W7dSQs1bOVJCy5nugJI-ol/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/AVvXsEhlU8b_9TS78H38PKBlBrJdct8jsX6f-QQdSXHbo6g4Iq_fKm5vK3dRp9vwpSBp95amPFk3IG0_yuXtYTzFgFkFKQ_4QDu56kgO_ugoeGpSOyPvpO6ZtAtgGIdjiPHN_lCWK_58oWgPiCLK/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/AVvXsEhegHtzHiTzrVQxb08fYzwLzLkzWjt9WJUj3ULBeRJxb29VBOTA4hhdNkH3J5CAJRGjA_51KTLWxW8eGHO8n-RG5MKpFu-G3oFYyc0YTnRGdzjpziTKhTa5ihD9x-SUm4gXGaOSatM0kEU/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/AVvXsEiZBEr_ObOc3dOPrSDXpTmugPY1mcFbbapYvYXDJSvphHBfBcp4JDxix2yBH7pEbTp_2j69sdeEUh0dJQ-MnZoJkaL0_qwdEoFISIwx3ZbcO8AeH4BUNRx2FM-vgphtHY_XWZHtnzmP-iX0/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
ImageURL.
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!
Share your views...
0 Respones to "Releasing Flash News Blogger Template"
Post a Comment