Showing posts with label Blogger Templates. Show all posts
Showing posts with label Blogger Templates. Show all posts

9 Useful Online Resources for Blogger Templates

Posted On // Leave a Comment


Bloggers everywhere have chosen to use Blogger.com because it is free and easy to use. Just because bloggers have chosen an inexpensive route to publishing their thoughts on every subject under the sun doesn't mean they want to look cheap. Choosing to give a blog a unique appearance will boost reader interest and attention. To bring a new look and new life to your blog doesn't require either cash or high tech computer designing skills, thanks to these nine free and practical resources.


1. Start With A Tutorial On Uploading Templates
For the blogger who is an amateur with templates, Isnaini Blogger-templates is a great place to start. Besides offering 71 different templates, the focus of the site is to teach bloggers how to effortlessly upload their template of choice with an easy to follow tutorial.


2. Choose Something Specific From A Wide Variety
BTemplates offers over 600 choices of stylized, themed templates. Finding the perfect template is easy, with six different ways to narrow the search. If the aesthetic aspect is most important, browse by color and style. If practical layout points are more important, look by column number, right or left sidebar position and a fluid or fixed width. The templates can also be browsed by their popularity.


3. Classic, Easy To Personalize Styles
At Gecko And Fly , you can choose from a wide variety of templates. Most of them focus on classic, professional simplicity, but more fun styles are also available. You will also find tutorials on how to tweak, personalize and update the appearance of your blog further, among a great list of other computer related tutorials. Browse, improve and enjoy!


4. Hundreds Of Fun Templates
If you want something interesting, unique and exciting, take a look at AllBlogTools  . An estimated 2000 templates are available from many different designers. Styles range from professional and classic to cute seasonal styles to bright and exciting trendy looks. Since each designer has different tastes and skills, there is a template for every blogger.


5. Fun Choices In Color And Theme
FinalSense  makes it easy to bring a new look to your personal blog. Choose from more than 300 different templates in every color scheme and theme imaginable. If you have something specific in mind, browse the template choices by the available categories, from multiple columns to architecture to sports to nature to classics. 


6. Specialized And Fun Templates
BloggerTheme  brings you lots of different choices for lots of different needs. Each look is very distinct and personal, giving your blog a tailored look. Templates are offered for other blogging platforms as well, so make sure the style you pick is designed for a blogger.com or blogspot.com based blog.

7. Sleek, Easy To Read Looks
FreeBlogger-Templates  offers a few beautiful templates. Mostly nature inspired, these templates have a main focus of providing an easy to read look to your blog. Though practical, they are stunningly gorgeous as well. Look in the archives for more options.

8. Top Notch Templates
Instead of having a goal of a huge selection, BloggerTemplates  focuses on keeping up to date a small number of high quality templates that are fresh and personal. A few other tips are available, like how to display a video on your blog at a desired size.

9. Multiple Columns
If columns are important, check out 5ColumnTemplate . While there is only one template, it comes in five variations with colors and column size shaken up a little. Don't be put off be the basic appearance of the site. Five columns are incredibly useful and not too difficult to manage. You can change your fonts to something more professional as well.

No matter where you discover your new template or which style you choose, enjoy the discovery process. Credit your source and share what you learn with fellow bloggers. Since the templates are given free of charge, pass what you have gained on to others. Whether you are a personal blogger with a small following of family and friends or write for your business and have a large readership, give your audience a little fun every couple months by updating the appearance of your blog. Keep your blog fresh, both in looks and your writing!

James Adams spends most of his time blogging

[Read more]

UCOZ - A Free Website Builder

Posted On // Leave a Comment
Owning a website is a dream for most people who would like to put up their thoughts and ideas on the internet. In the past it was very hard for ordinary people to get their own websites because the domain registration and hosting costs were too high for a lot of people. Nowadays domain registration fees have come down drastically, but the high hosting fees still make some people nervous. But luckily, there are some good solutions out there which provide free website hosting to the public. I know most of you might have heard of such “free” services, and you might be skeptical about them, and for good reason. Most free website hosting services aren’t actually very useful other than for running a few test websites. But there are a few good services out there which you can trust. I have recently found one such service where you can not only get free website hosting, but you also get a free website maker! Now that’s a good news for people who do not know much about website designing! One look at the services offered by this site will be enough to tell you that this is not like those other trashy website creation/hosting services. Using this service you can create your own website within minutes, and it’s really easy to use as managing a website is as easy as managing BLOCKS. I hope you do like it! 

By the way some of its main features are…! 
A free website builder as said above which allow users to create E-mail forms, Forum, Photo Album and many more in-built. 
A collection of unlimited templates to use for your site, By default it provides 250 Templates . 
Integration with Popular Web-Services Google Maps, PayPal, YouTube, Deposit Files, Pixlr and more….! 
Gives the users to add 21 modules, thousands of widgets and gadgets 
Having the option to make a backup of your valuable data 
Supports Modern CMS 
Gives the Domain name like site.com 


Site Advantages: 
The best thing is there is no space limit. Its Unlimited Disk Space 
You can have the total control on your site. 
Simple Interface which can be accessed easily without hesitation. 
Support can be given in a unique way..By providing Textbooks, manuals, technical support 
A Friendly Community 


Some of the Quick Facts about the site…! 
Supports 13 Language Localizations 
Provides 99% UpTime. 
Every site almost 1,000,000 active websites with no Downtime 
Site gets 100 million user Hits daily

Please let me know your feedback and suggestions through comments JJ


[Read more]

NewsWeb Blogger Template

Posted On // Leave a Comment


Template Features

  • News Blogger Template
  • Right sidebar, 2 columns, fixed width.
  • White color, 2 Top menu bar, amazing slideshow
  • Good blogger template for news blogs


Download Template                               Demo


.
[Read more]

Surround:Blogger Template

Posted On // Leave a Comment


Features:
Template author:PBTemplates
Designer:
Description:
Surround is a free blogger template adapted from WordPress with
2 columns, right sidebar, space for ads, footer columns, slideshow, twitter support, posts thumbnails, tabs and drop down menu.
Download Surround for free in Now.
Rating3.4 out of 5 based.
Compatible with:FFChrome

[Read more]

New Dynamic View Feature For Blogger/Blogspot

Posted On // Leave a Comment
Hi my dear loyal readers and friends,Blogger has got one of the new feature which is called as "Dynamic View".It launched five new Dynamic Templates in blogger,which can be easily able to customize and use for your blog.These Dynamic templates consists the use of latest in web technology,Which includes the AJAX,HTML5 and CSS3 each delivers a host of benefits to you and your loyal readers.


Some of the features are:
  • Infinite scrolling: read more posts without having to reload or click to a second page
  • New layouts: different views suited to different types of blogs
  • Speed: download images as you view them, not all at once in advance
  • Interactivity: there are now more ways to experience and engage with blog content


Blogger's Official Video:
Have a preview to know how it work.Click on any of these links to take the new dynamic views for a spin on a few of our favorite blogs: FlipcardMosaicSidebarSnapshot and Timeslide Some of the Views:
Snapshot
Flipcard
Mosaic
My dear readers if you want to try on your own Blog/Blogspot sites just simply add  "/view" to the end of the blog url-- For example http://www.tsksoft.blogspot.com/view  these can viewable for every Blogspot blog with feeds fully enabled.
This templates are not yet fully released.So,it can be just viewed by adding "/view" without quotes to your link.After the fully launch of the template we can use it for the blog.
Official Blogger Message:
We’re previewing these templates early on so we can incorporate your feedback for a wider launch soon. At that time you’ll be able to customize these templates and select one for your blog. Please let us know what you think! Antin Harasymiv, Software Engineer, Blogger
Official Blogger Buzz:
Blogger Buzz: Fresh new perspectives for your blog
Please drop your valuable feedback through comments Have a nice day :) Comments Are Do-Follow :) SEO Friendly :)
[Read more]

TheGreyMac Blogger Template

Posted On // Leave a Comment
DEMO              Download


Template name : TheGreyMac

Template type : 2 Sidebar, 3 Column, 3 Column footer, Adapted from Wordpress, Black, Blue, Elegant, Featured Section, Fixed width, Header Banner, Left Sidebar, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Tabbed widget, Web 2.0

Release date : December 18, 2010

Coder/Designer Name(s) : Lasantha Bandara / CamelGraph

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://camelgraph.com/
[Read more]

GameBoard Blogger Template

Posted On // Leave a Comment

Template name : GameBoard

Template type : 


  • 1 Sidebar, 2 Column, 
  •  Adapted from Wordpress, 
  • Featured Section, 
  • Fixed width, 
  • Header Banner, 
  • Magazine,
  • Right Sidebar, Slider, 
  • Top Navigation Bar, 
  • Web 2.0, White

Release date : December 1, 2010

Coder/Designer Name(s) : Lasantha Bandara / New WP Themes

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
                                           http://newwpthemes.com/




I Think You All Will Like The Template...! Please Drop Your Valuable Feedback Through Comments
Have A Nice Day...! :)
And Keep Visiting :)
[Read more]

Free Download Bloggermint Blogger Template

Posted On // Leave a Comment
Hi Bloggers,Sorry for not updating the site these many days..I was a bit busy in my studies.So,I don't have enough time to update the website.Once again sorry for that,But i will update the site frequently when ever i had time :) So,Don't leave us Friends and my dear loyal readers.Today i like to share these beautiful Blogger Template which was designed by Bloggermint for bloggers.Thanks To Him for sharing these beautiful template with us.
The template has much features like as follows :
  • SEO optimized
  • Clean and neat interface
  • Premium features like bubble comments, page numbered navigation
  • Easy to customize
  • Author widget below every post
  • Sleek Facebook and Twitter share count button
  • Navigation bar with sub nav.

Live Demo | Download

It also has:
Author Info Widget:
To change the Author Info Widget...Just goto the edit html and tick the expand widgets option and now search for the code 
<div class=’author_info’>
and now change any text you like to edit like adding a bio of author...! which you like to see it on author info widget.And now to change the image,create a image with a size of 130x130 pixels and change these Url http://i50.tinypic.com/iw7lec.jpg with your image uploaded Url.


It also has Header Banner,Twitter Share Button,Subscribe Bar,Navigation bar

Please Drop Your Valuable Comments And Let Us Know What Do You Think On These Post...
If You Have Any Problem With Template,Let Us Know By Your Comments.Have A Nice Day :)
 
[Read more]

Thesis Blogger Template

Posted On // Leave a Comment
Thesis Template is one of the best and popular WordPress theme which has many features.These template has been provided by DiyThemes for WordPress users.And i am very happy to announce that these Great Thesis Template has been now available for blogger also.By the help of Anup who Blog at "Hacktutors" the template has been successfully converted to use in blogger,Thanks to him for his great help and effort in making the temaplte available for blogger users also.Now these template is totally free(But Please Don't Remove Footer Credits).These Template Have 2 columns,Where you can have the chance to keep many widgets and ads you like and these template is mainly converted based on ShoutMeLoud.








Features of Thesis Template:



Well,these template has 2 stylish columns one is post body and the second one is the side bar where you can keep widgets and ads.Now at the bottom of this template you can have 3 rows also.


This template also consists of Read More hack with automatic thumbnail to make the template more professional.So,It will not annoy your visitors with large posts and loading slow


Readers can easily also comment on any of the post by clicking "Add your comment button" which consists on Home Page...! you can see in the above image and also, you can also see, how many comments are there in each of the blog posts.


The template has 2 navigation bar at the top of template where you can add the main link to your blogs post or any categories.


On the bottom of these template you have 3 rows where you can add optional widgets like About Me, Categories and so on what ever you like...!


It has a Numbered Page Navigation at the bottom of each page...Which is so popular which makes easier to navigate. 


Once Again Let Us All Say Thanks To Anup The Blogger At "Hacktutors" For Making The Template.
And My Dear Loyal Readers And Friends Please Pass Your Valuable Feedback Via Comments...!
Lets Us Know What Do You Think...!
Have A Nice Day And Blogging.


Note:The template has been updated please download from the below link



[Read more]

LK Magazine v3 Premium Blogger Template

Posted On // Leave a Comment
This is the Third version of LK Magazine Blogger Template Series.These template is by "Premium Templates" Has corrected  many weaknesses of LK magazine v2 blogger template and add some features from Prozine Blogger Template to this template.To configure this template correctly, read the instruction given below.Like LK Magazine v2 blogger template,I think you will like this blogger template very much.The features of this template as given below.

Template Features
  • Column: 4 Columns/3 Sidebars/Right Sidebars/Left Sidebar
  • Fixed Width Template (1000px width)
  • 2 Horizontal Navigation Menus
  • Auto Read More Feature with Thumbnails.
  • 468*60 Header Ads banner
  • 125*125 Sidebar Banners
  • 468*60 Header Logo with the PSD file and Fonts.
  • 1 CSS Search Box
  • 1 Multi Tab View Widget installed.
  • 1 Featured Auto content slider installed.
  • 3 Column Footer section
  • Facebook Like Button installed.
  • SEO friendly blogger title hack installed to help you rank higher in Google
  • Blogger Default Heading Tag has Changed for better SEO
  • Meta tags installed
  • Top Bar with Feed buttons and Display Day,Month,Year
  • Hosted images on blogger. Free use forever!
  • Favicon support so you can add your own url icon
  • Compressed CSS to speed up your page load times
  • Embedded JavaScript date code showing current day
  • Built-in Related Posts Widget to show Related posts
  • Numbered Page Navigation Hack Installed
  • Replace "Older Posts","Home","Newer Posts" Text Navigation with Images
  • Automatically highlight author comments
  • Modified Comments Section to Enable Avatars in Blogger Comments
  • More ...







Template name : LK Magazine version 3

Template type : 3 Sidebar, 4 Column, 3 Column footer, Featured Section, Fixed width, Header Banner, Left Sidebar, Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, White

Release date : 08-29-2010



Template Layout Structure





3 Column Footer Section





Template Customization


Basic Template Installation:

1.First download the template and unzip the file.

2.Now, sign in to Blogger dashboard and click on the layout.

3.Here is the important step, after uploading any new Blogger template, all of the previous widgets like your google adsense ads,text,profile,poll,etc etc will be lost.
So, to avoid this to happen, in this step click on 'edit' on all the widgets and copy the codes into notepad,etc.

4.Now click on the 'Edit html' tab

5.First of all please Download Full Template.This is to back up your present template.If the new template that you are going to upload makes/gets into some errors or if you make more complex errors in that,then you will loose everthing.So make sure that you back up your template.

6.Just below that,there's an option of uploading new template.So, use the Browse button and upload the downloaded xml file.

7.Now, a message appear saying that your widgets are about to be deleted.Click on the Confirm & Save (no problem doing this because we already copied the widget codes in Step 3).

8.Now click on "confirm and save".Now you successfully installed the template.

8.Click on the 'Page elements' page now and add the codes that you copied in step3 using the 'Add a Page Element' option.

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :







<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>


Replace DESCRIPTION HERE,KEYWORDS HERE as below.

DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.

Configure First and Second Navigation Bar

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code:


<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-X</a>


Now Replace Your-Link-Here,Link-Title,Link-Name-X with your details.

Configure Header logo

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below line :


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtW3cj8hzd9XdP1LHWGaOFqv5ZZ0sw1YnI2jgPvtG-lbaHh6OXv5t3SvfGzoxiQteJNAFha3mzbGGBHb69YExtvNcadxI9UyJ-qwMhOOaayLRqZk76t6LQHGGs9Dgnwi8f7FvzTZMyC6M/ Magazine v3 logo.png


Now replace it with your logo address/url.

Configure Subscription Box:

Add this code into the HTML/JavaScript box.


<div class='subsboxfull'>
<a href='your-twitter-url' rel='nofollow' target='_blank' title='twitter'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3kpW0aRGdrBYRKoJSUj7nW7mMuEFD2HXT2Nppsk5r0hlo4I7MhN-xHc3X2WB4xnRam9fOfpfk0EpRjhLWxca9sb4QcfWVFUOqk1yz7GdLMBKKdyhuZY3KsHQsWFycw89Z2G3GhAUlmZs/" /></a>
<a href='your-facebook-url' rel='nofollow' target='_blank' title='facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQjEANC3d5tdbN05YLDvNt6z7C9EBXWKEGXlTb_yFl8FbmdXzBHYlNTxAj7Eo7pNBJpJFv1AYQh3lBGFuyj5LbqC6JVcBw4E0cS-ptsPInVODTdXXSgrxyq36vEkUOg8sVv7rFXXOY_yI/s1600/facebook--box.png" /></a>
<a href='your-delicious-url' rel='nofollow' target='_blank' title='delicious'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQysK2vFlcfAvIXLf6VBWU6sRRARPlgQy_EZowscjh8pFtsOmhztjtq7-K6T9uIesSolk-53DdJkR-LT1EnJ64m6NUR8io27Xxn2x7Y1Ytm4uzfFF6ERnK2GUfTZSeCO5A2kGnw4PSnco/s1600/delicious-box.png" /></a>
<a href='your-stumbleupon-url' rel='nofollow' target='_blank' title='stumbleupon'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFoDA_Dkc5t51NZ_CxGi6xFfcD6yx_N4gUeroUsr2GS-cCp8CAHqSmk4UtQAL53EoxF_hChCY8SBci0_o4B3YTqC4n0GqRrp-7WRGDx4OWsj10NjvWyJbYXxYxX2qBt-MCfKqtGYwEuGg/" /></a>
<a href='your-linkedin-url' title='linkedin'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUY7tz93zrumIozm4DIWOOZezt_d1B5soS-Oj16L4UEoc_i__Ydg22BQUW6zb9Wy5su-zniQo4JXvUrcCSzC8mAp07E9H0ympKjvsi3bPwln25bogvLbamyPoE5oMFlOBXG853eiCu5YY/" /></a>
<a href='your-contact-url' title='contact'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkCZxHn4P-bzmGF-Myg29ojBmriJLnZwSmmcYBTecKgtEypRGdPWXveM3yUP8dwuB3yrcfshnQe6Q45K0yL4LaFNFR5aZehNxf0n70_h49fNBtbzbLvxjirjVNWmRnL_w0VnCOR2K_F4/" /></a>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEEDBURNER-ID&loc=en_u' method='post' onsubmit='window.open(\'http://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEEDBURNER-ID', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><p><input name="email" style="width:230px; border: 1px solid #ccc; padding: 5px;" type="text" value="Enter your email address" /></p><input name="uri" type="hidden" /><input name="loc" type="hidden" value="en_US" /></form>
<p><span><a class='rss-boxicon' href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' rel='nofollow' target='_blank'>RSS</a></span> <span><a class='email-boxicon' href='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEEDBURNER-ID&loc=en_u' rel='nofollow' target='_blank'>Email</a><span><span style="float:right;"><a href='http://feeds.feedburner.com/YOUR-FEEDBURNER-ID' rel='nofollow'><img alt="" height="26" src="http://feeds.feedburner.com/~fc/YOUR-FEEDBURNER-ID?bg=ff9900&amp;fg=000033&amp;anim=0" style="border:0;float:right;margin-top:0px;" width="88" /></a></span></span></span></p> </div>


Now Replace,
your-twitter-urlyour-facebook-urlyour-delicious-urlyour-stumbleupon-urlyour-linkedin-url,your-contact-urlYOUR-FEEDBURNER-ID with your details.


Configure Multi Tab view widget:

Add this code into the HTML/JavaScript box.


<div id='tabzine'> <ul class='tabnav'> <li class='pop'><a href='#tab11'>Video</a></li> <li class='fea'><a href='#tab22'>Recent</a></li> <li class='rec'><a href='#tab33'>Popular</a></li> </ul> <!-- tab1 --> <div class='tabdiv' id='tab11'> ENTER-TAB-1-CONTENT-HERE </div> <!--/tab1--> <!-- tab2 --> <div class='tabdiv' id='tab22'> ENTER-TAB-2-CONTENT-HERE </div> <!-- tab2 --> <!-- tab3 --> <div class='tabdiv' id='tab33'> ENTER-TAB-3-CONTENT-HERE </div> <!-- /tab3 --> </div>

Now Replace,
ENTER-TAB-1-CONTENT-HEREENTER-TAB-2-CONTENT-HEREENTER-TAB-3-CONTENT-HERE with your contents.

How To Add Search Box

Add this code into the HTML/JavaScript box.


<div id='search' style='display:inline;'> <form action='/search' id='searchform' method='get'> <input id="s" name="q" type="text" value="" /> <input id="searchsubmit" type="submit" value="Search" /> </form> </div>

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code:


<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.


Configure Featured Content Slider:

Add this code into the HTML/JavaScript box.


<script type="text/javascript"> stepcarousel.setup({ galleryid: 'mygallery', //id of carousel DIV beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs panelclass: 'panel', //class of panel DIVs each holding content autostep: {enable:true, moveby:1, pause:3000}, panelbehavior: {speed:500, wraparound:true, persist:true}, defaultbuttons: {enable: true, moveby: 1, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXp1aBk3R0kUYhaPXbELjta0U5DE88fRsyWf5RXCHDz2NmOBLgiXnwL31e3Z0g9hE_E5lA_rtXQ9eU9XWWqIyYhn_0m4BgjBKG5stay3ldmtiHm18B_J_MaVCi5Dgk6txFjg3yO6Qe7IA/', -29, 90], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh94rBGdhtJXw8x2sf-OWXFV75nC_wkkqgxS2SXwIYBgB_sjhyphenhyphenyvOmyvfApCJqybJgczWX56MrHBgbeUhrIcCMdZY_5YBA3NbFrjRb7AEI8hk0YGiOnLPHpYJ0O3VL7brx0Pyh_f1uU77A/s1600/fleche2.png', -18, 90]}, statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file'] }) </script> <div id="slider"> <div id="mygallery" class="stepcarousel"> <div class="belt"> <div class="panel"> <img src="Slider-1-Image-Address-Here" alt="" /> <h2><a href="Slider-1-Link-Here">Slider-1-Title-Here</a></h2> <p>Enter-Slider-1-Description-Here</p> </div> <div class="panel"> <img src="Slider-2-Image-Address-Here" alt="" /> <h2><a href="Slider-2-Link-Here">Slider-2-Title-Here</a></h2> <p>Enter-Slider-2-Description-Here</p> </div> <div class="panel"> <img src="Slider-3-Image-Address-Here" alt="" /> <h2><a href="Slider-3-Link-Here">Slider-3-Title-Here</a></h2> <p>Enter-Slider-3-Description-Here</p> </div> <div class="panel"> <img src="Slider-4-Image-Address-Here" alt="" /> <h2><a href="Slider-4-Link-Here">Slider-4-Title-Here</a></h2> <p>Enter-Slider-4-Description-Here</p> </div> <div class="panel"> <img src="Slider-5-Image-Address-Here" alt="" /> <h2><a href="Slider-5-Link-Here">Slider-5-Title-Here</a></h2> <p>Enter-Slider-5-Description-Here</p> </div> </div> </div> </div> <div style='border-top:1px solid #050505;border-bottom:1px solid #353434;height:0px;width:100%;'/></div>

Now Replace Slider-X-Image-Address-Here, Slider-X-Link-Here, Slider-5-Title-Here, Enter-Slider-5-Description-Here with your contents.Look at the example below:



<script type="text/javascript"> stepcarousel.setup({ galleryid: 'mygallery', //id of carousel DIV beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs panelclass: 'panel', //class of panel DIVs each holding content autostep: {enable:true, moveby:1, pause:3000}, panelbehavior: {speed:500, wraparound:true, persist:true}, defaultbuttons: {enable: true, moveby: 1, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXp1aBk3R0kUYhaPXbELjta0U5DE88fRsyWf5RXCHDz2NmOBLgiXnwL31e3Z0g9hE_E5lA_rtXQ9eU9XWWqIyYhn_0m4BgjBKG5stay3ldmtiHm18B_J_MaVCi5Dgk6txFjg3yO6Qe7IA/', -29, 90], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh94rBGdhtJXw8x2sf-OWXFV75nC_wkkqgxS2SXwIYBgB_sjhyphenhyphenyvOmyvfApCJqybJgczWX56MrHBgbeUhrIcCMdZY_5YBA3NbFrjRb7AEI8hk0YGiOnLPHpYJ0O3VL7brx0Pyh_f1uU77A/s1600/fleche2.png', -18, 90]}, statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file'] }) </script> <div id="slider"> <div id="mygallery" class="stepcarousel"> <div class="belt"> <div class="panel"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMcHnjSiVzt79_WlCgSjIjdIE2Y66tIB_VZo4nhOp-J2mWHNFluXnrWIdMpDYL8QoBUdU5B2Js3FPfpQS1nR3G8-Zm0-keIQ-eYrIANQBmgeFB7fDRYPM2jpOaa-oya4vatBcJuD7Ixbg/s1600/slide1.jpg" alt="" /> <h2><a href="Slider-1-Link-Here">Slider-1-Title-Here</a></h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p> </div> <div class="panel"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilIx4X1wMofUKWOkyYkgDV8fFbKY3KmojXLRl8hEONBeJQZ2IW-xBiQfYnYJDYds3P7swRwlQ5B3lcz7d0t7rCMcA_YCFAwl4irMbE4pTAZB9oOJ00xfRCMs7wfjzAIetneQ_tawfTerk/s1600/slide2.jpg" alt="" /> <h2><a href="Slider-2-Link-Here">Slider-2-Title-Here</a></h2> <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.</p> </div> <div class="panel"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcDSPtme4ZkOvXSUgt5G3ORTTaMF7_s1o6qoHXvRrUQCRAAtaSLX3SFKyebwbMpPSDmFoPFXoxUCtjoXEfMb3lAMePaoaLrJFmSTiE7ldoJjdSYwLNaDcoqd6SUo-fRYX67qOnAg7Pvgs/s1600/slide3.jpg" alt="" /> <h2><a href="Slider-3-Link-Here">Slider-3-Title-Here</a></h2> <p>Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p> </div> <div class="panel"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG-tf0FzPANRRfyhfdLAbCx18EnkPmV6f1C3jzd_8QEq3FqekK4_1PwVUstFrgfj_ilOTDdrxq8FcaeX4BaDWhRcsxZMSBxXEabVET18OP444StusYblTQq5dezPB0jILRMUSHKzYhzyM/s1600/slide4.jpg" alt="" /> <h2><a href="Slider-4-Link-Here">Slider-4-Title-Here</a></h2> <p> dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui.</p> </div> <div class="panel"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg87rGTDSa-Z9skWob6YogsvaHHp49ySNitC5x0QkgkkqAtP6v7nNTahOBu2Of2mJENjFaQ2qubuix8Wygtz8a_7gGNStcn1GRhVUTKvy41fR0M_BzCD0V-BDwiS4dE_bEzHlBBF_pFCWM/s1600/slide5.jpg" alt="" /> <h2><a href="Slider-5-Link-Here">Slider-5-Title-Here</a></h2> <p>Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.</p> </div> </div> </div> </div> <div style='border-top:1px solid #050505;border-bottom:1px solid #353434;height:0px;width:100%;'/></div>

Configure "Blog Posts" Widget

Login to your blogger dashboard--> layout- -> Page elements.Click on "Edit" form "Blog Posts" Section.Now change it value as the picture below:

Important !!!:

Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.

License: 

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/

Please Pass Your Valuable Feedback Through Comments....!

[Read more]