Welcome To "Softway RKO" !

What You Can Get in Softway RKO?

We provide the tutorials, guides, articles, tricks and tips about Blogger, Blogging, SEO Tips, Basic Tips For New Bloggers, Making Money Online, Widgets, Templates and many more resources. All this is just for free! You can Sign Up to get updated for Latest Posts.

Thursday, July 10, 2014

Add Custom Robots.txt File in Blogger

0 blogger-facebook
Are you one of modern day bloggers without much knowledge of technical details, looking to enhance your blog's ratings and audience but don't know how to and your blogger friend told you that you can get a hike into your site visitors via editing your Robots.txt file? Or maybe you don't want search engines spiders to crawl through your pages? Or you do have a technical background but don't want to risk making changes without expert's words on topic? Well in either case, this is the right place for you to be. In this tutorial, you will see how to add Custom Robots.txt file in Blogger in a few easy steps.
custom robots.txt

But before we open and start working on Robots.txt, let's have a brief overview of its significance:
Warning! Use with caution. Incorrect use of these features can result in your blog being ignored by search engines.

What is Robots.txt?

With every blog that you create/post on your site, a related Robots.txt file is auto-generated by Blogger. The purpose of this file is to inform incoming robots (spiders, crawlers etc. sent by search engines like Google, Yahoo) about your blog, its structure and to tell whether or not to crawl pages on your blog. You as a blogger would like certain pages of your site to be indexed and crawled by search engines, while others you might prefer not to be indexed, like a label page, demo page or any other irrelevant page.

How do they see Robots.txt?

Well, Robots.txt is the first thing these spiders view as soon as they reach your site. Your Robots.txt is like a hour flight attendant, that directs you to your seat and keep checking that you don't enter private areas. Therefore, all the incoming spiders would only index files that Robots.txt would tell to, keeping others saved from indexing.

Where is Robots.txt located?

You can easily view your Robots.txt file either on your browser by adding /robots.txt to your blog address like http://myblog.blogspot.com/robots.txt or by simply signing into your blog and choosing Settings > Search engine Preference > Crawlers and indexing and selecting Edit next to Custom robots.txt.

blogger custom robots

How Robots.txt does looks like?

If you haven't touched your robots.txt file yet, it should look something like this:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://myblog.blogspot.com/feeds/posts/default?orderby=UPDATED
Don't worry if it isn't colored or there isn't any line breaks in code, I colored it and placed line breaks so that you may understand what these words mean.

User-agent:Media partners-Google:
Mediapartners-Google is Google's AdSense robot that would often crawl your site looking for relevant ads to serve on your blog or site. If you disallow this option, they won't be able to see any ads on your specified posts or pages. Similarly, if you are not using Google AdSense ads on your site, simply remove both these lines.

User-agent: *
Those of you with little programming experience must have guessed the symbolic nature of character '*' (wildcard). For others, it specifies that this portion (and the lines beneath) is for all of you incoming spiders, robots, and crawlers.

Disallow: /search
Keyword Disallow, specifies the 'not to' do things for your blog. Add /search next to it, and that means you are guiding robots not to crawl the search pages /search results of your site. Therefore, a page result like http://myblog.blogspot.com/search/label/mylabel will never be crawled and indexed.

Allow: /
Keyword Allow specifies 'to do' things for your blog. Adding '/' means that the robot may crawl your homepage.

Sitemap:
Keyword Sitemap refers to our blogs sitemap; the given code here tells robots to index every new post. By specifying it with a link, we are optimizing it for efficient crawling for incoming guests, through which incoming robots will find path to our entire blog posts links, ensuring none of our posted blog posts will be left out from the SEO perspective.

However by default, the robot will index only 25 posts, so if you want to increase the number of index files, then replace the sitemap link with this one:
Sitemap: http://myblog.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
And if you have more than 500 published posts, then you can use these two sitemaps like below:
Sitemap: http://myblog.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://myblog.blogspot.com/atom.xml?redirect=false&start-index=500&max-results=1000

How to prevent posts/pages from being indexed and crawled?

In case you haven't yet discovered yourself, here is how to stop spiders from crawling and indexing particular pages or posts:

Disallow Particular Post
Disallow: /yyyy/mm/post-url.html
The /yyy/mm part specifies your blog posts publishing year and month and /post-url.html is the page you want them not to crawl. To prevent a post from being indexed/crawled simply copy the URL of your post that you want to exclude from indexing and remove the blog address from the beginning.

Disallow Particular Page

To disallow a particular page, you can use the same method as above. Just copy the page URL and remove your blog address from it, so that it will look something like this:
Disallow: /p/page-url.html

Adding Custom Robots.Txt to Blogger

Now let's see how exactly you can add Custom Robots.txt file in Blogger:

1. Sign in to you blogger account and click on your blog.
2. Go to Settings > Search Preferences  > Crawlers and indexing.

blogger custom robots.txt

3. Select 'Edit' next to Custom robots.txt and check the 'Yes' check box.
4. Paste your code or make changes as per your needs.

custom robots.txt

5. Once you are done, press Save Changes button.
6. And congratulations, you are done!

How to see if changes are being made to Robots.txt?

As explained above, simply type your blog address in the url bar of your browser and add /robots.txt at the end of your url as you can see in this example below:
http://helplogger.blogspot.com/robots.txt
Once you visit the robots.txt file, you will see the code which you are using in your custom robots.txt file. See the below screenshot:

custom robots

Final Words:

Are we through then bloggers? Are you done adding the Custom Robots.txt in Blogger? It was easy, once you knew what those code words meant. If you couldn't get it for the first time, just go again through the tutorial and before long, you will be customizing your friends' robots.txt files.

In any case, from SEO and site ratings it's important to make that tiny bit of changes to your robots.txt file, so don't be a sloth. Learning is fun, as long as its free, isn't it?
Read More


Blogger Tricks

Wednesday, July 2, 2014

How To Set Custom Redirects in Blogger

0 blogger-facebook
Over time, most blogs may go through many changes, like posts being added or deleted. In some occasions, you don't want people to get 404 messages when they surf to posts or pages that don't exist on your blog and instead, make all requests to a specific link to be redirected to another page. One of the best way to avoid broken links and keep your traffic flowing in the right direction is setting custom redirects via the Blogger Custom Redirects tool.

In this post, we will see how to set custom redirects for Blogger posts and redirect an old URL to a new URL. But before redirecting any URL, you must know that there are two types of redirects:

A 302 redirect means that the page has moved temporarily. This redirect doesn't pass the URL value to the new location and instead, it will take the visitors to an appropriate location so that you aren't showing them a 404 page not found, or an error page. You can use a 302 redirect for coming soon pages or maintenance pages.

A 301 redirect means that a page has moved permanently to a new location. Use the 301 redirect when you deleted or changed the URL of your post. In most instances, the 301 redirects are always recommended for SEO because they will pass link juice (ranking power) to the redirected page and visitors will also benefit from this. However, 301s aren't suitable when you change your custom-domain, because it only supports redirection within the same blog, not to an external URL.

Now that we've established which is which, let's see how to set custom redirects for Blogger posts.

How to redirect old URL to new URL in Blogger


Step 1. Login to you Blogger account with email and password.

Step 2. Click on your blog > go to Settings \ Search Preferences and click "Edit" next to "Custom Redirects."

search preferences, custom redirects, 301, 302 redirect

Step 3. Enter the old URL in the "From" field, and the new URL in the "To" field including the forward slash "/" (see the screenshot below)

custom redirects, redirect old url to new url

Note: Do not enter the full URL in these fields. Just omit the address of your blog and type only the rest of the link. Again, this works only if you wish to redirect within your blogger blog and not to any external links.

Step 4. Click the "Save" link (1) and the "Save changes" button (2), and you're done!

blogger custom redirects
blogger custom redirect

If you want to redirect more pages, just click the "New redirect" button.
Read More


Monday, June 23, 2014

How to Add or Invite Multiple Authors on Blogger

0 blogger-facebook
If you ever considered working on a blog with multiple authors and you'd like to add others to publish posts or moderate comments, you can invite multiple authors on your Blogger blog. These additional authors have blog posting rights and can be either a guest author or blog administrator.
  1. An author can create and edit only his/her own posts and have restricted access to some of the blog' Settings. There, he or she will be able to access the Posting options and Add a mobile device, or remove themselves from the blog membership. 
  2. An administrator, on the other hand, will have FULL access to the blog' settings and template. Users with this privilege can edit or delete posts made by other members of the blog, add/remove other members or transfer the ownership of a blog.
invite multiple authors on blogger

Related: Add Author's Profile Picture and Name in Multi Author Blog

How to Invite Authors on Blogger


To invite multiple authors on a Blogger blog is really easy. Just follow the steps below:

Step 1. Log into your blogger account at blogger.com and click the name of your blog

Step 2. Click "Settings" on the left side of the page and go to the "Basic" tab:

invite multiple authors on blogger
Invite multiple authors on Blogger
Step 3. Look for the Permissions/Blog authors section and click on the "Add authors" link. Enter the email address for each author you would like to invite, separating each address with a comma.

Step 4. Click "Invite authors" button at the bottom once you're done. And that's it!

Managing Authors


The invited Authors will be listed after the invitations have been sent. They will need to click the "Accept Invitation" button in the invitation email in order to get started. Authors which have yet to accept or decline the invite will be listed under 'open invitations'. To remove an author from the blog, simply click the Remove icon next to the author's email address:

invite multiple authors on blogger
Cancel the invitation
Once the invited member accept your invitation, they will be listed as an "Author" by default. To give a person full admin privileges, you can change the "Author" status in the "Permissions" section of the Settings > Basic tab to "Admin":

add second admin on blogger
Changing an Author into an Admin in Blogger

Please proceed with caution! Administrators have as much power over your blog as you do, including the ability to permanently delete it!

So this is how you can invite multiple authors in blogger. With this feature, everyone on your team can help create different engaging content for your readers to enjoy.
Read More


Sunday, June 22, 2014

How to Delete a Blogger Blog Permanently

0 blogger-facebook
So you really messed something up and need to delete a Blogger blog permanently, but don't know how? You might have encountered an error message you can't get rid of, or it might be something wrong with the appearance. Blogger lets us to create up to 100 blogs without worrying about bandwidth, but sometimes we just want to reduce the number of junk blogs from list to keep it short and simple. In this case, we may have decided that it is time to delete it. So how do you delete a blog on Blogger permanently?
delete a blogger blog permanently

  Important: Removing or deleting your Blogger blog will also delete all of your blog data, including your existing blog posts. This means that your blog visitors won't be able to view your blog anymore, and that posts and pages associated with Blogger will be removed from your blog. 

1. If you are not already logged in, log into your Blogger account at http://blogger.com

2. From the Dashboard (that's the area you see right after logging in that lists all your blogs) select the blog you want to delete. Make sure that you click on the right blog if you have more than one.

3. Navigate to the Settings tab and just below it the Other option. Click on it.

blogger settings, delete blogger blog

5. On the right side is the Blog tools section. To proceed with the deletion then click on the Delete blog link.

If you think you may want to come back to your blog or you've got posts that you want to keep, you can use the Export blog tool to export your blog before you delete it. You can either download your blog posts to your desktop or export it in a format that can be imported into other popular blogging formats.

6. Confirm that you want to delete it and you're done.

how to delete blogger blog

Once you've pressed the Delete This Blog button, you will be redirected to the Dashboard. Notice that your blog is no longer displayed in the list of blogs. If you want to view your deleted blog you can click on the Deleted blogs link on the left side of your Blogger Dashboard to see your recently deleted blogs.

deleted blogger blogs

Here you'll be able to see your deleted blog including details of its deletion date. To restore your blog, click on the Undelete button. Please keep in mind that deleted blogs can be restored within 90 days.

undelete blogger blog

In this tutorial, we have covered some basic reasons why we might want to delete a Blogger blog permanently and the steps involved in deleting a Blogger blog. Instead of deleting the blog, you also have the option of making your blog private. By making it private, the blog will be kept in your Blogger account but no one will be able to view the blog without your permission.
Read More


Wednesday, June 11, 2014

Top 10 Premium & SEO Friendly Blogger Templates

0 blogger-facebook
When the people create a own blog on blogger platform.Then it become a great problem to select the best template for their blogger blog.and it are SEO Optimized and premium with responsive features ready.There are thousand of websites from where can download and blogger template but there paid templates available not a downloads .This is the big problems because the responsive and premium blogger templates are not available to download, that is purchase template which has search engine friendly templates mean the search engine automatically appear your blog in search result of first page.I have collected and selected some free SEO Optimized and Premium Blogger Templates from some other sites.These are the best responsive which help you in create the good and professional Blog.Before I show the best premium and responsive blogger template which comes with all features like purchase template.check the professional Fully SEO Optimized Blogger Template:-Soramag Premium Blogger Template..
These Templates are already on page optimized which will perfectly bring benefit to your blogger blog in the rank and traffic.In other these templates are increasing your blogger blog page views. We should choose premium responsive and search engine friendly or user friendly blogger Template.

Also Read:-Open Heart Social Bookmarking Widgets

Why we Choose Premium and Responsive Blogger Templates?
Premium Blogger Templates are designed very well.Premium Blogger Templates are having beautiful and excellent look for like professional's websites premium templates are user friendly easy navigation menu, Brilliant Design and Many Place Ads are to increase revenue form Ads Network, Related posts widget and many more features.Whereas Responsive Design Responsive feature make your blogger blog perfectly display in all Device like small screen phones , smartphones(Landscape and Portrait Mode) , Tablets(Landscape and Portrait Mode) and Laptops/Desktops.If you are using a blogger template which has not supported responsive design so read this article to make your blogger blog template responsive This article help you to make you blogger blog responsive for display your blog in all device perfectly without any issue.While SEO Friendly represent that this blogger template search engine friendly .Search Engine friendly will help in gain more traffic form search engines like Google, Yahoo, Bing and etc..These Templates are already comes with this feature SEO Optimized which will perfectly bring benefit to your blogger blog in the rank and traffic.In other these templates are increasing your blogger blog page views.

Premium Responsive and SEO Optimized Blogger Templates:-
In Given Below list of Premium and SEO Optimized Blogger Templates.Its Image ,Demo links and Download Links which help you to easily choose your favorite Templates.

1. Maggner Magazine Template

                     DEMO                                    DOWNLOAD
2. Retina Template


                   DEMO                                      DOWNLOAD
3. Punjabi Press Template

               DEMO                                          DOWNLOAD
4. Smartify Template

                DEMO                                    DOWNLOAD
5. Blogify Template

              DEMO                                      DOWNLOAD>
6. Magzon Template

              DEMO                                     DOWNLOAD
7. Bresponsive Template

            DEMO                                       DOWNLOAD
8. Metro UI Template

             DEMO                                        DOWNLOAD
9. Balance Responsive Template

            DEMO                                         DOWNLOAD>
10. Fastest Magz v3.1 Template

           DEMO                                          DOWNLOAD

Final Words
There were some most premium and SEO Friendly Blogger Template which i have shard with you for your blog.I hope you like and use these blogger templates on your blogger blog.If you want to more templates then please do share with us.Stay connected with our blog and don't forget to like our Facebook Page.
Read More


Tuesday, June 10, 2014

Amazing Open Heart Sharing Widget for Blogger

0 blogger-facebook

Hello Friends In Previous day you can add some social networking share widgets in your blogger blog such as:-Floating Social Media Share Buttons and Socializer Bar In each Post. These Widgets are best in look and famous for his working and Style .But there some problems like no suitable for another blogs and websites. Do no match color schemes with blogger blog templates and websites designs.
Slid open sharing Widget are always been using by Blog Visitors to share their favorite posts with her friend on all social networking sites.In above Image there is a heart open social sharing Widget which get separated  in two parts on hover this widget and between the two parts of hearts include Social Sharing Button for sharing specific article and posts.

Also Read:-Sora Mag Premium Blogger Template Download

This Widget Include 6+ Social Networking buttons listed below:-

  • Facebook
  • Twitter
  • Google+
  • Linked in
  • Stumble Upon
  • Pinterest
  • Email 
  • Share This
  • Much More!
Today I am share this widget with you for your blog this widget are amazing effects and beautiful widget for your blog his widget special and suitable Love topics and Red color themes Templates blog.
This widget has a great hover effect mean when your mouse over it, it will be open this is the hover effect of this widget.You can add some hover effect widgets in your blog such as:-Recent Posts Widget with Hover Effect and Popular Posts Widget and Many More!Once you have seen this widgets demo then you insert this beautiful heart widget in your blogger blog check the demo below.
Check Live Demo:-

You have seen this widget demo above then follow my instruction for add this widget.

How To Add Amazing Open Heart Sharing Widget for Blogger:-
  • Go to Blogger Dashboard>>Template>>Edit HTML
  • Find Below Code Using  Ctrl+
</head>

  • Paste the The following below given code above/before <head>
<!-- Start Open Heart Bookmarking Gadget From http://www.softwayrko.blogspot.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Open Heart Bookmarking Gadget From http://www.softwayrko.blogspot.com/ -->
  • Now find This tag Using  Ctrl+
</body>

  • Paste the following below given code before/above  </body>
<!-- Start Open Heart Bookmarking Gadget From http://www.softwayrko.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;,
[&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39;
<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://softwayrko.blogspot.com/2014/06/amazing-open-heart-sharing-
widget-for.html">Get This Gadgets</a>
<!-- End Open Heart Bookmarking Gadget From http://www.softwayrko.blogspot.com/ -->

How To Change the Position of Heart:-
To move the position of this heart widget from the bottom right corner of your blog to anywhere you want change the percentages of the red code from above code.
  • Now Click on Save Template
  • Check your desired location in your blog where you add this widget.
  • Finish
  • Enjoy.
Final Words
I hope you can add this widget in your problem and you are like this beautiful heart with hover effect if you you're facing problem or getting error during this process ,So Please comment for his problem solutions.And Don't forget to like our Facebook Page.
Happy Blogging!


Read More


Sunday, June 8, 2014

Sora Mag Premium Blogger Template Download

1 blogger-facebook
http://softwayrko.blogspot.com/
This is the best Premium and Responsive Blogger Template for your blog and Website this template are Paid Template But today I am going to share this template for free. This Blogger Template comes with lot of features for your Blogger Blog This template Designed by Sora Templates official Website of collection of lots of blogger template with awesome features.

Also Read:-Add CSS Notification Bar in Blogger

Soramag is a news magazine style blogger template.It is Fully Responsive and drag drop to build your home design using your blog labels. This template is User Friendly Blogger Template . you can customized it with many clolrs using your blogger template designer.
With an attractive color combination and impressed like professionals and has many Features.This template are 6 styles the first is slider featured posts area this area for your most popular posts show in this area then your post are automatically changed like a automated news ticker this template are perfectly displayed in all devices like Desktops , Mobiles, Laptops, Tablets (Landscape Mode and Portrait Mode)
Like above image at the starting of this article.

About This Template:-

Features:-

  • Responsive Design
  • Build Layout by add drag drop widgets
  • 2 Sidebar Left and Right
  • Related Posts Widget with thumbnails
  • News Ticker Widget
  • Custom Error 404 Page
  • Custom Share Button (Each Post)
  • Ads Ready
  • Drop Down Menu
  • Threaded Comments
  • SEO Optimized
  • Meta Keywords and Description Support
  • Blogger Template Designer Supported
  • Compatible with major Browsers(Chrome , IE9+ ,Mozilla ,Safari ,Opera)
  • Popular Posts Widget
  • About Admin Widget
  • Latest Post Widget
  • Emotions
  • 4 Column Footer
  • Featured Posts Area
  • Much More!

How To Download This Template:-
This template are not free due to many request to upload this template on our blog but i have no permission to upload this template for free downloads so, if you want to add this template in your blog so, contact me
My Email is:-rahulrajputrko@gmail.com or Contact Me


DEMO
Read More


Add CSS Notification Bar in Blogger

0 blogger-facebook
Hello Blogger I am back for you and for your blog.In my Previous Posts you add the amazing Facebook Like Boxes Articles and i am sure this widgets are perfectly working on your blogger blog This widget are in my blog available in 20 different themes and different colors. Those widget are very helpful and useful for increase your blog social traffic means get more like and More Fans from Facebook Through this Facebook Like box and you will get lot of likes and fans for your blog through this Widget.

Also Read:-Create Sitemap Page with Thumbnails in Blogger

But Today i am comes with Awesome Navigation bar for your blogger blog This widget are helps you in to see your specific posts on your blogger blog.
I using CSS (Cascading Style Sheet) to made this widget and this widget are 100% working on all blogs .This are customized by yourself means.You can add your popular posts or your favorite post in top of your blog using this widget.
This widget helps you in to attract more unique visitor to your blog from this Widget.In this widget you can customize it background , customize its Font and its fonts colors.You can write your Message for this blog where the top in your blogger blog.
Once you have seen this Notification Bar's Demo click the live demo link
Check Live Demo
How it Work?

This widget are fully CSS Optimized so this widget working on CSS Plugins and i can use this CSS Plugin to made this Notification Bar.This Widget are Look Beautiful and great with sticky UP and DOWN Buttons this is the best thing to make this widget more Beautiful and attractive.
This widget created by :-
 so, All Credits goes to them.

This Notification bar are easy to install just you can add some html Codes in your blogger Template and then save your and then look at the top of your blog you can seen a black sticky navigation bar where your blog post displayed.To add this widget in your blog follow my simple instructions.

How To Add CSS Notification Bar in Blogger Blog:-

  • Go TO Blogger Dashboard>>Template>>Edit HTML
  • Find this code using (Ctrl+F)
]]></b:skin>

  • Now Paste the following below code before this  ]]></b:skin>
/*  Notification bar by www.softwayrko.blogspot.com  */
#nbtbarWrap{
display: none;
margin: 0;
padding: 0;
position: fixed;
margin-top: -41px;
z-index: 999999;
width: 100%;
height: 41px;
}
#nbtbar {
width: 100%;
height: 28px;
margin: 0px;
padding-top: 7px;
text-align: center;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);  background: url(http://4.bp.blogspot.com/-zgw_M3ndUbM/UjL3FsR0p9I/AAAAAAAAAiI/jKETrYxgHaA/s1600/nbtbarback.png);
position: relative;
box-shadow: 1px 2px 9px #666666;
z-index: 9998;
text-decoration: none;
color: #eeeeee;
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 4px rgb(0, 0, 0);
border-bottom: 2px solid #cccccc;
}
#nbtbar a{
text-decoration: none;
color: #fff;
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
outline: none;
}
#nbtbar a:hover{
text-decoration: underline;
}
#nbtbarWrap #closenbtbar{
display: block;
position: absolute;
top: 0;
right: 23px;
height: 40px;
width: 21px;
background: url(http://4.bp.blogspot.com/-EKBTBdOMsx8/UjK8Zm_D5SI/AAAAAAAAAh4/AG2TDLGGZ_k/s1600/NBT-light.png) no-repeat 0 center;
cursor: pointer;
}
#nbtbarWrap #closenbtbar:hover{
background-position: -21px 50%;
}
#nbtbarWrap.bottomPosition #closenbtbar{
background-position: right 50%;
}
#nbtbarWrap.bottomPosition #closenbtbar:hover{
background-position: -42px 50%;
}
#nbtbarWrap #opennbtbar{
display: block;
position: absolute;
top: -6px;
right: 15px;
padding: 0 7px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);  background: url(http://4.bp.blogspot.com/-zgw_M3ndUbM/UjL3FsR0p9I/AAAAAAAAAiI/jKETrYxgHaA/s1600/nbtbarback.png);
border-left: 2px solid #dddddd;
border-right: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
cursor: pointer;
z-index: 1;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 1px 2px 9px #333333;
}
#nbtbarWrap #opennbtbar span{
display: block;
width: 21px;
height: 34px;
background: url(http://4.bp.blogspot.com/-EKBTBdOMsx8/UjK8Zm_D5SI/AAAAAAAAAh4/AG2TDLGGZ_k/s1600/NBT-light.png) no-repeat right 50%;
}

  •  Now add this below code between the <body> and </body>
<div class='opennbtbar' id='nbtbarWrap' style='display: block; margin-top: 0px;'>
<div id='nbtbar'>
<strong><font color='#84DC04'>Trending: </font></strong><a href='http://softwayrko.blogspot.com/2014/06/15-styles-facebook-like-box-for-blogger.html'>15+ Styles Facebook Like Box for Blogger</a> |
    <strong><font color='#FFFF00'>Most Popular: </font></strong><a href='http://softwayrko.blogspot.com/2014/06/add-css-notification-bar-in-blogger.html'>Get This Bar for Blogger</a>
<span id='closenbtbar'/></div><span id='opennbtbar' style='top: -6px;'><span/></span></div> <br/> <br/>
Customization:-
  • Replace Blue color code with your font color to appear in this widget's fonts 
(Tip:-Using our color codes Tool to choosing your favorite color click here)
  • Replace Red Code with your blog posts URL
  • Replace Orange Code with your Blog Post Name

Now this is the last and important steps:-
  • Find this tag <head> using (Ctrl+F)
  • Then Paste the Following Jquery code after/below <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<script type="text/javascript" src="http://yourjavascript.com/1153694480/softwayrko-blogspot-com-notification-bar.js"></script>

  •  Click on Save Template
  • Now go to your blog and check this widget on top of your blog
  • Finish
Final Words
I hope you can add this amazing and awesome sticky Notification bar in your blog without any problem, if not? you're getting error during this process or you are face problem so, Comment or contact me to solve your Problem. And don't forget to like Our Facebook Page and share this post with your friends on Social Networking Sites.
Happy Blogging!


Read More


 
  • Home
  • About Us
  • Contact Us
  • Sitemap
  • Privacy Policy
  • Back To Top