Cartoon Channel
Cartoon Channel

Hybrid News Blogger Template


Hybrid News Blogger Template

  • Template Name : Hybrid News
  • Original Designer : Hybrid
  • View Real Demo
  • Download
  • Category : Templates

Because of most user of my template have a same problem with file hosting, so I places all javasript code in this template. No need to use file hosting anymore. But, be careful when editing this template, use CTRL+F to find the code for the right search.
Open Edit HTML, and lets begin.....
1. Top Navigations
Search this code
blue/# = link anchor
red = text anchor
bold code = adding new menu
<ul class='menu sf-menu'>
<li class='current_page_item'><a href='/'>Home</a></li>
<li class='page_item'><a href='#' title='About'>About</a></li>
<li class='page_item'><a href='#' title='Archives'>Archives</a></li>
<li class='page_item'><a href='#' title='Blog'>Blog</a></li>
<li class='page_item'><a href='#' title='Elements'>Elements</a></li>
<li class='page_item'><a href='#' title='New menu'>New Menu</a></li>
</ul>
2. Second Navigations
Search this code
<ul class='menu sf-menu'>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
</ul>
3. Slide Feature [Automatic update for post summary and image thumbnail]
NOTE : SLIDE FEATURE OF HYBRID NEWS BLOGGER TEMPLATE USING LIMITED ATOM FEEDS SCRIPT AND IT'S STATIC MODE. IN THE XML OF THIS TEMPLATE, INCLUDING 2 ATOM SCRIPT FOR 2 PAGE OF SLIDE SHOW. SO, FOR TESTING THIS TEMPLATE/FOR NEW BLOG, YOU NEED MINIMUM 2 BLOG POST. YOU CAN TRY WITH 1 BLOG POST AND SEE THE EFFECT.
PLEASE FOLLOW THE INSTRUCTIONS CAREFULLY.
Find this code
Change red text with your blog feeds or blog feed by category/label like this
http://yourblogname.blogspot.com/feeds/posts/default/-/yourbloglabel
=> In Script 1
startposts = 0;
numposts = 1;
home_page = "http://9gallerys.blogspot.com/feeds/posts/default";
=> In Script 2
startposts = 1;
numposts = 2;
home_page = "http://9gallerys.blogspot.com/feeds/posts/default";
How to add more slide page?
Full code of slide feature for 2 page is like this
<div class='feature'>
<script language='JavaScript'>
bla....
bla....
bla....
startposts = 0;
numposts = 1;
home_page = "http://9gallerys.blogspot.com/feeds/posts/default";
</script>
<script type='text/javascript'>
//<![CDATA[
bla....
bla....
bla....
//]]>
</script>
</div>
<div class='feature'>
<script language='JavaScript'>
bla....
bla....
bla....
startposts = 1;
numposts = 2;
home_page = "http://9gallerys.blogspot.com/feeds/posts/default";
</script>
<script type='text/javascript'>
//<![CDATA[
bla....
bla....
bla....
//]]>
</script>
</div>
To add more page for slide feature, just copy the code from <div class='feature'> until </div>, paste it under previous code, then change the "startposts" and "numposts", example like below.
<div class='feature'>
<script language='JavaScript'>
bla....
bla....
bla....
startposts = 2;
numposts = 3;
home_page = "http://9gallerys.blogspot.com/feeds/posts/default";
</script>
<script type='text/javascript'>
//<![CDATA[
bla....
bla....
bla....
//]]>
</script>
</div>
4. Change default image
Search this url : http://i584.photobucket.com/albums/ss289/hemingways-studio/Have_Images_TEXT.png
Replace with your own image url.
5. Preview and save, all done.

1 comments:

Anonymous said... at June 25, 2011 at 3:30 PM

tall women's high fashion http://designersclothings.eu/Gianfranco-Ferre-Polo-Shirt-for-Men-White-and-Red clothes fashion from 1936 1092118

Ad Code Converter For Blogger


Cartoon Channel Get Chitika Premium Cartoon Channel etoro Cartoon Channel

Link Exchange

Website Kinh Dị XacChet.Com | Asian Beauties | Hacker Bao Loc | Hot Defence | Dich Vu Tim Viec | QUẢNG CÁO MIỄN PHÍ 100% | DẠY NẤU MÓN ĂN THẾ GIỚI | www.font.vn | Xem Phim Oxanh | Diễn đàn giáo dục | Diễn đàn SEO | Health Tips | Xem Phim Nhanh | eBook 4 You | Smartphone Reviews
<a href="http://9gallerys.blogspot.com/" target="_blank" title="9 gallery zone, gallery, wallpaper, icon, avatar, free, gallery zone, download, template"><span style="color: orange;">Gallery Zone</span></a>