Simple Catch is a clean and responsive, free blogging theme for anyone looking to give their website a professional look. Simple Catch Blogger Template has a featured posts slider, auto post summaries, related posts with thumbnails, social profile and post share buttons, multi-level navigation menu, right sidebar, scroll to top button and more.
How To Configure Top Navigation Menu
Find this in “Edit HTML”:
<ul class='menu'> <li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li class='menu-item-has-children'><a href='#'>Business</a> <ul class='sub-menu'> <li><a href='#'>Internet</a></li> <li><a href='#'>Market</a></li> <li><a href='#'>Stock</a></li> </ul> </li> ... </ul>
Replace “#” marks with real URLs and change anchor texts as you like.
How To Configure Social Buttons
Find this in “Edit HTML”:
<ul class='social-profilenbt'> <li class='facebook'><a href='https://www.facebook.com/' target='_blank' title='Facebook'>Facebook </a></li> <li class='twitter'><a href='https://twitter.com/' target='_blank' title='Twitter'>Twitter </a></li> <li class='google-plus'><a href='https://plus.google.com/' target='_blank' title='Google+'>Google+ </a></li> <li class='pinterest'><a href='https://www.pinterest.com/' target='_blank' title='Pinterest'>Pinterest </a></li> <li class='instagram'><a href='https://www.instagram.com/' target='_blank' title='Instagram'>Instagram </a></li> ... </ul>
Add your own social links replacing default social profile URLs.
How To Configure Featured Posts Slider
There are 2 slides in the slider. You can add more slides if you want.
This is the code for the first slide. Find it on “Edit HTML”:
<div class='slides'> <article class='type-post hentry'> <div class='post-thumbnail featured-img'> <a href='ENTER-SLIDE-1-LINK-HERE'><span class='img-effect pngfix'/><img height='313' src='https://1.bp.blogspot.com/-HiJCvC-Tuig/WhpEyInWs1I/AAAAAAAAS1E/i857FRFsMzkQMKJ5F_YJWAYcm3GleIw4wCLcBGAs/s1600/1.jpeg' width='976'/></a> </div> <!-- .post-thumbnail --> <div class='entry-container featured-text'> <span class='slider-content'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</span> </div><!-- .entry-container --> </article><!-- .featured-text --> </div> <!-- .slides -->
Now replace,
“ENTER-SLIDE-1-LINK-HERE”s with your real slide link,
“https://1.bp.blogspot.com/-HiJCvC-Tuig/WhpEyInWs1I/AAAAAAAAS1E/i857FRFsMzkQMKJ5F_YJWAYcm3GleIw4wCLcBGAs/s1600/1.jpeg” with your real slide image URL,
“This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com…” with your real slide description.
Follow the same steps for the other slide.
Simple Catch Blogger Template Responsive View
