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;
Example:

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
[facebook]
[disqus]
[facebook][disqusss]
[blogger][facebook]
[facebook][blogger]
[disqus][facebook][blogger]
[blogger][disqus][facebook]

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); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/templatesyard" 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).

Shortcodes

  • 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

96 comments:



  1. Hello,i have a problem with the Bpress( made by templatesyard.com).When ,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.

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

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

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

      Delete
  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. www.wegossipgh.com

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

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

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

    ReplyDelete
    Replies
    1. Contact the creator here.
      http://www.templatesyard.com/p/contact-us.html

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

    ReplyDelete
  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

    ReplyDelete
  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

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

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

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

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

    ReplyDelete
  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 https://allinoneefree.blogspot.com/search/label/action?&max-result=8

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

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

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

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

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

      Delete
  12. i love your template, https://ragilgirisarbani.blogspot.co.id/

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

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

      Delete

  14. Hello
    I have a problem with my blog link https://bon-apetis.blogspot.com


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

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

    ReplyDelete
  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: www.suretori.com. 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, jesuskidskn.blogspot.com. 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.

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

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

    TİCKER NEWS-OK
    FEATURED - OK
    RÖPORTAJLAR - OK
    WEB TASARIMI-OK
    Recent Post - WANT to DELETE and ı cant find widget
    SOSYAL MEDYA-OK

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

      Delete
    2. in the main area. my blog pagelink : https://unsalanwebtasarim.blogspot.com.tr/

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

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

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

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

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

      Delete
  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

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

      Delete
  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: www.myfestivalshops.com

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

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

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

      Delete
  21. Such a nice theme for blogger

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

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

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

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

      Delete

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

    ReplyDelete
    Replies
    1. Use this link to buy the template.
      https://gum.co/bpress

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

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

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

    ReplyDelete
    Replies
    1. This template only supports blogspot platform.

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

    ReplyDelete
    Replies
    1. Check the comparison here.
      http://www.templatesyard.com/2017/08/bpress-news-magazine-blogger-template.html

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

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

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

    ReplyDelete
  30. How to make popular post in footer?

    ReplyDelete
  31. other question... after setting some features on my blog,
    my blog changed not to show that feature... please help me... this my blog https://www.megalife.media/ iam premium user

    ReplyDelete
    Replies
    1. What kind of feature are you talking about.

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

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

      Delete
    4. Follow the above process it will work fine.

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

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

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

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

      Delete
  35. slider not working what can i do

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

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

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

      Delete
  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

    ReplyDelete
    Replies
    1. https://www.tellysamachar.com/

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

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

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

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

    Picture= https://prnt.sc/yvq18m

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

      Delete

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.