Releasing Flash News Blogger Template

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/AVvXsEgL9eChYM9yGyYh3iKcp_gc5R4y95QL_BTSpf0bJfc_x-2qWB0JAJs4m5wn2kZutPrsR49CUSbpYjv6_YGHnSJYKOxPkFtZ4rGU4-UMeymp6W01OE-pcSB1MmtUimujXfyQN30zuHFIZK8F/s1600/left-bar.gif&quot;" alt="" class="fl" /></a> <a id="next2" href="#">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdalhyPlEUtaO0KNkkvugyI-4_UffycKDi3g9rRZC8WJ5xqdpon-ZDu_l69NHZZ_0sXE3eDokip2l6t_RTpugXJfZKoFRdgF7XYJnB6CJlzwX45xwadT7Izrdr4FrwrP8DmjW9hnhORtkm/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/AVvXsEgWjycx2UkcJTr3o-Wc9YE_jddrf1DFrnU9V40CoFt9EBw0dwWRuvY4l_5Y3PIHDcJOUR_xKfZlOTXpF-ltQzQ14a9OePbV7xWpcQqPCdVn1wOHl9G_SrIHzT4Bc94mMN7l365RgJ06iVLA/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/AVvXsEhDgQBLiDxMzhdxp1DPjP2hytqAQTjQQKH1JaXUL43CIR_13d4OK2OvwCqD4yCGzYAB0GGA5etGZhOMi1ZC6n4drOBrnEx13ooOcWuzfgrgRUMe49PmV915sUkteRpctTKJVy7FQTyBL8w/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/AVvXsEgSv98LDpdscp936dPNhvwGLiohCW8FTBPBSWwwNaU-3_sWBbNj58vUNsPojKdpSzufCPUafa4x-Trrusf3-CXeZrzwKOd5-x_dL8geWB4lQDj1Pw1bDgcr-amY5sEEmMDvncnvX7usbpXK/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!

COMMENTS

BLOGGER: 36
Loading...
Hosted by HostGator
Name

Adsense Adsense hacks Advertising Affiliate Marketing Announcement Antivirus Application hacks Applications Backlinks Blog Blogger Blogger Features Blogger Help Blogger Roll Blogger Templates Blogger Widgets Blogging Bluetooth hack Bootable Browsers Business Cell phones Contest Cool tricks CSS Device Download Email Marketing Entertainment Facebook FeedBurner FIFA World CUP Files n Folders Flash Free software Fun with Windows Games Gmail hacks Google Google hacks Google Plus Graphic Hacking tools Hosting How to HTML Info Internet Tips ip address iphone hack Ipod hacks Javascript Keyword Research Make Money Blogging Make money online Mobiles Monetize Nokia hacking Page Rank Password Hacks PC Games PC Hacks Photoshop Promote site Reviews SEO Social Bookmarking Social Media Symbian hack Tips n Tricks Traffic Tutorials USB Virus Web 2.0 Web design Widget Windows Tricks WordPress WordPress Themes
false
ltr
item
Hack Tutors — Blogger Tricks, Blogging and Social Media Tips: Releasing Flash News Blogger Template
Releasing Flash News Blogger Template
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaQeqmXwupsa0JuYTm7wwG5aeexIpq0sHyzbbGy7oY41AsXKf-Le5rUhyrPfKJKLaxpOMAjEcNMX_yJnXJtWjOsKsqdIcSmQDoxzEJ9LzXSs3ay7ZPqKZ1p7QRTcFGsYIAnRlBXGX8yS8/s640/Flash+New+Preview.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaQeqmXwupsa0JuYTm7wwG5aeexIpq0sHyzbbGy7oY41AsXKf-Le5rUhyrPfKJKLaxpOMAjEcNMX_yJnXJtWjOsKsqdIcSmQDoxzEJ9LzXSs3ay7ZPqKZ1p7QRTcFGsYIAnRlBXGX8yS8/s72-c/Flash+New+Preview.jpg
Hack Tutors — Blogger Tricks, Blogging and Social Media Tips
https://www.hacktutors.info/2010/09/releasing-flash-news-blogger-template.html
https://www.hacktutors.info/
https://www.hacktutors.info/
https://www.hacktutors.info/2010/09/releasing-flash-news-blogger-template.html
true
7369343002377078183
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy