Bangla Press Responsive Blogger Template Download

responsive

Bangla Press is a My New Blogger Template. Its High User Friendly Blogger Template. If You Blogger User This is a best Template For You, Mobile, Desktop And Tablet Friendly User Interface. Simple And Clean Color’s, Navigation Menu, 3 column Vertical Post Ready Template. I have included latest Font Awesome 4.2 and instead of image I have tried to add Font Awesome icons. Accept social media icon whole template containing icons form Font Awesome 4.2. This is 2 Column Magazine style boxed blogger template and you can change the color of template easily.

Bangla Press Responsive Template
Platform: Blogger / Blogspot
Release date : 11th November 2014
Author : Mohammad Fazle Rabbi
Website: www.bloggerspice.com
License : Creative Commons Attribution 3.0

Live Demo Download


Some key features that I have incorporated in this premium blogger template that might be helpful for potential users. The main features of this blogger template are as follows-
  • Responsive Template Design
  • Unlimited color
  • Auto Blog Post summarize And “Read More” Button
  • Auto Image Crop With Thumbnail (Home Page and Label Page Only)
  • Css And HTML Base Menu With Drop down
  • Auto Date Show At Header Right side
  • Tabs Widgets ready (Powered By Jquery)
  • Simple User Friendly Search Box
  • Auto Pagination Added To Post Footer
  • Font Awesome 4.2.0 based icons
  • Social Icons Collection(Placed Post Footer)
  • Social Share Widget (Placed Post Footer)
  • Related Post Widget (Placed Post Footer)
  • Ads Banner Ready
  • Meta Keywords And Description Support (Official Meta Description Support)
  • Vertical style Recent Post By Label
  • Blogger + Facebook Comment System
  • 4 Column Footer Area
  • Flicker Image Gallery
  • Official “FOLLOW BY EMAIL” Widget

 template screen

CHANGE TEMPLATE COLOR

You can change the template color by following the below steps-


Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard


Step 2 Now click on -> Template -> Customize and select Advanced -> Header 



Background Color and change the color code according your desire.

color change

Step 3 After selecting the color simply click on Apply to Blog button from top right corner. And 

also click on Back to Blogger link for returning in Blogger Dash Board.

SOCIAL MEDIA WIDGET SETUP

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by Pressing Ctrl+F

<li class='facebook'>
<a href='http://www.facebook.com/' rel='nofollow' target='_blank' title='facebook'>
</a></li>
<li class='googleplus'>
<a href='https://plus.google.com/' rel='nofollow' target='_blank' title='googleplus'>
</a></li>
<li class='pinterest'>
<a href='http://pinterest.com/' rel='nofollow' target='_blank' title='pinterest'>
</a></li>
<li class='twitter'>
<a href='http://twitter.com/' rel='nofollow' target='_blank' title='twitter'>
</a></li>
<li class='rss'>
<a href='http://feedburner.com/' rel='nofollow' target='_blank' title='rss'>
</a></li>
<li class='skype'>
<a href='http://www.skype.com/' rel='nofollow' target='_blank' title='Skype'>
</a></li>
<li class='vimeo'>
<a href='http://www.vimeo.com/' rel='nofollow' target='_blank' title='vimeo'>
</a></li>
<li class='flickr'>
<a href='http://www.flickr.com/' rel='nofollow' target='_blank' title='flickr'>
</a></li>
<li class='linkedin'>
<a href='http://www.linkedin.com/' rel='nofollow' target='_blank' title='linkedin'>
</a></li>
<li class='youtube'>
<a href='http://www.youtube.com/' rel='nofollow' target='_blank' title='youtube'>

Step 4 After finding it Replace all the Bold URL with your social site's URLs and ID.

Step 5 Save the template by clicking Save template button.

MENU CUSTOMIZATION

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by Pressing Ctrl+F

<li> <a href='#'>Menu 1</a></li>
        <li><a href='#'>Menu 2</a></li>
        <li><a href='#'>Menu 3</a></li>
        <li><a class='prett' href='#'>Drop Menu 1</a>
          <ul class='menus'>
            <li><a href='#'>Drop Menu 1</a></li>
            <li><a href='#'>Drop Menu 2</a></li>
            <li><a href='#'>Drop Menu 3</a></li>
          </ul>
        </li>
        <li><a href='#'>Menu 4</a></li>
        <li><a href='#'>Menu 5</a></li>
        <li><a href='#'>Menu 6</a></li>
        <li><a class='prett' href='#'>Drop Menu 2</a>
          <ul class='menus'>
            <li><a href='#'>Drop Menu 1</a></li>
            <li><a href='#'>Drop Menu 2</a></li>
            <li><a href='#'>Drop Menu 3</a></li>
          </ul>
        </li>
      <li><a href='#'>Menu 7</a></li>
       <li><a href='#'>Menu 8</a></li>
      <li><a href='#'>Menu 9</a></li>
       <li><a href='#'>Menu 10</a></li>


Step 4 After finding the code Replace all # with your Post Label's URLs and change 

the category name.

Step 5 Save the template by clicking on Save template button.

NEWS TICKER CUSTOMIZATION

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by pressing Ctrl+F

var url_blog = 'http://banglapress-bsdesign.blogspot.com/',

Step 4 After finding it Replace banglapress-bsdesign.blogspot.com with your Blog URLs.

Step 5 Save the template by clicking on Save template button.

JSON SEARCH BOX SETUP

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by pressing Ctrl+F

url: "http://banglapress-bsdesign.blogspot.com/", // URL Blog

Step 4 After finding it Replace banglapress-bsdesign.blogspot.com with your Blog URLs.

Step 5 Save the template by clicking on Save template button.

Vertical Post By Label

You would get 3 Vertical Posts container. Just write there label name then it will display posts.

vertical post


Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Layout -> Edit 

Write label name like below after Edit each label.


widget

Step 3 Save the template Now.

PAGE NAVIGATION SETUP

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by pressing Ctrl+F

var postperpage=5;
 var numshowpage=2;

Step 4 After finding it alter postperPage= 5,numshowpage=2, digit only.

FLICKER IMAGE CODE

Step 1 First Go to ->Blogger Dashboard -> Layout

Step 2 Now Click On Add a gadget link and add an HTMl widget

Step 3 Now Copy the Code Given Below and Paste it to there.

<div class="flickr_plugin"><script src="http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=52617155@N08" type="text/javascript"></script></div>

Customization

  • Replace 52617155@N08 With Your Flicker Id
  • You Can use http://idgettr.com/ to Generate Your Flickr Id
Step 4 Now Click on Save by clicking on Save template button.

You are done.

Support

Bangla Press Responsive Template. In this post A to Z Blogger blog Creation to Theme Instillation Help Available. So New Blogger’s And Professional Blogger Can Understand How To Work With Bangla Press Blogger Template. If You Use My Theme And Need Help From Me I Can Help You. I Online 8 Hours Per day, So leave a comment below or send me email. My Time one GMT + 6:00)

LICENSE

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.

However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
  • http://creativecommons.org/licenses/by/3./

No comments: