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 Rose Blog Blogger Template

Rose Blog Blogger Template

Rose Blog is an elegantly designed minimal blogger template. It is perfect for the personal, travelling, fashion, photography, food, recipe and news blogs. Rose Blog 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.


How to add icons in the top navigation? 

Select an icon >> FontAwesome <<, Example  <i class="fa fa-download"></i>

Example: <i class="fa fa-download"></i>Download this Theme

Top Social Widget

Go to your blogger dashboard > Layout > click Edit link on Top Social widget.
Icons Avaliables { facebook, twitter, gplus, linkedin, instagram, pinterest }

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


How to add icons in links ?

For the main menu it is necessary to convert the icons! >> Site to Convert <<

Example Normal Link: &lt;i class=&quot;fa fa-newspaper-o&quot;&gt;&lt;/i&gt;Latest News 

Sub Link: _&lt;i class=&quot;fa fa-hand-o-left&quot;&gt;&lt;/i&gt;Left Sidebar

Image Example:

Label Based Slider Post Widgets


Access your blog Layout > click Edit link. add your desired name in the title section and desired label in the html/javascript area.
  • Featured Post. (Max post - 8)
Image Example:


Pagenavigation Results

Access your blog Theme > click Edit Html and then find the following coding.

<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>

Change the value of   var perPage=7;  from 7 to any number you want (Archive).

Facebook Page Plugin:

<center><div class="fb-page" data-href="https://www.facebook.com/soratemplates/" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

or you can follow this tutorial if above method won't work

Instagram Widget

Access your blog Layout > click Edit link on Instagram Widget.

Paste this Below code into it.
<div id='instafeed'/>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
 get: 'user',
 userId: 3541708255,
  limit:6,
  sortBy:'random',
accessToken: '3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>',
 resolution: 'standard_resolution'
 });
 feed.run();
//]]>
</script></div>
In above code you you will see a

accessToken: ‘3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88′,

This – 3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88 is a access token ID.

Now you need to create you new one and replace with this.

How to Create Instagram Access Token

1. you need access token for instagram widget to work

Go to this url-> http://instagram.pixelunion.net/

Login Via your instagram Account and Generate access token in a single click.

2.  Once you get  access token just replace with this access token with in a your code.

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 Rose Blog Blogger Template How To Setup Rose Blog Blogger Template Reviewed by SoraBloggingTips on November 21, 2016 Rating: 5

42 comments:

  1. how to add rose blog lile related post send code on my email

    ReplyDelete
  2. So I set up my social media logos as instructed. They are there, but I can't see them. It seems they're blacked out. Do you know why that is???

    ReplyDelete
    Replies
    1. Please add supported names.

      Delete
    2. I seem to be having the same issue, I'm not sure by what you mean exactly add supported names...? if by that you mean names such as Facebook, Instagram etc. I have and the are invisible. I'm not sure what to do.

      Delete
    3. These are the supported ones.

      facebook
      gplus
      twitter
      linkedin
      instagram
      flickr
      pinterest

      Delete
  3. Not able to see more than 3 posts in slider despite of adding relevant labels to posts.

    ReplyDelete
  4. I do not understand how to put the images on the carousel

    ReplyDelete
    Replies
    1. follow this section carefully.
      Label Based Slider Post Widgets

      Delete
    2. Thank you.
      One last thing, if I wanted to add the carousel in the blog entries, what would I have to do?

      Delete
    3. the slider has only one placement.

      Delete
  5. i cant set the Label Based Slider Post Widgets i dont know what am i doing wrong... :/

    ReplyDelete
    Replies
    1. There is a tutorial about it in our blog here is the link.
      http://www.sorabloggingtips.com/2017/03/fix-recent-random-label-post-widget-in-blogger.html

      Delete
  6. hello
    My blog does not work in the Label Based Slider Post Widgets. You can help us please

    All the steps I did and got tagged
    my blog is : http://t23ito.blogspot.co.uk

    ReplyDelete
    Replies
    1. There is a tutorial about it in our blog here is the link.
      http://www.sorabloggingtips.com/2017/03/fix-recent-random-label-post-widget-in-blogger.html

      Delete
  7. my blog in this address http://t23ito.blogspot.com . Slider Post Widgets is not work good . my my language is persian . my language is written from right to left .
    in blogger dashboard language and Formatting select Language is english everything is ok . but select my language persian Slider Post Widgets is not work . whats
    How do I solve this problem ؟

    ReplyDelete
  8. my blog in this address http://t23ito.blogspot.com . Slider Post Widgets is not work good . my my language is persian . my language is written from right to left .
    in blogger dashboard language and Formatting select Language is english everything is ok . but select my language persian Slider Post Widgets is not work . whats
    How do I solve this problem ؟

    ReplyDelete
    Replies
    1. There is a tutorial about it in our blog here is the link.
      http://www.sorabloggingtips.com/2017/03/fix-recent-random-label-post-widget-in-blogger.html

      Delete
  9. i cant set Label Based Slider Post Widget, please :(

    ReplyDelete
    Replies
    1. There is a tutorial about it in our blog here is the link.
      http://www.sorabloggingtips.com/2017/03/fix-recent-random-label-post-widget-in-blogger.html

      Delete
  10. you will get the code for about widget in a text file of your template package and which icons are you talking about.

    ReplyDelete
  11. you will get the code for widgets in a text file of your template package

    ReplyDelete
  12. where can I get the code for the about section on the lower section? thanks.

    ReplyDelete
  13. Hi, considering of the buying the theme but on the homepage it's only showing maximum of 3 post and page 1 out 1, which is kinda weird when I have more than five post, i don't mind if it's only showing 3 recent post but 1 out 1? how to fix this?

    ReplyDelete
    Replies
    1. Remember one thing you have to keep the post count same in your blog settings and pagination widget.

      There is a limit of 1mb from blogger side, only 1mb of images or text you can show in home page and you are exceeding that limit and that is the reason rest of the post is going on next page, there is not any solution, but you can try page break after 1st paragraph in every posy, may be this will help

      Delete
  14. Hai, why the photo in mobile version is very bad? I mean the size is not appropriate.

    ReplyDelete
    Replies
    1. Choose original size in settings while uploading images or simply click the image in post setting and choose original size option.

      Delete
  15. Hola, en la Pagina Principal cuantas entradas estan permitidas, solo me muestra 10, y me gustarían mas, unas 20, yo se que hay limite, pero ami solo me muestra 10 entradas en la pagina principal. a que le puedo modificar?

    ReplyDelete
    Replies
    1. Remember one thing you have to keep the post count same in your blog settings and pagination widget.

      There is a limit of 1mb from blogger side, only 1mb of images or text you can show in home page and you are exceeding that limit and that is the reason rest of the post is going on next page, there is not any solution, but you can try page break after 1st paragraph in every post, may be this will help.

      Delete

    2. Thank you very much, it has worked with the line break!

      Delete
  16. Is it possible to create a slider post widget like this in a different template?

    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
  17. Hello! I have a big problem I can't solve alone.
    The home page shows 3 posts as I have written both in the code and in the blog settings. The problem shows up when I go to page 2: at least 3 posts are not shown and the ones that are being shown are 9, not 6. I think I have even more problems with pages, but I can't even explain well, I think.
    Can someone help me, please? I am quite desperate.

    ReplyDelete
    Replies
    1. Remember one thing you have to keep the post count same in your blog settings and pagination widget.

      There is a limit of 1mb from blogger side, only 1mb of images or text you can show in home page and you are exceeding that limit and that is the reason rest of the post is going on next page, there is not any solution, but you can try page break after 1st paragraph in every post, may be this will help.

      Delete
    2. Ok thanks, but the problem is that I don't know where the pagination widget is. I tried to follow the instructions for the code to find, but it seems impossible and very complicated (more than you make you seem to your users!). How can I easily find the pagination widget?

      Delete
    3. We have already explained that in Pagenavigation Results section of this tutorial.

      Delete
  18. pls help with images per post and sidebar are blurry?

    ReplyDelete
  19. hello my theme is show only 3 post in recent post please help me and guide me

    ReplyDelete

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.