WoodenMag blogspot template

WoodMag Blogger Template, as its name, this template has wood background
WoodenMag blogspot TEMPLATE

WoodenMag TEMPLATE FEATURES
Name: WoodenMag Blogger Template
Author: bloggertipsandtricks  |  favoritebtemplates
Copyright: Copyright Removal License
Type: Blogger, Light, Yellow, White, Wood, Black, Orange, Grey, Blue, Red, Magazine, Profesional, With Slider, 2 Column, Right Sidebar

WoodMag Blogger Template, as its name, this template has wood background. Designed well and ads ready. Suitable both personal and business blog.

Coopret Blogspot Template

elegant slider blogger template

Satu lagi template keren yang saya comot dari  loefa-cebook.com. Blogspot template ini oleh sang desainer blazrobar.com diberi nama Coopret Blogger Template. Template blog ini, terlihat elegant dan dihias slider yang benar-benar mantap.Sehingga pada halaman homepagenya, benar-benar memukau pengunjung.

Coopret Blogger Template ini, sangat cocok untuk semua jenis blog, mulai dari blog untuk orang kreatif, sampai bisnis kecil, untuk di jadikan sebagai web profile perusahaan. Karena tampilannya yang terlihat seperti profesional website. Penasaran?? silahkan lihat demo template langsung.

 Fitur Template

  •     Auto Read More,
  •     Advanced Blogger,
  •     404 error page
  •     Static Page,
  •     Fixed Layout,
  •     Contact Form.

Cara Intall TemplateUntuk cara install Coopret Blogger Template ini, tidak begitu rumit, berikut caranya :

  • Unzip file Coopret Blogger Template yang sudah anda download
  • Masuk ke Blogger Halaman Template, lalu klik EDIT HTML
  • Buka file XML Template dengan HTML Editor seperti Notepad++ untuk Windows atau extWrangler untuk Mac.
  • Lalu Copy semua kode template
  • Kemudian Paste kedalam EDIT HTML Blogger
  • Terakhir Klik Save Template

Demikian untuk hari ini, Coopret Blogger Template. Terima kasih telah berkunjung ke loefa-cebook. Salam.

GoodInc Spot Blogspot Template

auto slider blogspot template for game blog
GoodInc Spot Blogger Template

GoodInc Spot Blogger Template : Template Blogger karya Loefa-cebook.  Theme blogspot ini cocok untuk blog bertema Game dan Personal blog.

GoodInc Spot Blogger Template, dilegkapi dengan slide otomatis yang diambil dari salah satu katagori blog, sebagai fitur post. 

Dan berikut adalah cara optimasi GoodInc Spot Blogger Template:

Install GoodInc Spot Blogger Template

  • Unzip file GoodInc Spot Blogger Template yang sudah anda download
  • Masuk ke Blogger Halaman Template, lalu klik EDIT HTML
  • Buka file XML GoodInc Spot Blogger Template dengan HTML Editor seperti Notepad++ untuk Windows atau extWrangler untuk Mac.
  • Lalu Copy semua kode template dan Paste kedalam EDIT HTML Blogger
  • Klik Save Template

Setting Feature Post – Slider

Seperti dijelaskan sebelumnya, Slider GoodInc Spot Blogger Templat ini, diambil dari posting blog anda berdasarkan pada Labels. Jadi, untuk menampilkan slider ini, anda cukup mengetikan salah satu label atau kagori dari blog anda, pada widget berjudul Feature Post, setelah itu save.

Demikian  GoodInc Spot Blogspot Template ini, semoga bermanfaat dan terimakasih atas kunjungannya. Sebagai saran, mungkin anda juga dapat melihat beberapa template berikut : Rekomendasi blogger templates

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

Unite Blogger Template

Template blogspot cantik dengan slider
Unite Blogger Template

Template name : Unite
Release date : July 2012
Author : www.soratemplates.com
Designer : para.llel.us

Template features :
WordPress Look, 2 Columns, Right Sidebar, 3 Columns Footer, Business, Elegant, Featured Content Slider, Fixed Width, Light Background, Top Navigation Menu, Email Subscription Form.

Basic Instructions : How to install a Blogger Template

Configure Post Date:

Log in to Blogger Dashboard –> Settings –> Format and change this:

If you don’t do this, it will display “UNDEFINED”.

Configure Featured Content Slider:

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

<div id=’Slide’>
<img alt=’Slide 1′ height=’341′ src=’/image.jpg‘ width=’948’/>
……….

Now 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=’sfmenu’>
<li class=’current’><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a href=’#‘>Features</a>
<ul>
<li><a href=’#‘>Home page</a>
……….

Just replace “#” with your menu item URL. 

Project 10 Fashion Blogger template

Project 10 Fashion Blogger template with slider by sora template
Project 10 Fashion Blogger template

Date Released: Sep, 2012
Designer: Sora Templates
Price: FREE

Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.

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

Basic Instructions : How to install a Blogger Template

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

Configure Featured Content Slider: 

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

<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:

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

<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>
……….

 Just 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