08 Agustus 2013

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

Widget Share Button Keren and Super Ringan Untuk Blog

Widget Share Button Keren and Super Ringan Untuk Blogspot
Widget Share Button Fast Loading
Widget share button for blogspot merupakan satu hal yang mutlak diperlukan bagi sebuah blog. Karena feature ini mempermudah pengujung blog berbagi artikel atau konten yang anda buat dimedia sosial yang dimiliki pengunjung. Artinya, jelas berpotensi meningkatkan jumlah pengunjung lebih banyak lagi.

Tidak hanya itu, Widget share button juga berfungsi untuk mempercantik tampilan template blog. Apalagi  Widget share button for blogspot yang satu ini fast loading. Sehingga anda tidak perlu khawatir tentang pengaruh kecepatan loading blog anda. Sangat ringan, dan tampil elegant.

Langsung saja ke langkah-langkah (tutorial) untuk memasang widget share di blog anda:

  • Login ke Blogger
  • Klik Rancangan, Elemen laman, lalu Tambah Gadget
  • Pilih HTML/Java Script
  • Copy code di bawah ini :
<script charset="UTF-8" src="http://s.web.informer.com/favorites-button.js?glass," type="text/javascript">
</script> 
  •  Simpan/SELESAI
Mudah bukan? Demikian Widget share button for blogspot ini saya bagikan dengan cuma-cuma. Karena saya mendapatkannya pun dengan cara yang cuma-cuma dari blog tetangga.. he... he...


Keren and Super Ringan Untuk Blog
Widget share button