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.
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
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 boxTypes : { 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.
- Column left: <span data-type="tyleft" data-label="News"></span>
- 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 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;Example:
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
[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
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
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
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.
How To Setup Bpress Blogger Template [TemplatesYard]
Reviewed by TemplatesYard
on
August 26, 2017
Rating:
ReplyDeleteHello,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.
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.
DeleteHello,i have a problem of my post thumbnail.How to fix blurry thumbnails?thank you for your tips.
DeleteUpload image in higher resolution with original size setting.
DeleteHello, 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
ReplyDeleteplease help me for i have been down for a month now
There is nothing wrong with the template. please check your codes.
Deletehello i try to buy but not able card detail rong show
ReplyDeleteContact the creator here.
Deletehttp://www.templatesyard.com/p/contact-us.html
"Recent posts" on right sidebar is not work
ReplyDeletei 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
ReplyDeleteany idea how to fix this and thank you so much
It automatically add's the label as title.
Deletehello your template so beautifull but iam facing issue i post 10 post with label "action"
ReplyDeletebut 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
Have you added 8 in the postnavigation widget in the layout.
Deleteno i did not added any thing in post navigation please help me how i resolve it i haev only this problem sir
DeleteWe have added a script to control the post number on label pages, becasue by default it loads all the post under that label.
DeleteOne more question how can i make sub links on Top menu ( main menu)
ReplyDeleteTop Menu doesn't support's sub link.
Deletethis 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
ReplyDeleteAs we can see your blog, you have set the post count 7 in blog settings and 6 in PageNavi Results No: settings.
DeleteTuday I bought This theme But """"Fixed Sidebar (trure/false):
ReplyDeleteAdd (true) to Fix the sidebar, to unfix just add (false)"""" Not Working.... Always Fixed.... I want it unfix.
You Blog Link.
DeleteHi! How can I change "2 mounths ago" to "25/10/2017"?
ReplyDeleteIt can be done in premium only.
DeleteHow to remove the author's name from the widget ?
ReplyDeleteSorry 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.
Deletei love your template, https://ragilgirisarbani.blogspot.co.id/
ReplyDeletehi
ReplyDeletehow can i add adsense ads in my blog post ... below title , end or centre.
Those ad slots are for custom ads, if you want to add adsense then you have to do it manually from HTML code.
Delete
ReplyDeleteHello
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
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.
ReplyDeletePS: I submitted all codes you have provided in this documentation.
Hello...
ReplyDeleteLet 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.
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.
DeleteReally 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.
ReplyDeleteTİCKER NEWS-OK
FEATURED - OK
RÖPORTAJLAR - OK
WEB TASARIMI-OK
Recent Post - WANT to DELETE and ı cant find widget
SOSYAL MEDYA-OK
Are you talking about the recent post in sidebar or in the main area ?
Deletein the main area. my blog pagelink : https://unsalanwebtasarim.blogspot.com.tr/
DeleteThat part carries bloggers official recent post widget, it won't be a good decision to hide it.
Deletethnx 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.
DeleteIf you just want to change the title just search it in the code.
Deletethnx. well done it :)
Deletehow to paste the goolge adsene code to my blog?
ReplyDeleteAdd a html/javascript widget from layout and paste you ad code in the content area.
Deletehow can ı show widgets in pages ? for example ı wnat to show in my PAGES visitors to
ReplyDeletespan data-type="tysum" data-label="......" data-no="3"></span . and how can ı do close sidebar section in pages
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.
DeleteI purchase Bpress premium blogger theme, but Google PageSpeed Insights rank is Poor. For Mobile=58 and Desktop=71, resolve the issue. Thanks.
ReplyDeleteMy Blog: www.myfestivalshops.com
Google pagespeed aren't proper way to test speed of blogspot blogs.
Deletecan you sent the thema to me please i need it, and can you make active quick edit
DeleteWe 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.
DeleteSuch a nice theme for blogger
ReplyDeleteAdsense Ad above post and below post is not working fine.
ReplyDeleteThose ad slots are only available for custom ads.
DeleteHola, una consulta ,
ReplyDeleteEstoy 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 .
An update will be published soon to remove the automatic functionality of tag adding feature.
Delete
ReplyDeleteHow can I do to get you the temple? How much does it cost and how do I pay?
Use this link to buy the template.
Deletehttps://gum.co/bpress
How to remove the automatic functionality of tag adding feature? I'm using premium version
ReplyDeleteCan you share screenshot.
DeleteHOW CAN I CHANGE FONTS
ReplyDeleteSorry 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.
Deletecan i use this template for my website ?
ReplyDeletehow to customize using cpanel from bigrock or godaddy?
This template only supports blogspot platform.
DeleteWhat is the benefit of having premium template? Is there more space & more customized design? More add space?
ReplyDeleteCheck the comparison here.
Deletehttp://www.templatesyard.com/2017/08/bpress-news-magazine-blogger-template.html
Well, if I purchase a template/ get premium, can i customize the way i want/ need?
DeleteCustomization depends upon your knowledge and how you use the functions.
DeleteI Purchased BPRESS, but recent post is not showing in BPRESS Blogger Template e.g. TICKER "recent", Featured Post "recent" is not showing, why please.
ReplyDeleteHow to make popular post in footer?
ReplyDeleteYou can do that from layout.
DeleteFor code??
DeletePopular post can be added through layout using add a gadget option.
Deleteother question... after setting some features on my blog,
ReplyDeletemy blog changed not to show that feature... please help me... this my blog https://www.megalife.media/ iam premium user
What kind of feature are you talking about.
DeleteI delete some widget on footer.. and adding link on menu.. adding link on subscribe... Etc
DeleteAfter i try to restore the widget, i still have the problem..
DeleteFollow the above process it will work fine.
DeleteHi, 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.
ReplyDeleteShare your blog link.
DeleteFixed! Thanks.
Deletehello,One Problem suddenly happen with me, main feature post and thicker update stop to viewing,i can't understand how to fix it.
ReplyDeleteShare your blog link.
DeleteHi, How to resize my post/template thumbnail? Thanks in advance.
ReplyDeleteWe don't recommend that as it will affect responsiveness.
Deleteslider not working what can i do
ReplyDeleteIf you add atleast one label to every posts
DeleteIf 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.
my blog public yes but i need this slider or same
Deleteand ..
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?
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.
DeleteHi how to add when we have multiple labels for the same post.
ReplyDeleteWhat 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
Share your blog url.
Deletehttps://www.tellysamachar.com/
DeleteThe post of the label that you will enter will be visible.
DeleteI 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.
ReplyDeleteYou can do this by layout
DeleteI'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?
ReplyDeletePlease share your blog url.
Deletehttps://www.trailerjar.com/
DeleteHi! How can I remove the thumbnails in the marked part of the picture?
ReplyDeletePicture= https://prnt.sc/yvq18m
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