HOT!Buy Ready-Made Authority WebsitesClick Here

Making Blogger Professional, Important Updates !!

Hello SoraBloggingTips Readers, If you are reading this, then we would like to appreciate your efforts for being supportive. We know its har...

How To Setup Bpress Blogger Template [TemplatesYard]

Bpress is a lite weight magazine blogger template loaded with tons of content based featured widgets for recent and label specific posts. Bpress is equipped with various of widgets which will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation, so that you can setup your blog correctly. You have made a good decision by choosing our template.
You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

Video Documentation

You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - How To Setup Jasmine Blogger Template - Way2Themes

Top Navigation

Access your blog Layout > click Edit link on Top Navigation widget.

Social Top Widget/Social Footer Widget

Access your blog Layout > click Edit link on Social Top widget.

Icons Available { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen}

Main Menu/ DropDown/ Multi DropDown

Access your blog Layout > click Edit link on Main Menu widget.
Normal Link : Features
Sub Link: _Sub Link 1.0 (before the link add "_") 1 underscore
Sub Link 2: __Sub Link 1.1 (before the link add "__") 2 underscore

Ticker News

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Ticker News Section, and then add one of the following

  • Recent Posts: <span data-type="recent" data-no="5"></span>
  • Label / Tag Ex: <span data-type="label" data-label="Sports" data-no="5"></span>

Main Featured Post 

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section, and then add one of the following.

  • Recent Posts: <span data-type="tyard-recent"></span>
  • Label / Tag Ex: <span data-type="tyard-label" data-label="Sports"></span>

Slider Widget 

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section, and then add one of the following.

  • Recent Posts<span data-type="ty-latest-slide" data-no="6"></span>
  • Label / Tag Ex<span data-type="ty-tag-slide" data-label="Sports"  data-no="6"></span>

Content Featured Widgets

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Box Layout / Box Layout 2 / Gallery Section, and add the type of the desired box

Types : { tybox, tylist ,  tyleft , tyright , tysum, tygrid }

  • tybox:  <span data-type="tybox" data-label="Food" data-no="4"></span>
  • tylist: <span data-type="tylist" data-label="Technology"></span>

  • Column has two option one for left and other one for right.
  1. Column left: <span data-type="tyleft" data-label="News"></span>
  2. Column Right: <span data-type="tyright" data-label="Sports"></span>

  • tysum: <span data-type="tysum" data-label="Video" data-no="3"></span>

  • tygrid: <span data-type="tygrid" data-label="Video" data-no="6"></span>

Custom Widgets

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar or Footer section, you must place the following codes highlighted in blue below.

  • Recent Post
Recent Posts: <span class="latestposts" data-no="5"></span>

  • Label Posts
Post Per Tag: <span class="tagpost" data-label="Break" data-no="5"></span>

  • Recent Comments
Recent Comments: <span class="latestcomments" data-no="5"></span>

After add, click save.

Social Counter

Go to Layout > Social Counter Area > Click on Edit > and follow this steps below.
On "New Site Name" fild1 field add Social Name [Social Counter].
And on "New Site URL" fild2 field add your Social Url.

  • Exemple: Only this Socials Supported !

facebook count=3.5k;
twitter count=1.7k;
gplus count=735;
youtube count=2.8k;
pinterest count=524;
dribbble count=7.3m;
instagram count=849;
rss count=286;

Comments System

Access your blog Layout > click Edit link on Comments System widget.
Add one of the following provisions
  • [blogger] for blogger comments
  • [facebook] for facebook comments
  • [disqus] for disqus comments

you can add one system, two or three as you like and with arrangement you want for example

Disqus Shortname

Access your blog Layout > click Edit link on Disqus Shortname widget.
What you have to do is just add the shortname

Facebook Page Plugin:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>
or you can follow this tutorial if above method won't work

Author Profile Details

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Post Author Details section, you must place the codes in the blank space.

Author Social Widget

Go to your blogger dashboard > Layout > click Edit link on Author Social widget.

In the "New Site Name" field replace the word "facebook" with any social media website (twitter, youtube, google-plus, etc...).

Note: keep in mind that this template uses the "Font Awesome" service for the icons. 
Follow this link for the complete set of icons that this service provides: 

Footer Navigation

Access your blog Layout > click Edit link on Topnav widget.

it automatically picks pages and page links but in case it doesn't pick, please see the above image to add one, you can also add external links(Links from somewhere else).


  • Full Width Post;
Go to Pages or Posts > New Page or Post
On the new page content/post content after adding the page/post title, add the [full_width] code in the page content area.
  • Left Sidebar;
Go to Pages or Posts > New Page or Post
On the new page content/post content after adding the page/post title, add the [left_sidebar] code in the page content area.
  • Right Sidebar;
Go to Pages or Posts > New Page or Post
On the new page content/post content after adding the page/post title, add the [right_sidebar] code in the page content area.
  • Sitemap Page;
Go to Pages > New Page
On the new page content after adding the page title and hiding the comments using options, add the [sitemap] code in the page content area.

Theme Option

Full Width Version(trure/false):

  • Add (true) to Boxed, to return the Full version just add (false)

Label Icons CSS:

  • Add your custom icons, just FontAwesome
Demo CSS
a.Video:before {content:"\f144"}
a.Car:before {content:"\f1b9"}
a.Business:before {content:"\f0b1"}
a.People:before {content:"\f183"}
a.Nature:before {content:"\f06c"}
a.Fashion:before {content:"\f0c4"}
a.Gallery:before {content:"\f03e"}
a.Technology:before {content:"\f1e6"}
a.Learn:before, a.Culture:before {content:"\f02d"}
a.Music:before {content:"\f001"}
a.Sports:before {content:"\f091"}
a.Children:before {content:"\f1ae"}
a.Photography:before {content:"\f030"}
a.Beauty:before {content:"\f004"}

PageNavi Results No:

  • Type your number for Page Navigation, Default is "8"

Fixed Sidebar (trure/false):

  • Add (true) to Fix the sidebar, to unfix just add (false)

Theme Colors

Access your blog Template > click Customize.
Here is where you can change the main color of the model, using your favorite colors.

Installation And Custom Services

We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.

Only Premium Buyers will get the widget codes available in the demo.
If you are a premium version user and you are having any problem while setting up the template please contact us by going to this link (Contact Form).
How To Setup Bpress Blogger Template [TemplatesYard] How To Setup Bpress Blogger Template [TemplatesYard] Reviewed by TemplatesYard on August 26, 2017 Rating: 5


  1. Hello,i have a problem with the Bpress( made by ,I save any page for offline use,saved page becomes becomes distort .Specially its Main menu,newsletter subsciption box,about me,soci media icons and page layout setting.
    Whats the solution reply mesoon because ,I have applied this theme on my blog.
    I have got the same results using both Chrome and Microsoft edge browsers.The provided demo page also have this problem.

    1. Since blogger's backend is managed by google, we don't have access in it. So it's impossible to show exact same look and feel on offline version.

    2. Hello,i have a problem of my post thumbnail.How to fix blurry thumbnails?thank you for your tips.

    3. Upload image in higher resolution with original size setting.

  2. Hello, please i have a fully approved non hosted account Adsense but ads not displaying. I can only see ads in preview mode. Please help me... i've tried Adsense forums but not helpful.

    please help me for i have been down for a month now

    1. There is nothing wrong with the template. please check your codes.

  3. hello i try to buy but not able card detail rong show

    1. Contact the creator here.

  4. "Recent posts" on right sidebar is not work

  5. i cant change the names of the widgets, whatever i wrote it shows me just ;breaking news; but i want to name it videos or facts or something else
    any idea how to fix this and thank you so much

  6. hello your template so beautifull but iam facing issue i post 10 post with label "action"
    but when i open the lable its showing 8 posts and on the recent post tab its also showing 8 post whats wroung with template please help me

    1. Have you added 8 in the postnavigation widget in the layout.

    2. no i did not added any thing in post navigation please help me how i resolve it i haev only this problem sir

    3. We have added a script to control the post number on label pages, becasue by default it loads all the post under that label.

  7. One more question how can i make sub links on Top menu ( main menu)

  8. this is not good sir your page navigation not working correct please check my website check my label action i upload 9 post in action label and showing 4

    1. As we can see your blog, you have set the post count 7 in blog settings and 6 in PageNavi Results No: settings.

  9. Tuday I bought This theme But """"Fixed Sidebar (trure/false):

    Add (true) to Fix the sidebar, to unfix just add (false)"""" Not Working.... Always Fixed.... I want it unfix.

  10. Hi! How can I change "2 mounths ago" to "25/10/2017"?

  11. How to remove the author's name from the widget ?

    1. Sorry we can't provide support on additional customization rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

  12. i love your template,

  13. hi
    how can i add adsense ads in my blog post ... below title , end or centre.

    1. Those ad slots are for custom ads, if you want to add adsense then you have to do it manually from HTML code.


  14. Hello
    I have a problem with my blog link

    it does not display correctly the templete I like I want to buy it
    if i correct these bugs please help me

  15. I am using this template for our Technology blog and the widgets like Ticker, Recent Posts, Post Slider are not working. What's the issue with your templates, most of the templates have the same problem. Waiting for your reply.

    PS: I submitted all codes you have provided in this documentation.

  16. Hello...

    Let me give kudos for this stupendous design. However, none of my Ad is displaying for the past 2 days now. My site is: Actually, it was displaying before [at the initial stage after the installation of the template], but suddenly it stopped. And there is nothing wrong with the Ad Codes cause I'm using them for other sites like, One thing I noticed over time is that: when the network is bad and the page could not load appropriately, I get to see an image showing as if it's coming up. But then, when the network is good and the page loads fully, all the Ads won't display at all.

    Please, I need help/hint - if there is any.

    1. It's not because of the template neither with the connection but sometimes there were no ads to show so it shows blank ads, as we checked your site and ads were visible.

  17. Really perfect template. Congratulations. But ı have a question to whom it may concern. ı worked to customization all day. I cant find a way delete recent post section. My blog page is turkish. if possible for look my blog page, ı need to help that how can ı do. this is only problem for me :) this section is recent posts.

    Recent Post - WANT to DELETE and ı cant find widget

    1. Are you talking about the recent post in sidebar or in the main area ?

    2. in the main area. my blog pagelink :

    3. That part carries bloggers official recent post widget, it won't be a good decision to hide it.

    4. thnx your advise. ok. so how can ı change title of section and how can ı do to change label. ı cant find in my layout page about this section.

    5. If you just want to change the title just search it in the code.

  18. how to paste the goolge adsene code to my blog?

    1. Add a html/javascript widget from layout and paste you ad code in the content area.

  19. how can ı show widgets in pages ? for example ı wnat to show in my PAGES visitors to
    span data-type="tysum" data-label="......" data-no="3"></span . and how can ı do close sidebar section in pages

    1. Sorry we can't provide support on additional customization rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

  20. I purchase Bpress premium blogger theme, but Google PageSpeed Insights rank is Poor. For Mobile=58 and Desktop=71, resolve the issue. Thanks.
    My Blog:

    1. Google pagespeed aren't proper way to test speed of blogspot blogs.

    2. can you sent the thema to me please i need it, and can you make active quick edit

    3. We have hidden the quick edit deliberately, You first have to add css and then change the html of each and every quickedit to make it visible.

  21. Such a nice theme for blogger

  22. Adsense Ad above post and below post is not working fine.

    1. Those ad slots are only available for custom ads.

  23. Hola, una consulta ,
    Estoy tratando de editar los tag que vienen por defecto en la pantalla de inicio(exactamente en los widgets) como FOOD,FASHION,TEGNOLOGIC,SPORTS,NEWS,VIDEOS,pero por mas que los cambie en el diseño de la plantilla estos siguen siendo igual y se distorsiona algunos tag,como puedo hacer para cambiar estos tag con etiquetas que deseo crear.
    Me ayudan por favor.

    Mil gracias .

    1. An update will be published soon to remove the automatic functionality of tag adding feature.


  24. How can I do to get you the temple? How much does it cost and how do I pay?

    1. Use this link to buy the template.

  25. How to remove the automatic functionality of tag adding feature? I'm using premium version

  26. Replies
    1. Sorry we can't provide support on additional customization (Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

  27. can i use this template for my website ?
    how to customize using cpanel from bigrock or godaddy?

    1. This template only supports blogspot platform.

  28. What is the benefit of having premium template? Is there more space & more customized design? More add space?

    1. Check the comparison here.

    2. Well, if I purchase a template/ get premium, can i customize the way i want/ need?

    3. Customization depends upon your knowledge and how you use the functions.

  29. I Purchased BPRESS, but recent post is not showing in BPRESS Blogger Template e.g. TICKER "recent", Featured Post "recent" is not showing, why please.

  30. How to make popular post in footer?

  31. other question... after setting some features on my blog,
    my blog changed not to show that feature... please help me... this my blog iam premium user

    1. What kind of feature are you talking about.

    2. I delete some widget on footer.. and adding link on menu.. adding link on subscribe... Etc

    3. After i try to restore the widget, i still have the problem..

    4. Follow the above process it will work fine.

  32. Hi, I am using BPress template. It is amazing. I got a problem. The search option ( & the one beside it) came down from menu bar. How to fix it? Thank you.

  33. hello,One Problem suddenly happen with me, main feature post and thicker update stop to viewing,i can't understand how to fix it.

  34. Hi, How to resize my post/template thumbnail? Thanks in advance.

    1. We don't recommend that as it will affect responsiveness.

  35. slider not working what can i do

    1. If you add atleast one label to every posts
      If your blog is public,
      If your feed is full,
      If you have activated every widget
      If you have used correct shortcodes.

      Then it will definitely work.

    2. my blog public yes but i need this slider or same
      and ..
      another thing i try to change the font but i cant i need to change this font bcoz i am using arabic word and style bad for arabic word only good with english word can u tell me how i change font?

    3. Sorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

  36. Hi how to add when we have multiple labels for the same post.
    What is the code for it?
    When i am labelling to sub labels the code is not working.
    For eg: Labels: Lyrics->Hindi Lyrics->Web Series Lyrics.

    My labels are not working if i am adding more than one label for the particular post


    2. The post of the label that you will enter will be visible.

  37. I have purchased Premium BPress template. I want to know how I can change default "Responsive Ads here" Red banner and place my ad code? Kindly guide me.

  38. I'm premium user of this template. I am trying to set FontAwesome icons in the navigation but it is not displaying. I have your other premium templates as well there it is visible but on BPRESS it's not visible. How can I fix that?

  39. Hi! How can I remove the thumbnails in the marked part of the picture?


    1. Sorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.


Note : -We have stopped giving support to free version users, please read this article Making Blogger Professional, Important Updates !!. If You Are Facing Any Problem While Setting Up The Free Theme, Then We Recommend You To Read Our FAQ(Frequently Asked Question) Page.