Tampilkan postingan dengan label Photography. Tampilkan semua postingan





DemoDownload
Template name : Sight

Platform: Blogger / Blogspot

Release date : June 2013

Author :  www.soratemplates.com

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

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





DemoDownload
Template name : London Creative

Template features : Wordpress Look, 2 Columns, Right Sidebar, Photography, Elegant, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  freshface.net

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:
  • <ul id='fresh_cube_data'>
    <li class='fresh_cube_image_0'>
    <img src='/image.jpg'/>
    <span class='transition' title='random'>
    <div class='post_category' id='slider_post_cat'>/
    <a href='#'>Web Design</a>/</div>
    <div class='post_name'>
    <a href='#' id='slider_img_desc'>1000s of Images In My Mind</a>
    </div>
    </span>
    </li>
    ..........
    <div class='thumbs' id='thumbs'>
    <div class='slider_content' id='sl_content'>
    <ul id='slider_ul'>
    <li><img alt='img' src='/thumb.jpg'/>
    <div class='slider_tit' style='display:none'>/ Web Design /</div>
    <a class='slider_desc' href='#' style='display:none' title='0'>1000s of Images In My Mind</a>
    </li>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.
  • "thumb.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 class='menu-nav-container'>
    <ul class='menu' id='menu-nav'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#'>About</a>
    <ul class='sub-menu'>
    <li><a href='#'>Dropdown test</a></li>
    ..........
Just replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=2, // Number of posts in each page
    num=2, // Number of buttons will display
Diberdayakan oleh Blogger.