Blogger Lab Responsive Blogger Template

Blogger Lab Responsive Blogger Template

responsive template

Blogger Lab is a clean and Responsive Blogger Template with elegant design. This Blogger template is perfect for multipurpose blogging niche. This Blogger template is user friendly and beautiful. You can easily customize this template. This template can load faster and you will see a unique beautiful layout that designed with HTML Version 2. I have kept some places for placing ads banner for monetizing your Blog. My Recommendation to use only Responsive ad banner in this template. I hope you will get a new experience of Blogging.

page speed

Blogger Lab Responsive Template
Version: 1.1
Platform: Blogger / Blogspot
Release date : 20th May 2015
Updated : 26th May 2015
Author : Mohammad Fazle Rabbi
License : Creative Commons Attribution 3.0

Release Notes for Version 1.1

  • Bugs Fixed
  • Smiley Emotion Feature Added
  • Some Image replaced with Font Awesome icons
  • Re-coded Blockquote, Back to Top. 
  • Updated Documentation

Some key features are integrated in this premium responsive blogger template that might be helpful for potential users. The main features of this blogger template are as follows-

Responsive Template DesignYes Check
Unlimited color Changeable optionYes
SEO friendlyYes
Fast LoadingYes Check
Auto Blog Post summarize And Read More ButtonYes
Auto Image Crop With Thumbnail (Home Page and Label Page Only)Yes
Dynamic HeadingYes
CSS And HTML Base Menu With Drop down (Superfish)Yes
Sidebar Tabs Widgets ready (Powered By Jquery)Yes
User Friendly JASON Search BoxYes
2 Column StyleYes
Beautiful Layout StyleYes
Clean TypographyYes
Custom Official RSS Subscription WidgetYes
Font Awesome 4.3.0 based icons (Latest Version)Yes
CSS Based Social Share Widget (Placed Post Footer) Yes
Ads Banner ReadyYes
Related Posts with ThumbYes
Social Share ButtonYes
Numbered Page NavigationYes
Flicker Image GalleryYes
Bouncing back To TopYes
Meta Keywords And Description Support (Official Meta Description Support)Yes
Multi Author SupportedYes
Unique Comment SystemYes
Custom 404 PageYes
Well DocumentationYes


Blogger Lab Responsive Template download zip file included A to Z Blogger blog Creation to Theme Instillation Help. So New Blogger’s And Professional Blogger Can Understand How to Work with this Blogger Template. If You Use My Theme and Need Help from Me I'll do my best to assist you. I Online 8 Hours Per day, So leave a comment below or send me email. My Time one GMT + 6:00). For SEO related open discussion you can write in comment section. Thank you.


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:
Blogger Lab Responsive Blogger Template
4 Stars stars - "Blogger Lab Responsive Blogger Template" Blogger Lab is a clean and Responsive Blogger Template with elegant design. This Blogger templ...

Post a Comment

দারুন হয়েছে , আমি আরোকটু এডিট করে ব্যবহার শুরু করব :)

Popular Tab er er pasher Tab e Comment widget achhe... otar jonno code ta din... amar okhane comment show kore na...

Template er all Editing and Coding shob Blogger Lab V1 Responsive folder a deya ace. Zip folder theke ->Documentation folder a dhoken tarpor ->Index file a click koren.. all code paben. R comment er code ta nice deya holo--

<div id="rcentcomnets"></div>
<script type='text/javascript'>

Ki je bolbo vai... eporjonto onek blogging korechhi... erokom theme sotti e ar paini...color combination and design... sobkichhu miliye osadharon... ami ar kokhonoi templete paltabo na....

Recent Comment e

Rafiqul Islam
on blog post

erokom na hoye....

Rafiqul islam
on Post Name (Post er nam Ta)

evabe hole valo hoto... jodi evabe kora jay, tahole kindly ektu bolen... plz

Facebook Like box ta ei theme er moto pacchhi na vai...

নিচের উইগেট এ Levels এর কোডটা পাচ্ছি না ভাই। দয়ে করে একটু দিবেন প্লিজ...

Lavel widget er code preset kora ace. Blogger Layout theke Just ''add a gadget'' option theke Label widget select koren tarpor "List" or "Cloud" style select koren taholei kaj korbe.

Official Facebook Like box code age add koren, nicer tutorial theke paben-

tar por only height ta change korte hobe. height:165px; set koren tahole kaj hobe.

Recent comment ta aaivabei coding kora. future a newly develop korbo Insallah.

Thanks. But already aro template design er kaj hate niyeci.. very soon publish korbo. Color unlimited jaita icca seitai add korte parben. Blogger Dashboard theke Template->Customization->Advance option

Full Templete er default font family ami Roboto slab dite chai... ekhetre ami kivabe kaj ta korte pari? Roboto slam font ta bangla er jonno motamuti valo.... Banglar jonno better kono font achhe? Thakle bolen...

Like box partechhi na.... Ei temolete er sathe milano ekta like box din plzzzzzzz......

Bangla Blog er jonno je kono font use korlei hobe. r English Blog ar jonno Font change korte parben.. Just go to Template ->Edit HTML and find the below font code--

<link href=',700' rel='stylesheet' type='text/css'/>

abar atake replace koren Roboto Slab font diye just like nicer code--

<link href=',700' rel='stylesheet' type='text/css'/>

tar por abar ctrl+F press kore Montserrat font er name search koren and shob Montserrat ke Roboto Slab diye replace koren Taholei font change hoye jabe.

acara apni jodi onno kono font use korte chan then details tutorial below link theke follow koron--

Facebook like box er code ta nice deya holo-- but ta replace kore apnar Blog er facebook fan page er URL add koiren.

<iframe src="//;width&amp;height=165&amp;colorscheme=dark&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=433743830038176" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:165px;" allowtransparency="true"></iframe>

Thanks for Help more times Vai......... Ekta kotha janar chhilo..... Blogger e ki member registration system achhe?

Ha registration er option ace but apnake nije Invite korte hobe. tarpor add korte parben. nicer link theke tutorial ta follow koron-

r mone rakhben Add korle author hisabe add korben onno kauke admin banaile je kono somoy se apnar Blog access restricted kore dite pare.

Related post er font ar font er size paltate parchhi na...

Apnar help er karonei ami amar site dar koralam... Thanks more... God bless u..... Site a kirokom korlam.... ektu dekhe ashben asha kore.....

Related code er font size barate hole Template->Edit HTML ar nicer code search koron. tarpor code line theke font-size:120% take 140% kore din.

#related_posts{float:left;width:97%; font-size:120%; font-family:roboto slab;}

Vai... ami partechhi na.... change kore dekhchhi.... hoyna... apni amar post e ekta comment koren.... ami apnake admin dicchhi.... kindly ektu help korben..... ei kaj ta chhara amar sob hoye gechhe.......

Hmm apnar site tar looks professional. Valo hoice.

tahole nicer line ta search koron r font size ta 140% kore den. Kaj hobe.

#related_posts h4{border-bottom:2px solid #222222;margin-bottom:2%;padding:1% 1%; font-size:120%; font-family:roboto slab;}

Apnar kotha motoi korlam.... holo na.... just ei related post ta niyei problem.... ektu kore dile better hoto vai..... eitukur jonno blog ta odd lagchhe....

Vai... comment er default avatar ta paltabo kivabe? Ekhon jeta ache seta holo blogger er icon. dekhte valo lage na.... google + e jader pic nei tader belay kharap dekhay avatar ta.....

default avatar er image ta replace koron--

aai image ta 2 bar ace.

Related post er heading ta H4 a ace.. ajonno aaita coto. but code minify kora hoyece ajonno all H4 eksathe ace. Ami aaiter V2 te shob problem gola solve korbo Insallah.

replace korlam..... blogger er icon ta jay na... :(

ভাই এত সুন্দর template বানানোর জন্য আপনাকে ধন্যবাদ। আমি আপনার এই template টা আমার সাইট এ অ্যাপ্লাই করেছি। আমি ৩টা জিনিশ জানতে চাচ্ছি-
১. পোস্ট title এর ফন্ট সাইজ এবং পোস্ট এর লেখাগুলোর ফন্ট সাইজ কিভাবে বৃদ্ধি করব
২. পোস্ট এর নিচে আপনার সাইটের মত subscribe via email উইজেট টি কিভাবে অ্যাড করব
৩. আর শেয়ার অপশন এর জন্য StumbleUpon, Digg এবং Reddit এর কোড গুলো দিলে কৃতজ্ঞ থাকতাম

1) Template -> Edit HTML tarpor nicer code line serch koron, Proyojone CTRL+F use koron.

.post-summary strong a{line-height:1.5em;font-size:160%;text-align:left;color:#000000;text-decoration:none;margin-bottom:5px;display:block;}

ekhan theke font-size:160%; take 200% othobe 180% icca moto change koron.

abar nicer code tha search koron

.post-summary p{line-height:1.5em;}

atake nicer code diye replace koron-

.post-summary p{line-height:1.5em;font-size:130%;}

ekhan theke font-size:130%; take 120% othobe 140% icca moto change koron.

2) Subscribe by email er code ekhon share korbo na. Somvoboto amar new kono template a add korbo. :calculation

3) R StumbleUpon, Digg এবং Reddit agola add korle apnar post sharing line ta 2 line hoye jabe tate template ta sundor lagbe na. :dont-know But ami arekta develop kore tutorial share korbo soon. Tokhon use korte parben.


THANK YOU BRO for your reply. One last question bro, home page এ হিডার এর নিচে LATEST POST এর পাশে যে dropdown menu button (লেভেল অনুসারে লেটেস্ট পোস্টগুলো আনা) আছে ওইটা কিভাবে রিমুভ করব? শুধু লেটেস্ট পোস্ট লেখা থাকবে কুনো dropdown menu থাকবে না। Thanks more

Just fine the below code block--

<div class='drop-menu'>
<div><div class='menuitem'><a class='itemexpend' href='#'>
Latest Post
<div class='hidden' id='droplabel'></div>
<script type='text/javascript'>

and now replace it by below code--

<div class='drop-menu'>

Latest Post

now all drop down label menu are show korbe na. Thanks.

Thanks bro. It works:music

আরেকটা জিনিশ, পোস্টে কোন Word বা Sentence BOLD করলে, সেই Word বা Sentence মেইন পোস্টে BOLD হয়ে দেখায় না :silent-cry

Word bold korle homepage a bold show krobe na.. Karon Auto readmore code only post summury show kore. Tai ooikhane specific font bold hobe na. But all summary font bold and italic kora jabe, kinto specific like bold italic show korbe na. :broke

ভাই হোমপেজে যেরকম আছে টিকই আছে। আমি মেইন পোস্টের কথা বলেছিলাম। মেইন পোস্টে কোন কিছু বোল্ড হয়ে দেখায় না যদি না সেটাতে হিডার ট্যাগ না দেই। যদি আপনি আমার নিচের লিঙ্কটা দেখেন তাহলে বুজতে পারবেন। এখানে প্রতিটা প্যারার টাইটেল বোল্ড করা যেমন Fireshot, Google Dictionary etc. কিন্তু বোল্ড হয়ে দেখাচ্ছে না।

এগুলো বোল্ড করার অন্য কুনো উপায় কি আছে

Ohh aaita to H2 tag banate hobe.. nicer tutorial link ta follow koron.. 10 ta style a aai h2 tag banano jabe.

vhi comment ar jei link ta disen .oi ta kivebe templet a bosabo aktu bole den?

Ata to Tutorial oage ta visit korlei details paben-- Oii tutorial a 10 ta style ace ami 1 ta diye example dilam--

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

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

Step 3 Now find the by pressing Ctrl+F

Step 4 Copy any code from below and Paste the code above/before

.post h3 {
border-left:10px solid #222222;
border-right:10px solid #222222;
padding:3px 5px 3px 20px;
box-shadow:0px 0px 13px #222222;
-webkit-box-shadow:0px 0px 13px #222222;
-moz-box-shadow:0px 0px 13px #222222;
.post h3:hover {
border-left:10px solid #219DFC;
border-right:10px solid #219DFC;
box-shadow:0px 0px 13px #219DFC;
-webkit-box-shadow:0px 0px 13px #32A4FC;
-moz-box-shadow:0px 0px 13px #32A4FC;

Step 5 Finally hit the Save template button.

tarpor HOW TO USE THE CODE IN BLOG POST? tutorial ta follow koron taholei kaj hobe.

vhi ami amr templet a google adsense ad korsi but ami dekhte partasi korbo akn? website link

middle-middle1 layout ai jaigai add korsilam google ad

AdSense er approval paicen?

Ami to kono problem dekhlam na.R Kono SIte a ''Privacy Policy'' cara AdSense approve kore na.Apnar site a kono Privacy Policy page nai. Apni jodi onno Blog diya AdSense approval niya thaken tahole aai Blog a ad show korbe na. Oneke YouTube diye adsense approval ney but Blog a ad show kore na. Ad Show korar jonno AdSense account a Apnar Blog URL obossoi add korte hobe.

হ্যালো ভাই, আমি একটা কাস্টমাইজ পেজ নাম্বার নেভিগেশন অ্যাড করতে চাইছিলাম। কিন্তু এজন্য বর্তমান পেজ নাম্বার নেভিগেশন এর কোডগুলো সরাতে হবে। কিন্তু আমি এই কোডগুলো থিমে খুজে পাচ্ছিনা। সো আমাকে কি প্লিজ বলবেন যে কোন কোডগুলো ডিলিট করতে হবে পেজ নাম্বার নেভিগেশন সরানোর জন্য।

যে কারনে বর্তমান কোড সরিয়ে নতুন কোড অ্যাড করতে চাচ্ছি কারন বর্তমানে যে পেজ নাম্বার নেভিগেশন আছে সেটা দিয়ে এক পেজ থেকে আরেক পেজে গেলে ফুল পেজ লোড হয় না শুধু পোস্টগুলো লোড হয়। আমি চাচ্ছিলাম ফুল পেজ যাতে লোড হয়।

aai template a Json Page navigation use kora hoice. Tai apni onno page navigation use korte parben na. But CSS code ke modify kore change looks ta change korte parben

ওকে ভাই তাহলে এমন কুনো ওয়ে কি আছে যাতে এক পেজ থেকে আরেক পেজে গেলে ফুল পেজ লোড হয়। আবার ধরেন কেউ যদি কুনো CPM অ্যাড এই থিমে ইউজ করে তাহলে তাদের আরনিং কম হবে। যেহেতু শুধু পোস্টগুলো লোড হয় অ্যাড উইজেট বা অন্য উইজেট গুলো লোড হয় না।

হয়ত আমার ধারনা ভুলও হতে পারে।

Apni jei theme ta use korcen seta amar current theme er modified version. Amar ekhon daily pageview 15000.. Page all time count hobe. sodho page navigation a konodino page count hoy na. Jokhoni kono visitor apnar post a dhokbe tokhoni page view count hobe.

Thanks ভাই, বিষয়টা জানা ছিল না।

আরেকটা লাস্ট হেল্প লাগবে ভাই। আমার একটা সাইটে আপনার এই থিমটা অ্যাপ্লাই করেছি। সাইটে পিসি থেকে ভিজিট করলে কমেন্ট করা যায় কিন্তু মোবাইল থেকে ঢুকলে কুনো পোস্টে কমেন্ট করা যায় না । প্লিজ এইটা কিভাবে সলভ করব ।

Apnake Desktop template ta Mobile a show korte hobe. Responsive template sodho aaita completely support kore. Just follow the below steps-

Step 1 Go to login page and Sign in to your account.

Step 2 From Blogger Dashboard Click on Template

Step 3 Click on Gear Icon underneath the mobile template preview


Step 4 Now select any option among two from popup window. And select below option

No, show desktop template on mobile devices

Thank you bhai. It works :)

This comment has been removed by the author.

2 ta way ace... First photoshop diye image take resize kore nite paren. Jemon amar shob post image 600px X 200px size er tai aspect ratio thik thake. R secondly apnar blog post image gola responsive kore nite pare. tar jonno nicer tutorial ta follow koron--

Mobile a internet er speed alltime kom thake tai onek somoy load hote deri kore. abar certain time pore automatically thik hoye jay.

thank you for your article. we have similar articles like these on IT GUNADARMA

Hi Hafiz.. BloggerSpice is not for spammer. This post is about free Blogger template not an article. You won't able to display your Blog's :wh hidden URL.

ভাই থিমটার কথা আর কি বলবো, কুলনা হয় না,, তবে ভাই আমার মনে হয় একটা জিনিস এর সৌন্দর্যটা কিছুটা নস্ট করছে সেটা হলো এর রিপ্লে বক্সটা অনেক চিকন, আমি এটা আরো চওড়া/প্রসস্থ করবো কিভাবে?

Apnar comment ta bujhlam na. Replay box konta? :t

ভাই রিপ্লে বক্স বলতে আমি বুঝাতে চাচ্ছি, কেউ ব্লগে কমেন্ট করলে আমরা যে রিপ্লেটা দেই, সেটা। এই ব্কটা চওয়া করবো কিভাবে?

ভাই রিপ্লে বক্স বলতে আমি বুঝাতে চাচ্ছি, কেউ ব্লগে কমেন্ট করলে আমরা যে রিপ্লেটা দেই, সেটা। এই ব্কটা চওয়া করবো কিভাবে?

Ata amar commenting system er style. Ata Threaded comment er jonno design kora. Change korte gele complete comment code change korte hobe. but ate problem ace. reply box ta right a show korar karon sohojei identify korar jonno. But joto cotoi hok apnar full comment show korbe. :si

Ahmed Shafi 8/24/2016

ভাই, আমি এই থিম ইউজ করি। এতদিন ভালই চলতেছিল। কিন্তু হটাত করে গত কয়েকদিন ধরে নাম্বার পেজ লোডিং কাজ করতেছেনা। কেন হচ্ছে? এটার কোন সমাধান আছে?

Ahmed Shafi 8/24/2016

আপনার সাইটে দেখতে পাচ্ছি। আপ্নিও ডিজাইনটা চেঞ্জ করে ফেলেছেন। আগে কুনো পেজ নাম্বারে ক্লিক করলে একটা জিপ ফাইল ঘুরত এবং নতুন পেজ লোড হত। আর এখন এসব কিছু না দেখিয়ে ডিরেক্ট পেজ লোড হয়।

Ahmed Shafi,
Aai problem solve er jonno apni nicher URL follow kore amar latest tutorial ta follow koron..Apnar problem solve hobe. Aai problem ta Google Blogger er. Ajax script kaj kortace na. Just ajax ta disable korte hobe. :-d

Ha ami amar site theke Ajax script disable kore dici. tai ekhon r loading animation show korbe na. ooita Ajax based cilo.

ভাই দুইটা ব্যাপারে হেল্প চাচ্ছি।
১:- পোস্টের ভেতর কোন bold font ব্যাবহার করলে সেটা bold দেখায় না এটা কিভাবে ঠিক করবো?
২:- থিমটাে নেগেভিশনে দুইটা গ্যাজেট আছে, ১:-popular post;2:- comment. আমি এটাতে আরো একটা গ্যাজেট যুক্ত করতে চাই, ঠিক Yellowiish Template টার মত।

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *