Blogger template: Right Sidebar

Showing posts with label Right Sidebar. Show all posts

MXfluity

Descriptions:

MXfluity is personal and photograh responsive blogger template layout with many future. It's 2 columns with right sidebar or left sidebar width accordion slider. Default template color is black, white and red and easy to change it. This template have one top navigation menu. Search box using JSON and make visitor don't need to change the page to see the result. Threat comment width emoticon, recent comments width avatar and admin control, SEO optimaze, and more..More Info HERE

Template author:

MKR / http://www.ivythemes.com

Designer:

MKR / http://www.ivythemes.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:

MyTimeLine is beautyful responsive blogger template layout with many future. It's 2 columns and 3 columns footer with right sidebar the color is black, white and blue with top navigation menu, social media share icon, slider widget sidebar, JSON search result, emoticon, featured post (random post/recent post can setup by tag/label), recent post, recent comments and more. More Info HERE

Template author:

MKR / http://www.ivythemes.com

Designer:

MKR / http://www.ivythemes.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:

MyExtraNews is beautyful responsive blogger template layout with many future. It's 2 columns and 3 columns footer with right sidebar the color is black, white and blue with top navigation menu, social media share icon, tab widget siderbar, JSON search result, emoticon, random post, recent post, recent comments and more. More Info HERE

Template author:

MKR / http://www.ivythemes.com

Designer:

MKR / http://www.ivythemes.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Template name : Project 10

Author : www.soratemplates.com

Designer : www.orange-themes.com

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Fashion, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Page Navigation Widget.

Note: You must publish at least 5 posts and your blog must be in public mode (everyone can see it), if not, you will be redirect to this site, we're really sorry for caused you this trouble.

Configure Featured Content Slider:

<div id='layerslider' style='width: 748px; height: 300px;'>
 <div class='ls-layer' rel='slidedelay: 5000'>
 <img class='ls-bg' src='/image.jpg'/>
 ..........

Replace"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='menu' id='menu-top-menu'>
 <li><a href='#'><i style='font-family:Ropa Sans;'><span>Homepage</span></i></a></li>
 <li><a href='#'><i style='font-family:Ropa Sans;'><span>Blog</span></i></a></li>
 ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div class='left-social-icons'>
 <a class='social-facebook' href='#' target='_blank'><span/></a>
 <a class='social-twitter' href='#' target='_blank'><span/></a>
 ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

var posts=3, // Number of posts in each page
    num=2, // Number of buttons will display

Template name : Accord

Author : www.soratemplates.com

Designer : color-theme.com

Template features : Pinterest Look, 3 Columns, Right Sidebar, Fashion, Featured Post Slider, Fixed Width, Gray Background, Social Widget, Header Banner, Dropdown Menu, Page Navigation Widget.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div id='menu'>
<div class='menu-main-nav-container'>
 <ul class='sf-menu sf-navbar' id='menu-main-nav'>
  <li><a href='#'>Home Features</a>
  <ul class='sub-menu'>
   <li><a href='#'>Home + Sidebar</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div class='top-social-block'>
 <ul>
  <li><a class='facebook-top' href='#'/></li>
  <li><a class='twitter-top' href='#'/></li>
 </ul>
</div>

Replace "#" with your Social Account URL.

How To Change Header Banner:

find this:

<div class='banner'>
 <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
</div>

Now replace:

"#" with your banner URL.
"banner.jpg" with your banner image.

Configure Page Navigation Widget:

search for:

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

Template name : Eclipse

Author : www.soratemplates.com

Designer : www.devilcantburn.com

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Featured Content Slider, Fixed Width, Social Widget, Dropdown Menu.

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div class='nivoSlider' id='nivo_slider'>
 <a href='#'><img height='400' src='/image.jpg' width='920'/></a>
 ..........

Replace:

"#" with your featured post URL.
"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='main_menu' id='menu-menu-1'>
 <li><a href='#'><span class='gfont'>Home</span> <span class='subline'>&#8592; Back</span></a></li>
 <li><a href='#'><span>News</span><span class='subline'>Read Us!</span></a>
 <ul class='sub-menu'>
  <li><a href='#'>Attractive Design</a></li>
  <li><a href='#'>Inspirations</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div id='social_networks'>
 <ul>
  <li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>
  <li class='sorting-03 twitter'><a href='#'><span class='inv'>twitter</span></a></li>
  <li class='sorting-02 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>
 ..........

Replace "#" with your Social Account URL.

Template name : Replay

Author : www.soratemplates.com

Designer : www.themextemplates.com

Template features : Wordpress Look, 2 Columns, Right Sidebar, Music, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, HTML5 Music Player, Page Navigation Widget.

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div class='ribbon-slide'>
 <ul>
  <li class='slide-400'><a href='#'>
 <img class='fullwidth' height='400' src='/image.jpg' width='400'/></a>
  </li>
 ..........

Replace"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='menu' id='menu-main-menu'>
 <li><a href='#'>News</a>
  <ul class='sub-menu'>
   <li><a href='#'>Ribbon Slider</a></li>
   <li><a href='#'>Fade Slider</a></li>
 ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<a class='facebook' href='#' target='_blank' title='Facebook'/>    
<a class='tumblr' href='#' target='_blank' title='Tumblr'/> 
<a class='twitter' href='#' target='_blank' title='Twitter'/>

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

var posts=5, // Number of posts in each page
    num=2, // Number of buttons will display

Configure Music Player:

search for:

<div class='playlist'>
 <a href='/song1.mp3'>Song Title 1</a>
 <a href='/song2.mp3'>Song Title 2</a>
</div>

Replace song.mp3 and Song Title as you want.

Template name : FitnessMag

Author : www.soratemplates.com

Designer : www.wpexplorer.com

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, Header Banner, Page Navigation Widget.

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div class='flexslider' id='slider'>
<ul class='slides'>
 <li class='slide'><a href='#' target='_self'><img src='.../image.jpg'/></a>
<div class='caption'>Awesome Blogging Theme! </div></li> 
 ..........

Replace:

"#" with your featured post URL.
"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='sfmenu' id='menu-main'>
 <li><a href='#'>Category 1</a></li>
 <li><a href='#'>Category 2</a>
  <ul class='sub-menu'>
   <li><a href='#'>This is a dropdown</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<h2>Follow Us</h2>
<ul class='clearfix'>
 <li class='social-twitter'><a class='social-icon' href='#'><img src='.../twitter.png'/></a></li>
 <li class='social-facebook'><a class='social-icon' href='#'><img src='.../facebook.png'/></a></li>
 ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Section:

Find this:

<h3 class='heading-border'><span>Author</span></h3>
<div id='author-image'>
<a href='#'><img class='avatar' height='60' src='.../logo.png' width='60'/></a>
</div> 
<div id='author-bio'>
<h4>Written by <a href='#'>Admin</a></h4>
<p>Aliquam molestie ligula vitae nunc...</p>
</div>

Template name : VideoBox

Author : www.soratemplates.com

Template features : Wordpress Look, 4 Columns, Right Sidebar, 4 Columns Footer, Portfolio, Featured Video Slider, Fixed Width, Wood Background, Dropdown Menu, Header Banner, Page Navigation Widget.

Configure Featured Video Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<ul class='slides'>
 <li class='item'>
 <p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/Ok2VamxrYAY' width='560'/></p>
 </li>
 ..........
<ul class='thumbs pagination'>
 <li><span class='youtube-temp'/>
 <span class='hover-bg'/>
 <a class='title' href='#' rel='0'>Lorem ipsum dolor sit amet</a>
 <a class='link' href='#'/>
 </li>
 ..........

Replace:

"#" with your featured video URL.
"http://www.youtube.com/embed/Ok2VamxrYAY" with your youtube video URL.

Configure Dropdown Menu:

<nav class='primary'>
<ul class='sf-menu' id='topnav'>
 <li><a href='#'><span class='right'>Home</span></a></li>
 <li><a href='#'><span class='right'>Portfolio</span></a>
<ul class='sub-menu'>
 <li><a href='#'><span class='right'>Portfolio 1 col</span></a></li>
 ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

var posts=9, // Number of posts in each page
    num=2, // Number of buttons will display

Template name : Christmas Gifts

Author : www.soratemplates.com

Template features : Wordpress Look, 2 Columns, Right Sidebar, Christmas, Portfolio, Featured Content Slider, Fixed Width.

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div class='boxgrid captionfull'>
 <a href='#'><img height='269' src='/slider.jpg' width='296'/></a>
 <div class='cover boxcaption' style=' top:269px; cursor: pointer;'>
 <h3 class='entry-title'>christmas decoration #1</h3>
 <div class='entry-content'><p>$57</p></div>
 <a class='more' href='#'>read more</a>
 </div>
</div>
 ..........

Replace:

"#" with your featured post URL.
"image.jpg" with your slider image URL.

Descriptions:

DeNews is beautyful responsive blogger template layout with many future. It's 2 columns and right sidebar the color is black, white and blue with top navigation menu, tab widget siderbar, JSON search result, emoticon and more. More Color Go HERE

Template author:

MKR / http://www.ivythemes.com

Designer:

MKR / http://www.ivythemes.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:

Gremble is beautyful responsive blogger template layout with many future. It's 2 columns and right sidebar the color is black, white and grey with top navigation menu, tab widget siderbar, JSON search result, emoticon and more. More Color HERE

Template author:

MKR / http://www.ivythemes.com

Designer:

MKR / http://www.ivythemes.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:

Adsosive is beautyful responsive blogger template layout with many future. It's 2 columns and right sidebar the color is blue, white and grey with top navigation menu, tab widget siderbar, JSON search result, custom lightbox, social icon, emoticon and more.

Template author:

MKR / http://www.ivythemes.com

Designer:

MKR / http://www.ivythemes.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:

ExcluSive is beautyful responsive blogger template layout with many future. It's 2 columns and right sidebar the color is black, white and grey with top navigation menu, tab widget siderbar, custom search result, custom lightbox, social icon, emoticon and more.

Template author:

MKR / http://www.ivythemes.com

Designer:

MKR / http://www.ivythemes.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:

DarkRed is beautyful responsive blogger template layout with many future. It's 2 columns and right sidebar the color is black, white, red and grey with top navigation menu, tab widget siderbar, custom search result, custom lightbox, social icon, emoticon and more.

Template author:

MKR / http://www.ivythemes.com

Designer:

MKR / http://www.ivythemes.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:

JPstation is beautyful responsive blogger template layout with many future. It's 2 columns and right sidebar the color is black, white, blue and grey with top navigation menu, tab widget siderbar, custom search result, custom CSS lightbox and more. More Color Go HERE

Template author:

MKR / http://www.ivythemes.com

Designer:

Japanesestation / http://www.japanesestation.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:

Pingrey is beautyful responsive blogger template layout with many future. It's 2 columns and right sidebar the color is black, white, blue and grey with top navigation menu, social widget, custom search result, custom lightbox and more.

Template author:

MKR / http://www.ivythemes.com

Designer:

MKR / http://www.ivythemes.com

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:

ExtraNews is beautyful responsive blogger template layout with many future. It's 2 columns with 3 footer columns and 1 right sidebar the color is black, white, blue and grey with top navigation menu, custom search result, tab menu, custom lightbox and more. More color go HERE

Template author:

MKR / http://www.ivythemes.com

Designer:

ThemeWich / http://themewich.com/

Instructions:

How to install a Blogger template

DOWNLOAD DEMO

Descriptions:	BlueBuzz is simple 2 columns blogger template layout width many future. It's a black, white and blue color with 2 column blogger, simple with 2 view mode grid and list, social media icon, right sidebar, navigation top menu with auto recent post, auto recent comments and labels, costum search box and result, costum lightbox,clean design template, and more.
Instructions:	How to install a Blogger template
Template author:	MKR / http://www.ivythemes.com/
Designer:	MKR / http://www.ivythemes.com/

Blogger template

MXfluity

MyTimeLine

MyExtraNews

Project 10 Blogger Template

Accord Blogger Template

Eclipse Blogger Template

Replay Blogger Template

FitnessMag Blogger Template

VideoBox Blogger Template

Christmas Gifts Blogger Template

DeNews

Gremble

Adsosive

ExcluSive

DarkRed

JPstation

Pingrey

ExtraNews

BlueBuzz

Buy domain only 5 dollar

Labels

Popular Posts

Template Information

Template Information

Test Footer 2