Cara Setup Sight Template Blogger

Sight adalah template gaya Majalah, premium dan profesional. Sight adalah template blogger yang bersih, lembut, halus dan 100% sepenuhnya responsif, yang juga menawarkan desain elegan dan banyak fitur menarik lainnya. Sight dilengkapi dengan berbagai widget yang akan membantu Anda mempublikasikan blog Anda secara lebih profesional.

Sight  tersedia dalam versi free template, tetapi tentunya ada keterbatasan dimana Anda tidak dapat memodifikasi secara keseluruhan template.  


Anda bisa melihat Demo dan Mengunduh Sight Blogger Templates.   

Social Buttons
Di Blogger Dashbord Klik Template
Klik Edit HTML

Gulir ke bawah dan Temukan Kode ini:

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

Ubah # dengan url sosial yang Anda inginkan.

Main Menu/Dropdown/Multi Dropdown
Di Blogger Dashbord Klik Template
Klik Edit HTML

Gulir ke bawah dan Temukan Kode ini:

<ul class='sf-menu' id='mainmenu'>
 <li class='current-menu-item'><a href='#'>Home</a></li>
 <li><a href='#'>Features</a>
<ul class='sub-menu'>
 <li><a href='#'>Multi Dropdown</a>
 <ul>
 <li><a href='#'>Dropdown 1</a></li>
 <li><a href='#'>Dropdown 2</a></li>
 <li><a href='#'>Dropdown 3</a></li>
 <li><a href='#'>Dropdown 4</a></li>
 </ul>
 </li>
 <li><a href='http://sight-soratemplates.blogspot.com/p/post-format-and-page-markup.html'>Shortcodes</a></li>
<li><a href='http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html'>Sitemap</a></li>
<li><a href='http://sight-soratemplates.blogspot.com/soratemplates'>Error Page</a></li>
</ul>
</li>
 <li><a href='http://www.shardawebservices.com/'>Seo Service</a></li>
 <li><a href='http://www.sorabloggingtips.com/2017/09/how-to-setup-sight-blogger-template.html'>Documentation</a></li>
<li><a href='http://www.soratemplates.com/2014/05/sight-blogger-templates.html'>Download This Template</a></li>

</ul>

Ubah # dengan url dan teks yang Anda inginkan dengan label menu Anda.

Slider Widget
Di Blogger Dashbord Klik Template
Klik Edit HTML

Gulir ke bawah dan Temukan Kode ini:

<ul class='slides'>
 <li data-height='500' style='position:relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQdjlAK3KNWE-D4FSgQnysH-RksZGd3dAruH5LKzj6k9jWTR4MPqKMDmm_VeH7ab3pUgedEDE2C8YRskDqsZH4p5PJI-n9tVlbDhaQmgF6cBpL4-qcOJIDbmSBNCgPFIkAIYz8gcsCOnvl/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/AVvXsEhbKUuzotu2kR1Xt7_5qBM8bd7BlGoEME9iycojk3iztqrUJE1h1GW9pRRxMuMhCKhuSW5G8U5kBasiUGyZWO610sv9D_al1hdylHBouSZNzeLRvdRMmW3J5X__qiUUjlsJodH5WeErN88J/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/AVvXsEiqHZk_vuZAvdWcyW7icuYOMvBpaM23HyHeljeUTtv8oa4NXW217y8JE9papJLS5xSHs6wjTdwi0XE94ifpVCFvkBUCNm9a9SaK-dUEX8dkWBndNmT-y-F7ZdGq359L9WGZSkF3m2kmGaKU/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>
 </div>
 </li>

 </ul>

Merah untuk gambar dan biru adalah untuk teks

About me (Post)
Akses Layout blog Anda> klik Edit link di widget Testimonial.

Sebuah pop up akan muncul dan di bagian konten Anda akan melihat kode di bawah ini.

<div class='post_author'>
<div class='author_avatar'><div class='small_thumb'><img height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLcSijgWPOq6Omq2gzpRXYrZLP3aC3hJiKG8gwmUozr34YFqMgCu9pAP7VG1fDDcD7N_nrnJ2L9u2eHtb2m1F8iu4X1cEZ2frPs0EFM5HRhl5ONTwIjzxfNRt6z21pczkdeH6-FGALtsFp/s100/Avatar.jpg' width='100'/></div></div>
 <div class='author_wrapper'>
 <h4>About author: <a href='#'>Admin</a></h4>
 <p>Cress arugula peanut tigernut wattle seed kombu parsnip. Lotus root mung bean arugula tigernut horseradish endive yarrow gourd. Radicchio cress avocado garlic quandong collard greens.</p></div>
<div class='clear'/>

</div>

Merah untuk gambar dan biru adalah untuk teks

Facebook Page Plugin:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/fanpageanda" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>

Selamat berkarya, dan sekali lagi Anda bisa melihat Demo dan Mengunduh Sight Blogger Templates.

,