Sight Blogger Template

Template ini adalah template gratis blogger yang mirip template di wordpress. Kalau tidak salah di Themeforest sekitar $45 dolar. Tapi untuk platfom blogger dibagikan gratis.

Tidak usah lama-lama akan saya beri screen shootnya:

tampilan thumbnail 

About Theme
Template name : Sight
Platform: Blogger / Blogspot
Author :  www.soratemplates.com
Template features : Blogging, Pinterest, Responsive, Clean, FeaturedContent Slider, Fixed Width, Dropdown Menu, Social Widget.

PREVIEW  DOWNLOAD

>>Pengaturan Fitur Content Slider:

Login ke blogger dashboard --> Template --> Edit HTML. Cari kode di awah ini, gunakan ctrl + f.

<ul class='slides'>
 <li data-height='500' style='position:relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9u0Pl-SHY66D1tFH16XGRpQYEXml39gPu5q5VPIc2Q2oqT0-A6OMQhmXY6b-EY6h84d6p76k2hVPmCen7sA9NbtlXvj1CwAbtuYMFS8sr4qP1PT7PQoog71oFC4C3rjjO6NkCdsMfPuQ/s1600/9d.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, consectetur adipiscing elit. In luctus luctus est vestibulum luctus. Cras semper mollis feugiat. Suspendisse .. <a href='#'>Read more </a>
 </div>
 </div>
 </li>

 <li data-height='500' style='position:relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiqAv25djmGNXk6YsXc4EfMQ8suyCW7ZrDWORKHhJO1jBhku1bCjl57gDUyP6pOyoclYzr6p_OTGf94547Px2DcOwMkx0sRXtk2ov-U8SBrVI-fnc9dJf0zcTFEjzLM0_VtLzlXZiSvPtq/s1600/9h.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, consectetur adipiscing elit. In luctus luctus est vestibulum luctus. Cras semper mollis feugiat. Suspendisse .. <a href='#'>Read more </a>
 </div>
 </div>
 </li>

 <li data-height='500' style='position:relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheek4iGUBWJrXUulSG1mSAMxUAJYRNiZ_BhSd3LUez79J6UInXBEsBQtz3a9RMtmbWnFaHs9TLlnSYkMUWBzB7aPnffy_XGmDWqwyDlKZsSuWa5zFUBWHITAExjttuyo-TTuwrnfWToWH3/s1600/9f.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, consectetur adipiscing elit. In luctus luctus est vestibulum luctus. Cras semper mollis feugiat. Suspendisse .. <a href='#'>Read more </a>
 </div>

Kemudian Ganti:
1. '#' dengan url posting yang dikehendaki
2.ganti url

1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheek4iGUBWJrXUulSG1mSAMxUAJYRNiZ_BhSd3LUez79J6UInXBEsBQtz3a9RMtmbWnFaHs9TLlnSYkMUWBzB7aPnffy_XGmDWqwyDlKZsSuWa5zFUBWHITAExjttuyo-TTuwrnfWToWH3/s1600/9f.jpg,

2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiqAv25djmGNXk6YsXc4EfMQ8suyCW7ZrDWORKHhJO1jBhku1bCjl57gDUyP6pOyoclYzr6p_OTGf94547Px2DcOwMkx0sRXtk2ov-U8SBrVI-fnc9dJf0zcTFEjzLM0_VtLzlXZiSvPtq/s1600/9h.jpg

3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9u0Pl-SHY66D1tFH16XGRpQYEXml39gPu5q5VPIc2Q2oqT0-A6OMQhmXY6b-EY6h84d6p76k2hVPmCen7sA9NbtlXvj1CwAbtuYMFS8sr4qP1PT7PQoog71oFC4C3rjjO6NkCdsMfPuQ/s1600/9d.jpg 

dengan url gambar.


>>Pengaturan Fitur Dropdown Menu
Login ke blogger dashboard --> Template --> Edit HTML. Cari kode di awah ini, gunakan ctrl + f.

<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>
 <li><a href='#'>Submenu Example</a></li>
 <li><a href='#'>Submenu Example</a></li>
 <li><a href='#'>Submenu Example</a></li>
 <li><a href='#'>Submenu Example</a>
 <ul>
 <li><a href='#'>Submenu Example</a></li>
 <li><a href='#'>Submenu Example</a></li>
 <li><a href='#'>Submenu Example</a></li>
 <li><a href='#'>Submenu Example</a></li>
 </ul>
 </li>
 <li><a href='#'>Submenu Example</a></li>
</ul>
</li>
 <li><a href='#'>HTML Elements</a></li>
 <li><a href='#'>Sidebars</a></li>
</ul>

Ganti '#' dengan url yang diinginkan.

>>Pengaturan Social Media Widget
Login ke blogger dashboard --> Template --> Edit HTML. Cari kode di awah ini, gunakan ctrl + f.

<div class='socials'>
 <a class='facebook' href='#' title='Facebook'>Facebook</a>
 <a class='twitter' href='#' title='Twitter'>Twitter</a>
 <a class='google_plus' href='#' title='Google_plus'>Google_plus</a>
 <a class='pinterest' href='#' title='Pinterest'>Pinterest</a>
 <a class='vimeo' href='#' title='Vimeo'>Vimeo</a>
 <a class='rss' href='#' title='RSS'>RSS</a>
 <div class='clear'/>
</div>

ganti '#' dengan url social media anda