Modern Blog
Posted by Alimstudio
Posted on 6:15 AM
with No comments
Template name : ModernBlog
Platform: Blogger / Blogspot
Release date : June 2013
Author : www.soratemplates.com
Template features : Personal, Interior, Fixed Width, Dropdown Menu, Social Widget, Gray Background, Page Navigation Widget.
License : Creative Commons Attribution 3.0
Basic Instructions : How to install a Blogger Template
Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:<ul class='nav-menu' id='menu-main-menu'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Custom Color</a></li>
<ul class='sub-menu'>
<li><a href='#'>Interior</a></li>
<li><a href='#'>Portfolio</a></li>
..........
Configure Social Widget:
search for:<div class='share_item'>
<a class='twitterIcon' href='#'>twitter</a>
<a class='facebookIcon' href='#'>facebook</a>
<a class='googleIcon' href='#'>google</a>
..........
</div>
How to change Author Section
search for:<div class='author_post_name'>
<h4>About "<a href='#' rel='author'>Administrator</a>"</h4>
</div>
<div class='author_post_pic'>
<img class='avatar avatar-56 photo' height='56' src='/avatar.png' width='56'/></div>
<div class='author_post_desc'>
Lorem ipsum dolor sit ame..........
Configure Page Navigation Widget
search for:var posts=4, // Number of posts in each page num=2, // Number of buttons will display
Labels:
Blogger
Sight Blogger Template
Posted by Alimstudio
Posted on 6:05 AM
with No comments
Template name : Sight
Platform: Blogger / Blogspot
Release date : June 2013
Author : www.addtheme.tk
Designer: www.presslayer.com
Template features : Blogging, Pinterest, Responsive, Clean, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget.
License : Creative Commons Attribution 3.0
Basic Instructions : How to install a Blogger Template
Cara Mengganti Tulisan Slider:
Masuk ke dashboard blogger --> template --> Edit HTML. Cari kode yang ada dibawah ini. <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>
..........
- "#" Ganti dengan alamat URL link anda.
- "image.jpg" ganti dengan URL foto anda.
Memperbaiki Menu Dropdown:
Masuk ke dashboard blogger --> template --> Edit HTML. Cari kode apa yang anda ingin ubah contohnya Homepage:<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>
..........
Memperbaiki Widget Social:
Cari kode:<div class='social_inner'>
<a class='facebook' href='#' title='Facebook'/>
<a class='twitter' href='#' title='Twitter'/>
<a class='rss' href='#' title='RSS Feed'/>
..........
Cara mengubah bagian admin:
Cari kode:<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>
Labels:
Blogger



