HOT!Join Our Community For Exclusive Blogging IdeasClick Here

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.

Basic Setup

  1. Template Installation
  2. Logo Setup
  3. Template Setting
  4. Shortcodes & Markups
  5. Create Sitemap

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 Sora Blogging Tips on November 21, 2016 Rating: 5

25 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. 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
    2. 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. Hola, en los gadgets como Autor, y trate de colocar uno de facebook lifes, y me sale
    Ayuda Blogger, no me sale nada, me sale un boton que dice AYuda Blogger, que puede ser?
    Saludos

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

      Delete
  11. Los iconos pequeños que salen de lado de HOME, la casita), ami no me sale porque?
    Saludos
    y Tambien como hago para los iconos de redes sociales que estan en la parte de abajo en ABout

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

      Delete

Powered by Blogger.