Blogger Lab Responsive Blogger Template
Blogger Lab Responsive Blogger 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.
Blogger Lab Responsive Template
Version: 1.1
Platform: Blogger / Blogspot
Release date : 20th May 2015
Updated : 26th 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-
| Features | Availability |
|---|---|
| Responsive Template Design | Yes Check |
| Unlimited color Changeable option | Yes |
| SEO friendly | Yes |
| Fast Loading | Yes Check |
| Auto Blog Post summarize And Read More Button | Yes |
| Auto Image Crop With Thumbnail (Home Page and Label Page Only) | Yes |
| Dynamic Heading | Yes |
| CSS And HTML Base Menu With Drop down (Superfish) | Yes |
| Sidebar Tabs Widgets ready (Powered By Jquery) | Yes |
| User Friendly JASON Search Box | Yes |
| 2 Column Style | Yes |
| Beautiful Layout Style | Yes |
| Clean Typography | Yes |
| Custom Official RSS Subscription Widget | Yes |
| Font Awesome 4.3.0 based icons (Latest Version) | Yes |
| CSS Based Social Share Widget (Placed Post Footer) | Yes |
| Ads Banner Ready | Yes |
| Breadcrumbs | Yes |
| Related Posts with Thumb | Yes |
| Social Share Button | Yes |
| Numbered Page Navigation | Yes |
| Flicker Image Gallery | Yes |
| Bouncing back To Top | Yes |
| Shortcodes | Yes |
| Meta Keywords And Description Support (Official Meta Description Support) | Yes |
| Multi Author Supported | Yes |
| Unique Comment System | Yes |
| Custom 404 Page | Yes |
| Well Documentation | Yes |
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/
দারুন হয়েছে , আমি আরোকটু এডিট করে ব্যবহার শুরু করব :)
Thanks Naeem.
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 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>
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
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
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-
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.
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
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...
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='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
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&width&height=165&colorscheme=dark&show_faces=true&header=false&stream=false&show_border=false&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-
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.
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..... http://riheera.blogspot.com
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--
http://1.bp.blogspot.com/-_-sn_E_tQ7k/VVHUzDGGXPI/AAAAAAAALZI/IZgOJOxLLAQ/s1600/BS%2Banon.jpg
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 এর কোড গুলো দিলে কৃতজ্ঞ থাকতাম
Thanks.....
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
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
</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.
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. কিন্তু বোল্ড হয়ে দেখাচ্ছে না।
http://www.minicric.com/2015/05/most-useful-google-chrome-extensions.html
এগুলো বোল্ড করার অন্য কুনো উপায় কি আছে
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
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 {
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.
:drop2
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
AdSense er approval paicen?
yes...
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 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
Thank you bhai. It works :)
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.
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.
ভাই থিমটার কথা আর কি বলবো, কুলনা হয় না,, তবে ভাই আমার মনে হয় একটা জিনিস এর সৌন্দর্যটা কিছুটা নস্ট করছে সেটা হলো এর রিপ্লে বক্সটা অনেক চিকন, আমি এটা আরো চওড়া/প্রসস্থ করবো কিভাবে?
Hi RTBD,
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,
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
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 টার মত।