2014-11-11



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



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.



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.

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.

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

Show more