Blogger Lab Responsive Blogger Template

Blogger Lab Responsive Blogger Template

data:blog.title
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
Website: www.bloggerspice.com
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-

FeaturesAvailability
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
BreadcrumbsYes
Related Posts with ThumbYes
Social Share ButtonYes
Numbered Page NavigationYes
Flicker Image GalleryYes
Bouncing back To TopYes
ShortcodesYes
Meta Keywords And Description Support (Official Meta Description Support)Yes
Multi Author SupportedYes
Unique Comment SystemYes
Custom 404 PageYes
Well DocumentationYes

Support

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.

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.0/
Nayem says: 5/20/2015

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

BloggerSpice says: ADMIN 5/20/2015

Thanks Naeem.

রফিকুল ইসলাম হীরা says: 5/21/2015

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

BloggerSpice says: ADMIN 5/22/2015

Template er all Editing and Coding shob Blogger Lab V1 Responsive Template.zip 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'>
jQuery("#rcentcomnets").RecentComments();
</script>

রফিকুল ইসলাম হীরা says: 5/22/2015

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

রফিকুল ইসলাম হীরা says: 5/22/2015

Recent Comment e

Rafiqul Islam
on blog post
sdadjassajdasdakjsbds

erokom na hoye....

Rafiqul islam
on Post Name (Post er nam Ta)
sadhkjsadkjasgdndashd

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

রফিকুল ইসলাম হীরা says: 5/22/2015

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

রফিকুল ইসলাম হীরা says: 5/22/2015

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

BloggerSpice says: ADMIN 5/22/2015

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.

BloggerSpice says: ADMIN 5/22/2015

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

http://www.bloggerspice.com/2014/03/How-to-Add-Official-Facebook-Fan-Box-Plugin-on-Google-Blogger.html

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

BloggerSpice says: ADMIN 5/22/2015

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

BloggerSpice says: ADMIN 5/22/2015

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

রফিকুল ইসলাম হীরা says: 5/22/2015

THANKS RABBI VAI...
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...

রফিকুল ইসলাম হীরা says: 5/22/2015

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

BloggerSpice says: ADMIN 5/22/2015

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='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'/>

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

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,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--

http://www.bloggerspice.com/2014/11/How-to-use-custom-Google-font-in-website.html

BloggerSpice says: ADMIN 5/22/2015

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

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com/BloggerSpice&amp;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>

রফিকুল ইসলাম হীরা says: 5/22/2015

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

BloggerSpice says: ADMIN 5/22/2015

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

http://www.bloggerspice.com/2015/03/Invite-and-add-new-author-in-blogger-site-for-contribution.html

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

রফিকুল ইসলাম হীরা says: 5/22/2015

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

রফিকুল ইসলাম হীরা says: 5/23/2015

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

BloggerSpice says: ADMIN 5/23/2015

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;}

রফিকুল ইসলাম হীরা says: 5/23/2015

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

BloggerSpice says: ADMIN 5/23/2015

Hmm apnar site tar looks professional. Valo hoice.

BloggerSpice says: ADMIN 5/23/2015

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;}

রফিকুল ইসলাম হীরা says: 5/23/2015

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

রফিকুল ইসলাম হীরা says: 5/23/2015

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

BloggerSpice says: ADMIN 5/23/2015

default avatar er image ta replace koron--

http://1.bp.blogspot.com/-_-sn_E_tQ7k/VVHUzDGGXPI/AAAAAAAALZI/IZgOJOxLLAQ/s1600/BS%2Banon.jpg

aai image ta 2 bar ace.

BloggerSpice says: ADMIN 5/23/2015

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.

রফিকুল ইসলাম হীরা says: 5/23/2015

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

Mijan Ahmed says: 6/04/2015

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

BloggerSpice says: ADMIN 6/04/2015

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.

Thanks

Mijan Ahmed says: 6/05/2015

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

BloggerSpice says: ADMIN 6/07/2015

Just fine the below code block--

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


and now replace it by below code--

<div class='drop-menu'>

Latest Post
</div>



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

Mijan Ahmed says: 6/14/2015

Thanks bro. It works:music

Mijan Ahmed says: 6/14/2015

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

BloggerSpice says: ADMIN 6/14/2015

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

Mijan Ahmed says: 6/14/2015

ভাই হোমপেজে যেরকম আছে টিকই আছে। আমি মেইন পোস্টের কথা বলেছিলাম। মেইন পোস্টে কোন কিছু বোল্ড হয়ে দেখায় না যদি না সেটাতে হিডার ট্যাগ না দেই। যদি আপনি আমার নিচের লিঙ্কটা দেখেন তাহলে বুজতে পারবেন। এখানে প্রতিটা প্যারার টাইটেল বোল্ড করা যেমন Fireshot, Google Dictionary etc. কিন্তু বোল্ড হয়ে দেখাচ্ছে না।
http://www.minicric.com/2015/05/most-useful-google-chrome-extensions.html

Mijan Ahmed says: 6/14/2015

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

BloggerSpice says: ADMIN 6/14/2015

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

http://www.bloggerspice.com/2015/01/how-to-add-10-sub-headline-design-for-Blogger-Blog-post.html

Unknown says: 6/14/2015

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

BloggerSpice says: ADMIN 6/15/2015

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 {
color:#222222;
border-left:10px solid #222222;
border-right:10px solid #222222;
padding:3px 5px 3px 20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #222222;
-webkit-box-shadow:0px 0px 13px #222222;
-moz-box-shadow:0px 0px 13px #222222;
}
.post h3:hover {
color:#219DFC;
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.

Unknown says: 6/18/2015

:drop2

Unknown says: 6/18/2015

vhi ami amr templet a google adsense ad korsi but ami dekhte partasi na...ki korbo akn?

http://www.fxbestpromotion.com .....my website link

middle-middle1 layout ai jaigai add korsilam google ad

BloggerSpice says: ADMIN 6/19/2015

AdSense er approval paicen?

Unknown says: 6/19/2015

yes...

BloggerSpice says: ADMIN 6/19/2015

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.

Mijan Ahmed says: 8/24/2015

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

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

BloggerSpice says: ADMIN 8/24/2015

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

Mijan Ahmed says: 8/24/2015

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

Mijan Ahmed says: 8/24/2015

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

BloggerSpice says: ADMIN 8/24/2015

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.

Mijan Ahmed says: 8/31/2015

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

Mijan Ahmed says: 8/31/2015

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

BloggerSpice says: ADMIN 9/01/2015

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 http://blogger.com/ 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

template

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

No, show desktop template on mobile devices

Mijan Ahmed says: 9/01/2015

Thank you bhai. It works :)

Mijan Ahmed says: 9/04/2015
This comment has been removed by the author.
BloggerSpice says: ADMIN 9/05/2015

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

http://www.bloggerspice.com/2015/03/make-blogger-blog-post-image-responsive.html

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

hafiz says: 6/02/2016

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

BloggerSpice says: ADMIN 6/04/2016

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.

S Alam says: 8/20/2016

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

BloggerSpice says: ADMIN 8/21/2016

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

S Alam says: 8/22/2016

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

S Alam says: 8/22/2016

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

BloggerSpice says: ADMIN 8/22/2016

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/23/2016

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

Ahmed Shafi 8/23/2016

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

BloggerSpice says: ADMIN 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

http://www.bloggerspice.com/2016/08/ajax-page-navigation-problem.html

BloggerSpice says: ADMIN 8/24/2016

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

S Alam says: 10/02/2016

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

Contact Form

Name

Email *

Message *