![]() |
| DEMO | Download |
How To Configure Social Buttons
Find this in "Edit HTML":
<div id='social-wrap'>
<ul id='social'>
<li><a href='#' id='facebook' title='Facebook'/></li>
<li><a href='#' id='twitter' title='Twitter'/></li>
<li><a href='#' id='rss' title='RSS'/></li>
<li><a href='#' id='youtube' title='Youtube Channel'/></li>
<li><a href='#' id='linkedin' title='Linkedin'/></li>
<li><a href='#' id='pinterest' title='Pinterest'/></li>
</ul>
</div>
Add your own social links replacing "#" marks.
How To Configure Top Navigation Menu
Find this in "Edit HTML":
<div class='menu'>
<ul class='' id='menu-primary-items'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Custom work</a></li>
<li><a href='#'>WordPress</a></li>
<li><a href='#'>Themes</a>
<ul class='sub-menu'>
<li><a href='#'>Bronze Package</a></li>
<li><a href='#'>Silver Package</a></li>
<li><a href='#'>Golden Package</a></li>
</ul>
</li>
<li><a href='#'>Coding</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>
Replace "#" marks with real URLs and change anchor texts as you like.
How To Configure Featured Content Slider:
Find this in "Edit HTML":
<div id='slider-wrap'>
<div id='slider'>
<ul>
<!-- slide 1 code start -->
<li>
<div class='slider-entry'>
<h2 class='slider-entry-title'><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h2>
<p>This is slide 1 description. You can replace this with your own words. Blogger template by NewBloggerThemes.com...</p>
<a class='more-link' href='ENTER-SLIDE-1-LINK-HERE'>Read More</a>
</div>
<a href='ENTER-SLIDE-1-LINK-HERE'><img height='340' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglKFgGU8nSDfsjXmG1D79HAXqeojOW-BmF-SbY6ZrJGnlqtOkemWw_hyphenhyphenbzbH1gX3e6v2L-fc3NqYUpF5s3sdFYPZdRXNZaIwT2A76WqblG_C3NqjHFH16QCRh9RgucqUuMs8o_jty1SSLo/s1600/slide-image-1.jpg' width='750'/></a>
</li>
<!-- slide 1 code end -->
<!-- slide 2 code start -->
<li>
<div class='slider-entry'>
<h2 class='slider-entry-title'><a href='ENTER-SLIDE-2-LINK-HERE'>Enter Slide 2 Title Here</a></h2>
<p>This is slide 2 description. You can replace this with your own words. Blogger template by NewBloggerThemes.com...</p>
<a class='more-link' href='ENTER-SLIDE-2-LINK-HERE'>Read More</a>
</div>
<a href='ENTER-SLIDE-2-LINK-HERE'><img height='340' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYMU7kzUjRZR-wdnUaXocALQdoK_u6bb-hIMJcHAsnv4RmdHveEkht6aRPYL419aJgZJCeXCJ1BmmBiTBDtdgDh0GCc8YKkn8eIqqZCbxN4dLDyTe9ewHeylYHkzBYBl-WnO0nWszy2fzO/s1600/slide-image-2.jpg' width='750'/></a>
</li>
<!-- slide 2 code end -->
<!-- slide 3 code start -->
<li>
<div class='slider-entry'>
<h2 class='slider-entry-title'><a href='ENTER-SLIDE-3-LINK-HERE'>Enter Slide 3 Title Here</a></h2>
<p>This is slide 3 description. You can replace this with your own words. Blogger template by NewBloggerThemes.com...</p>
<a class='more-link' href='ENTER-SLIDE-3-LINK-HERE'>Read More</a>
</div>
<a href='ENTER-SLIDE-3-LINK-HERE'><img height='340' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5yT6yqGqBxR3YX02Aw6AZxzSwQMO0g6KelqSo-72IPK2165d3zjcyfyL8rH1QPGNCIlg9FuA71ToD2IHgmvs5M84IYL1nDJ2HQ2zAyithG25bZHuqME6xiB3uN06rA8mRP2_nTUE-z9Tg/s1600/slide-image-3.jpg' width='750'/></a>
</li>
<!-- slide 3 code end -->
</ul>
</div><!--#slider-->
</div><!--#slider-wrap-->
There are 3 slides in the slider. You can add a remove more slides if you want.
Now replace,
"ENTER-SLIDE-X-LINK-HERE"s with your real slide link,
"Enter Slide X Title Here" with your real slide title,
"This is slide X description. You can replace this with your own words. Blogger template by NewBloggerThemes.com..." with your real slide description,
Slide image URL,
for each slide. (X = 1 or X = 2 or X = 3)


0 komentar:
Posting Komentar