WebDepot Blogspot Template

WebDepot Blogger Template is a combination of different color schemes which makes it look unique

Template Name: WebDepot
Platform: Blogger/Blogspot 
Release date : 28, June 2013 
Author : www.templateism.com
License : Creative Commons Attribution 3.0

The WebDepot Blogger Template is a combination of different color schemes which makes it look unique. This theme is ideal for Designing, web developing, and Magazine based website especially for those who stress more towards designing niche. Unlike our other themes, this has a lot of matchless features including some CSS3 inclusion and other significant functions. When you talk about pure designing, this template is almost invisible because we have used a lot of features for the first time. It has clean and sleek design and has a lot of gutsy utilities.

  Features of WebDepot Blogger Template  
  • Colorful Sidebar Title: Unlike other blogger templates, we have first time use a new technique to display colorful sidebar titles along with a smallish icon. For example, for Facebook Widget, we have used Dark blue sidebar title along with a small Icon “F” Logo representing Facebook.
  • Eye-Catching Social Counter Buttons: At the bottom of each post, you can see social count buttons arranged in such a way that it could bring an eye-catching spark in your visitors. We have added Facebook, Twitter and Google+ social counter buttons.
  • SEO Friendly: Like our most of the theme, this is also SEO Friendly. It is pre-optimized for on-page SEO. Including heading tags, Meta tags, Keywords and in-depth optimizing things. More importantly, the speed of this it significantly faster than the majority of other heavy-duty templates.
  • Thumbnail Related Posts: In this theme, we have added a Thumbnail Related post widget which would work on automation. The Thumbnails are of normal size so it could easily be seen by the readers.

More Features: Drop Down Menu, 4 column footers, multi-color scheme, threaded commenting system, 2 column templates, and much more.

  From the Designer’s Desk  
We hope this theme has helped you in renovating your blog with awesomeness. Let us know what you think about this multi-color theme? Suggests and bugs would be more than welcomed. On a second note, take a few moments to sign up for our newsletter to keep on enjoying our latest theme release. Use the Subscription widget located in the sidebar, just round the corner!

Slider and Responsive Blogger Template : SIGHT

http://redaksiexpo2012.blogspot.com/2013/08/slider-and-responsive-blogger-template.html
Sight Blogger Template

Template name : Sight
Platform: Blogger/Blogspot
Release date : June 2013
Author :  www.soratemplates.com
Designer: presslayer

License : Creative Commons Attribution 3.0
Basic Instructions : How to install a Blogger Template

 

Template features :

Blogging, Pinterest, Responsive, Clean, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget.

http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

SIGHT blogger template merupakan salah satu desain terbaik untuk blog Personal, Profil Bisnis, atau Organisasi. Style elegant pada tampilan home page dihiasi dengan Slide Show yang dilengkapi dengan fitur deskripsi, merupakan daya tarik tersendiri pada template ini.

Tidak hanya itu, template yang didapat dari gudang Soratemplates ini juga sudah Responsive. Sehingga mampu mengimbangi perkembangan zaman, dimana saat ini banyak visitor dalam mengakses internet tidak hanya melalui PC atau Notebook, melainkan sudah menggunakan beragam gadget seperti handphone atau lainnya.

Configure Featured Content Slider:

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<div class=’fullwidth flexslider’ id=’homeslider’>
<ul class=’slides’>
<li data-height=’500′ style=’position:relative; background: url(../image.jpg) 50% 0′>
<div class=’caption_wrapper’>
<div class=’caption’>
<h3><a href=’#‘>In luctus luctus est vestibulum luctus</a></h3>
Lorem ipsum dolor sit amet… <a href=’#‘>Read more </a>
</div>
</div>
</li>
……….

Replace:

  • #” with your featured post URL.
  • image.jpg with your slider image.

Configure Dropdown Menu Template:

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<div class=’menu-navigation-container’ id=’top_menu’>
<ul class=’sf-menu’ id=’mainmenu’>
<li class=’current-menu-item’><a href=’#‘>Homepage</a></li>
<li><a href=’#‘>Single</a>
<ul class=’sub-menu’>
<li><a href=’#‘>Submenu Example</a></li>
<li><a href=’#‘>Submenu Example</a></li>
……….

Replace “#” with your menu item URL.

Configure Social Widget Template:

search for:

<div class=’social_inner’>
<a class=’facebook’ href=’#‘ title=’Facebook’/>
<a class=’twitter’ href=’#‘ title=’Twitter’/>
<a class=’rss’ href=’#‘ title=’RSS Feed’/>
……….

Replace “#” with your Social Account’s URL.

How to change Author Section:

search for:

 <div class=’author_avatar’>
<div class=’small_thumb’>
<img height=’auto’ src=’../Avatar.jpg‘ width=’100’/></div></div>
<div class=’author_wrapper’>
<h4>About author: <a href=’#‘>Admin</a></h4>
<p>Cress arugula peanut tigernut… </p></div>
<div class=’clear’/>
</div>

Jika anda memilih template blogspot dengan content Slider and Responsive,  SIGHT Blogger Template karya Presslayer tersebut mungkin dapat menjadi pilihan yang tepat.

Alyeska Blogger Template (Awesome slideshow menu)

http://redaksiexpo2012.blogspot.com/
Alyeska Blogger Template

Template name : Alyeska
Platform: Blogger / Blogspot
Release date : May 2013
Author : www.soratemplates.com
Designer : themeblvd
License : Creative Commons Attribution 3.0
Basic Instructions : How to install a Blogger Template 

http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

Template features : 
Portfolio, Fashion, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Blue Background, Page Navigation Widget.

Descriptions : 
Alyeska Blogger Template is a premium blogger template with 2 columns and sidebar on the right side. This template has a lot of great features, like a slideshow menu, dropdown menu, page navigation, social bookmarking icons, 4 columns in the footer and more. Header and background very well with blue and and gray on the main part of this template. This template is very suitable for blog about photography or images gallery. 

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

<ul class=’carrousel-slider’>
<li class=’slide’>
<div class=’slide-body’>
<div class=’grid-protection’>
<a class=’image-link enlarge’ href=’#‘><span>Image Link</span></a>
<img src=’../slide.jpg‘/>
</div>
</div>
</li>
……….

Replace:

  • #” with your featured post URL.
  • slide.jpg with your slider image.

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

<ul class=’menu’ id=’menu-main-menu’>
<li><a href=’#‘>Home</a></li>
<li><a href=’#‘>Blog</a></li>
<ul class=’sub-menu’>
<li><a href=’#‘>Full Width Page</a></li>
<li><a href=’#‘>Sidebar Right</a></li>
……….

 Replace “#” with your menu item URL.

Configure Page Navigation Widget:

search for:

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

 

Aurana Blogger Template

Aurana Blogger Template
Aurana Blogger Template

Satu lagi template  blog  dari Soratemplates dirilis pada Agustus 2013. Desain yang clean dan cantik ini, layak untuk dipertimbangkan sebagi pilihan para blogger.

Template name : Aurana
Platform: Blogger / Blogspot
Release date : Aug 2013
Author : www.soratemplates.com
Designer : www.quanticalabs.com

Template features :  
Blogging, Portfolio, Corporate, Clean Design, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Page Navigation.

License : Creative Commons Attribution 3.0
Basic Instructions : How to install a Blogger Template 

 

Configure Featured Content Slider Template: 

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<div id=’slider’>
<a href=’#‘><img src=’../slider_img1.jpg‘/></a>
<img src=’../slider_img2.jpg‘ title=’#sliderText1’/>
<img src=’../slider_img3.jpg‘ title=’#sliderText2’/>
</div>
</div>

<div class=’nivo-html-caption’ id=’sliderText1′>
<div class=’sliderCaption sliderCaptionVisual’>
<h2 class=’topNone’>Visual identity</h2>
If you want promote your business… <a href=’#‘> more &#187;</a>
</div>
</div>
……….

Replace:

  • #” with your featured post URL.
  • slider_img1.jpg” with your slider image.

Configure Dropdown Menu: 

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<ul class=’sf-menu’>
<li class=’current’><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a href=’#‘>Blog</a>
<ul>
<li><a href=’#‘>Blog Main</a></li>
<li><a href=’#‘>Single Post</a></li>
……….

Replace “#” with your menu item URL.

Configure Social Widget Template:

search for:

<ul class=’footerSocial itemList’>
<li class=’footerSocialRSS’><a class=’imageLink’ expr:href=’data:blog.homepageUrl + &quot;feeds/posts/default&quot;’/></li>
<li class=’footerSocialFacebook’><a class=’imageLink’ href=’#‘/></li>
<li class=’footerSocialTwitter’><a class=’imageLink’ href=’#‘/></li>
</ul>

Replace “#” with your Social Account’s URL.

Configure Page Navigation Widget template

search for:

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

 

Wilderness Slider Blogger Template

Wilderness  Blogger Template with Slider, dropdown menu,  by Sora Template
Wilderness Slider Blogger Template

Template name : Wilderness
Platform: Blogger / Blogspot
Release date : November 2012
Author :  www.soratemplates.com
Designer :  www.devilcantburn.com
License : Creative Commons Attribution 3.0
Basic Instructions : How to install a Blogger Template

Template features :

WordPress Look, 2 Columns, Right Sidebar, 3D Slider, Fixed Width, paper-wood background, Dropdown Menu, 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 id=’slider_wrapper’>
<div class=’marg_0_0_20_0′ id=’sliderCss3d’>
<img alt=’Slider 1′ data-transition='{&quot;effect&quot;: &quot;blindsVertical&quot;, &quot;slices&quot;: 6, &quot;animSpeed&quot;: 1400, &quot;delay&quot;: 100, &quot;delayDir&quot;: &quot;fromCentre&quot;, &quot;easing&quot;: &quot;easeInCubic&quot;, &quot;depthOffset&quot;: 800, &quot;sliceGap&quot;: 5}’ src=’/slider.jpg‘/>
……….

Replace:
image.jpg” with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<ul class=’menu’ id=’menu’>
<li><a href=’#‘>Home</a></li>
<li><a href=’#‘>Fullwidth page</a></li>
<ul class=’sub-menu’>
<li><a href=’#‘>Buttons</a></li>
<li><a href=’#‘>Google Map</a></li>
……….

Replace “#” with your menu item URL.

Configure Page Navigation Widget:

search for:

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

How to change Author Section:

Find this:

<h4>About the author</h4>
<div id=’author-info’>
<div id=’author-image’>
<a href=’#’><img height=’80’ src=’/avatar.png’ width=’80’/></a>
</div>
<div id=’author-bio’>
<h5>Admin</h5>
Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.
</div>

Tarnished Blogger Template

Tarnished Blogger Template slider, video by sora templates
Tarnished Blogger Template

Template name : Tarnished
Release date : June 2012
Author : www.soratemplates.com
Designer : www.ghostpool.com
Basic Instructions : How to install a Blogger Template

Template features : 
WordPress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Portfolio, Header Banner, Featured Content Slider, Fixed Width, Blue Background, Top Navigation Menu, Page Navigation, Social Bar.

Configure Featured Content Slider:

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<div class=’slide’ style=’width: 950px; height: 450px;’>
<div class=’caption-overlay caption-bottomright caption-dark’>
<h2>Nunc arcu ipsum</h2></div>
<img class=’slider-image’ src=’/image.jpg‘ style=’width: 950px; height: 450px;’/>
……….
<span class=’slider-button’>
<img src=’/thumbnail.jpg‘ style=’width: 109px; height: 54px;’/>
</span>
……….

Now replace:

  • image.jpg” with your slider image.
  • thumbnail.jpg” with your thumbnail image.

Configure Dropdown Menu:

Login to blogger dashboard –> layout –> Edit HTML. Now scroll down to where you see the codes below:

<div id=’menu’>
<ul class=’menu’ id=’menu-header’>
<li><a href=’#‘>Home</a></li>
<li><a href=’#‘>Pages</a>
<ul class=’sub-menu’>
<li><a href=’#‘>Page With Left Sidebar</a></li>
……….

Just replace “#” with your menu item URL.

How To Change Header Banner:

find this:

<div id=’header-widget’>
<div class=’textwidget’>
<a href=’#‘><img border=’0′ src=’/banner.jpg‘/></a>
</div>
</div>

Now replace:
#” with your banner URL.
banner.jpg” with your banner image.

Configure Page Navigation Widget:

search for:

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