Softway RKO

Add Custom Robots.txt File in Blogger

2014-07-10T06:14:00.000+05:30

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.

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.

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.

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.

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:

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?

How To Set Custom Redirects in Blogger

2014-07-02T07:23:00.000+05:30

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

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)

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!

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

How to Add or Invite Multiple Authors on Blogger

2014-06-23T06:05:00.000+05:30

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.

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

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

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:

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":

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.

How to Delete a Blogger Blog Permanently

2014-06-22T03:30:00.000+05:30

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?

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.

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.

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.

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.

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.

Top 10 Premium & SEO Friendly Blogger Templates

2014-06-11T13:57:00.001+05:30

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.

Amazing Open Heart Sharing Widget for Blogger

2014-06-10T19:23:00.001+05:30

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+F

</head>

Paste the The following below given code above/before <head>

<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: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Now find This tag Using Ctrl+F

</body>

Paste the following below given code before/above </body>

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart',
['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:'
<data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://softwayrko.blogspot.com/2014/06/amazing-open-heart-sharing-
widget-for.html">Get This Gadgets</a>

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!

Sora Mag Premium Blogger Template Download

2014-06-08T21:51:00.000+05:30

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

Template Name: Soramag
Author: Soratemplates.com
Platform: Blogger/Blogspot
Instructions: How To Install Blogger Templates

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

Add CSS Notification Bar in Blogger

2014-06-08T17:03:00.000+05:30

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

Prajjwal Rajput 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGhshtHyLSdLLvJpTY5P3kzRgnosPJksej04hjBAm5E5-xwREW1lWVyCnbTDpmxz3F8ssK-jL-oHbH7xpCOJ4tQlaLMeZ8XjqI4k95w6MFPZOtl2LJeJm37BHLa0UhsuCz9y2pq6IGZlxz/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisi8FCz6S1sctd2qpyu5OYDOWlG-B0mx4naL-BoplqdWxL5dPLo0tLBJ-BAshkdis1zqqyITx6JJo97tZqJjtIkoHatwxgIu9CjRzCvIfH1HzTG0c2CR3qK_1sp_v7TQNmMKy7oWiQIElF/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGhshtHyLSdLLvJpTY5P3kzRgnosPJksej04hjBAm5E5-xwREW1lWVyCnbTDpmxz3F8ssK-jL-oHbH7xpCOJ4tQlaLMeZ8XjqI4k95w6MFPZOtl2LJeJm37BHLa0UhsuCz9y2pq6IGZlxz/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisi8FCz6S1sctd2qpyu5OYDOWlG-B0mx4naL-BoplqdWxL5dPLo0tLBJ-BAshkdis1zqqyITx6JJo97tZqJjtIkoHatwxgIu9CjRzCvIfH1HzTG0c2CR3qK_1sp_v7TQNmMKy7oWiQIElF/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!

15+ Styles Facebook Like Box for Blogger

2014-06-07T20:03:00.001+05:30

Facebook Fans Box is very useful widget to show visitor and love of the people for your blog.Facebook offers a simple clean like box plugin that you can easily add to your blogger blog or other websites but the default Facebook like box or Fans box than looking not good at ugly. So Today i am going to show How to add multi Themes of Custom Facebook Like using CSS in your blogger blog.

Also Read:-Create Sitemap Page with Thumbnails in Blogger

Facebook Like Box is the best way to increase your social Media Traffic and get more fans for your Blog.A Like Box allows great attract your blogger blog more visitors/readers to like your Facebook Fan Page from Using this Customized Facebook Like Box. You don't need to do anything just copy your favorite style like box code and paste your blogger blog.
In Some Cases you can add old facebook Widget with another Effects, Colors, Design Such as:-

But this widget are Fully Optimized and Customized by me This widget is fully work on CSS you are already know to CSS so, I don't need to understand about CSS .

How To Add 15+ Styles Facebook Like Box foe Blogger:-

Go To Blogger Dashboard>>Layout>>Add Gadget

After Click on Add Gadget Link.A popup Window will open now with many gadget list in your monitor Screen.
You Select the HTML/JavaScript Gadget click on Plus sign for this Gadget

Now Copy the Following given blow codes is represent to their like box style you can choose only any one of them.
After choosing your favorite like box then paste its HTML Code in Gadget.
Replace softwayrko with your Facebook Page Username.

Now, Select Your Favorite Like Box for blogger blog:-

Style 1:-

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyJlPBSO0wUFhe4-vNizAAeCzLKLM8K83y76ACB1pdTXjAtUbJK2eboN57MKFlRLKRDs3Qr1zrbrJCJ6iZV_T7GOgJlC6QRMtxjQCgZxIRTzBqsf9_u7-gzFZ3MIAawQLJu27BvWxjSc4/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 2:-

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFPM_eDmMeY7RzZOZkuP9sBNl6XaJJVKa7ibijzsqT39ssICi1g-hxUr77QQbqA083RL63I0ElcbtzJJ1Mrd9HynWJ_XI5mWyAHE3ovYS-xU5QVugs0GHlBdHwjSh2KzOKrwqBxe-3BUJV/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 3:-

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8xP1Bdk-9jJdfSMVRugM6jEcxtbvzGvq_gTD-DA7bp2rAC-bIs9c5z3pbpWt1Kp3CHlsecJ3JggaYtwYw_Ddjctt_3jlbLdR9s1sQYRDaXHjEKM3v6nzXMcYS6qdaYKP4hfZa0oC5_-WY/s1600/fan-03-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 4:-

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0MPn4TiTDgo2QbGMNkgURcOgMfMwdeQoaVQ2vrk3oJbSJJ4-t4MUln7730MmR6G1FelFqDl62ESPqnjPUscHt5-tzOABeb1clFx9PWldITz8zk5kWTXQ91W-Eo6ufIJ9HujHcLAsVOM3/s1600/fan-04-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 5:-

<div style="-moz-box-shadow: 0px 15px 20px 0px #777777; -webkit-box-shadow: 0px 15px 20px 0px #777777; background-color: #f4f4f4; border-radius: 15px; border: 1px solid #CCCCCC; box-shadow: 0px 15px 20px 0px #777777; height: 270px; margin: 30px; padding: 10px 0 10px 10px; width: 250px;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 6:-

<div style=".width:248px; padding:10px 0px 10px 10px;height:230px;border-top:5px solid #CCCCCC;border-right:5px solid #CCCCCC;border-bottom:5px solid #cccccc;border-left:5px solid tomato;border-radius: 0px 30px 0px 0px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6V4WbSbaIJjwvssLqAX6iPl34n7UUxuyUeCskmraBmjdKnZwUQwaDIc_GWiqNZ4QQeJu7hM5Mc0UJG6fpbyOWYSoRCoAJJ2eJyQKl7LInjQr0iCJpVQNEfsjHBEpakBDhCaXjBo5ai2w-/s320/3783098647_fb208001b5.jpg');overflow:hidden;.height:250px;width: 238px;border: 5px outset #f2f2f2;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 7:-

<div style=".width:248px;padding:10px 0px 10px 10px;height:230px;border-top:5px solid #CCCCCC;border-right:5px solid tomato;border-bottom:5px solid #cccccc;border-left:5px solid tomato;border-radius: 0px 30px 0px 0px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSu6GTs_iTWH8bK598xfVuxe47NVHbrl_qSbkcyBy3eOjLDNnNUL5FYTJG6XP3fZqkHweBy7OxolJsXfJzv68V2RiYZ9H48D7C8ksEhQtNeqpCB70HcFSCkUdeVzx6WYxKGPTUVgdJNYKJ/s1600/image4.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 8:-

<div style=".background-color:#F4F4F4;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #CCCCCC;.height:250px;overflow:hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 9:-

<div style="background-color:#F8E0E0;width:250px;padding:10px 0 0px 10px;height:250px;border:2px ridge #CCCCCC;box-shadow:10px 5px 5px #CCCCCC;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 10:-

<div style="background-color:#F4F4F4;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #CCCCCC;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 11:-

<div style="background:#F6CECE;width:250px;border:1px solid#FA5858;padding:2px;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 12:-

<style type="text/css">.labstrikeFB {width: 250px;height: 250px;border-radius: 3px;position: relative;
background-color:#f4f4f4;padding:5px 10px 15px 0}.labstrikeFB,.labstrikeFB:before, .labstrikeFB:after {background:#f4f4f4;border: 1px solid #ccc;}.labstrikeFB:before,.labstrikeFB:after {content:"";position:absolute;bottom: -3px;left: 2px;right: 2px;height: 1px;border-top: none;}.labstrikeFB:after {left: 4px;right:4px;bottom: -5px;box-shadow: 0 0 2px #ccc;}
</style><div class="labstrikeFB"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 13:-

<div style="width:250px; height:250px; background: #FFFFCC; border:1px dashed #FF3300;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 14:-

<div style="background:#f4f4f4;width:250px;padding:0 0px;margin:10px 0;border:solid 6px #e9e8e8;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 15:-

<div style="background: rgb(0, 255, 0);background: -moz-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -webkit-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -o-linear gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -ms-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 16:-

<style>#FBox{display:block;position:absolute;top:8px;left:8px}
</style><svg width="250px" height="258px" version="1.1" xmlns="http://www.w3.org/2000/svg"> <desc>Facebook Like Box</desc> <g> <defs> <lineargradient id="MyGradient"> <stop offset="20%" stop-color="pink" /> <stop offset="40%" stop-color="white" /> <stop offset="60%" stop-color="mistyrose" /> <stop offset="70%" stop-color="#f2f2f2" /> <stop offset="100%" stop-color="dodgerblue" /> </stop></stop></stop></stop></stop></lineargradient> </defs> <rect fill="url(#MyGradient)" x="0" y="0" width="292" height="258"/> </rect></g></svg><div id='FBox'><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 17:-

<div style="background-color:#D6E0FF;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #66F;border-radius:10px;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 18:-

<div style="background-color:#D6E0FF;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #66F;border-radius:10px;box-shadow:4px 4px 0 rgba(0,0,255,0.45);"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 19:-

<div style="background: rgb(255, 192, 203);background: -moz-linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: -webkit-linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: -o-linear gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: -ms-linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Style 20:-

<div style="background: rgb(255, 123, 73);background: -moz-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: -webkit-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: -o-linear gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: -ms-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Note:- Don't Forget to Replace softwayrko with your Facebook Page Username.

Final Words:

I hope you like this all 20 Facebook Like box Style widget for blogger and you are successfully added in your blogger blog if not you're getting error during this process so, please comment for his problem's solutions.And don't forget to like our Facebook Page.

Happy Blogging!

Create Sitemap Page with Thumbnails in Blogger

2014-06-07T13:56:00.001+05:30

Create Sitemap Page with Thumbnails in Blogger

Hello Blogger in my previous style Sitemap you can add your first Sitemap for your blogger blog.This Sitemap hep our readers to navigate our blog sort by labeled easily and also helps your blog to decreasing bouncing rate means number of visits that consist of only one pageview.
Also Read:-Shout Me Loud Style Blogger Template Download
This Plugin Created by Prajjwal Rajput so, All credits goes to them this plugin are help in increase your blog page views to improve your blogger blog internal links.
But today i comes with amazing rounded and thumbnails sitemap for blogger blog. This sitemap page look simple , clean and elegant colors To see this plugin before you add this in your blog Check the live demo.

Live Demo of Sitemap Page

Once you have seen this plugin's demo then add this sitemap page in your blogger blog.follow my simple instruction to add sitemap with thumbnails on your blogger blog.
How To Add Sitemap Page with Thumbnails in Blogger:-

Go TO Blogger Dashboard>>Pages>>New Page
Paste the following code in HTML Section of blank Page

<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://yourjavascript.com/6155211947/softwayrko-blogspot-blogspot-com-sitemap.js">
</script>
<script>
var numposts = 999;
var showpostthumbnails = true;
var displayseparator = true;
</script>
<script src="http://www.softwayrko.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=recent&max-results=999"></script>
<br />
<div style="display: none;">
<a href="http://www.softwayrko.blogspot.com/">Softway RKO</a></div>
<style type="text/css">
.sitemap-container {width: 100%; height: 105px; border-top: 2px solid #eee;}
.sitemap-container:hover {background-color:#fafafa;}
.thumbnail {width: 60px; height: 90px; float: left; top:0px;}
.posttitle {height: 90px; float: left; line-height: 90px; margin-left:25px; display:block; width:80%; white-space:nowrap;}
#postimg {margin-top: 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 60px; border: 2px solid #eee;}
#list{list-style-type: none; padding-left: 0px; margin-left: 0px;}
</style></div>

Like this Image

Replace http://www.softwayrko.blogspot.com with your Blog URL
Click on Save Button

Final Words

I hope your you can created Sitemap page with Thumbnails this is very simple steps to add this plugin in your blog if not? write your problem in comment box for his problem's solution and don't forget to like our Facebook Page.

Happy Blogging!

Shout Me Loud Style Blogger Template Download

2014-06-07T12:45:00.000+05:30

This is Popular blog in india called shoutmeloud.com. Harsh Agarwal is the author of shoutmeloud.com it has a new look with new updates theme and cool widgets. Some folks made the previous blogger template .the new look is awesome with its Flexible responsive design and social sharing widget.

Also Read:-Add Scrolling Recent Posts Widget in Blogger

Information:-
Author:shoutmeloud.com
Name:SML Blogger Template
Platform:Blogger/Blogspot
Upload Date:7 June 2014
Uploaded by:www.softwayrko.blogspot.com

This template are responsive design and cool awesome widgets like email subscription and social sharing widget. This is the newest version of this blogger template.It has 4 column footer and 1 cool sidebar .already added facebook, twitter, and other social networking buttons.
The shout me lout is how to blog based blogger blog template which provide blogging help tips,Templates,Widgets and wordpress Guide and many more. This is the first time upload this template on Softway RKO. So Grab this template for your blogger template.

Features:-

Custom Logo for your blog
SEO Optimized for high Traffic
Adsense Integration
Customizable Design
Responsive design
Email Subscription widget at Sidebar
Read More button in each posts
Floating widget for sharing posts
Author Comment Highlighted
Social sharing icons below post title
Facebook, Twitter, Google+ at the header
Do yo like Button at footer
Recent posts
Related Posts with thumbnails
Popular posts widget with thumbnails
Much More!

Live Demo Download NOW

Add Scrolling Recent Posts Widget in Blogger

2014-06-06T12:57:00.001+05:30

Hello Bloggers Today i am going to show this tutorial for your blog look like a stylish and awesome website . I can share some widget such as Add Spinning Hover Effect For Popular Post Widget in Blogger or Add Automated Featured Post Widget in Blogger to engage your blog readers. This widget attract more unique visitors to your blog just you can add this widget on your blogger blog then you see in your blog are look like a professional's website.
Also Read:-Add Stylish Subscriber Widget in Blogger Blog

Now today i comes with awesome plugin and its working on CSS (Cascading Style Sheet) once you can see this plugins screenshot on top of this post then you can add this widget in your blogger blog.

How It Work?
It is a working on CSS and Jquery with help this two plugins your recent or latest post are auto animated on hover mouse cursor.SO you will ready to add this widget in your blogger blog.

How TO Add Scrolling Recent Posts Widget in Blogger:-

Go TO Blogger Dashboard>>Layout>>Add Gadget
Select HTML/JavaScript Gadget
Paste Following below code in HTML/JavaScript Widget

<script type='text/javascript'>
var jnWidth="100";
var jnScrollAmount="1";
var jnScrollDelay="50";
var jnDirection="left";
var jntargetlink="yes";
var jnnumPosts="10";
var jnBulletchar =">>>";
var jnimagebullet="yes";
var jnimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKlIxzyiFTxINOOVdVVovfnlK99lNxB_lMVHIXRhvvxfDMDj3jWi3YxnJsiF2qBhZinUytlaL_Okir8E9VQBdZoSFTZ028Bini5IksNs5waej96XQVxHKYJj4YtRJnLhSLFOvpYvMCHk/s1600/arrows_back_forward.gif";
var jnfontsize="16";
var jnbgcolor="red";
var jnlinkcolor="blue";
var jnlinkhovercolor="green";
</script>
<a href="http://softwayrko.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="#" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://softwayrko.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="#" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" />
<script type='text/javascript' src='https://www.dropbox.com/s/55dft39shztwdt1/recent-comment-scrolling.js' ></script>
<script type='text/javascript' src="http://www.softwayrko.blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>

Replace http://www.softwayrko.blogspot.com with your blog URL.
Save it
Done.

Final Words

I hope you can add this amazing and cool widget in your blogger blog if you are facing problem so comment for his problem's solutions and don't forget like our Facebook Page.

Happy Blogging!

Add Stylish Subscriber Widget in Blogger Blog

2014-06-06T12:05:00.001+05:30

Hello Friends today I am going to share this stylish All in one subscriber widget for your blogger blog.this widget are stylish and awesome and clean design .You can add some others Subscriber Widget like Mashable Social Subscription Widget for Blogger and some like this Add All in one Social Subscription Widget in Blogger and many more.But today you're add this simple but cool and clean subscribe widget its contain some other social networking widgets Given list below:-

RSS Feed Widget
Google+ Widget
Facebook Widget
Twitter Widget
Facebook Like Button
Twitter Follower Button
Feed Burner Email Subscription

This widget are so many blogger are using this widget and this their blog are look like professional's websites.

Also Read:-FIFA Mag Blogger Template Download

How It Work?

This widget are working on CSS3 and JavaScript You know about what JavaScript and What is CSS3 so i no need to understand this platforms. Once you have seen this widget screenshots then add this widget in your blogger blog from this tutorials.

How To Add Stylish Subscriber Widget in Blogger Blog:-

Go TO Blogger Dashboard>>Layout>>Add gadget
Select HTML/JavaScript Gadget
Paste below given code in this Gadget

<div class="widget-content">
<style>
.BlueKut_Bar{width: 300px; float: left;}
.BlueKut_Bar .count{color:#0F83A0; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; height: 40px; line-height: 40px; vertical-align: middle; width: 310px; padding: 0 0px 0 4px; margin:0;}

.BlueKut_Bar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 39px; vertical-align: middle; margin:0px; padding:10px 0px 0px 0;}
.BlueKut_Bar .subicons{border-bottom: 1px solid #e6e6e6; margin: 0px 0 0px 0; float: left; width: 300px; font-family: Helvetica, Arial; font-size: 12px;}
.BlueKut_Bar .subicons a{text-decoration: none; color:#333333;}
.BlueKut_Bar .subicons a:hover{text-decoration: underline; color:#333333;}
.BlueKut_Bar .subicons .rssicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZv_8A90e0MbyW6ah74KEHAup7n7JdumZBASo9T50B0dXVOBtudbHIRn1CXGcEtGx7icExVDTk67OTdzJk7-0ICUKzW3V7eDQeBXa6Jhbr9rpqAUzcC-ZO5zSUBpTmxmDLCOJ9OiNnOik/s1600/social_icons.png) no-repeat; background-position: 0px 5px; min-width: 2px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 10px 0px 30px; margin: 0 0 0 5px;}

.BlueKut_Bar .subicons .googleicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZv_8A90e0MbyW6ah74KEHAup7n7JdumZBASo9T50B0dXVOBtudbHIRn1CXGcEtGx7icExVDTk67OTdzJk7-0ICUKzW3V7eDQeBXa6Jhbr9rpqAUzcC-ZO5zSUBpTmxmDLCOJ9OiNnOik/s1600/social_icons.png) no-repeat; background-position: 0px -37px; min-width: 2px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 10px 0px 30px; margin: 0 0 0 5px;}
.BlueKut_Bar .subicons .fbicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZv_8A90e0MbyW6ah74KEHAup7n7JdumZBASo9T50B0dXVOBtudbHIRn1CXGcEtGx7icExVDTk67OTdzJk7-0ICUKzW3V7eDQeBXa6Jhbr9rpqAUzcC-ZO5zSUBpTmxmDLCOJ9OiNnOik/s1600/social_icons.png) no-repeat; background-position: 0px -79px; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 10px 0px 30px; margin: 0 0 0 5px;}
.BlueKut_Bar .subicons .twittericon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZv_8A90e0MbyW6ah74KEHAup7n7JdumZBASo9T50B0dXVOBtudbHIRn1CXGcEtGx7icExVDTk67OTdzJk7-0ICUKzW3V7eDQeBXa6Jhbr9rpqAUzcC-ZO5zSUBpTmxmDLCOJ9OiNnOik/s1600/social_icons.png) no-repeat; background-position: 0px -121px; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 10px 0px 30px; margin: 0 0 0 5px;}
.BlueKut_Bar .emailsub{border-bottom: 0px solid #e6e6e6; padding: 10px 0 0px 0; float: left; width: 100%; font-family: Helvetica, Arial;}
.BlueKut_Bar .emailsub .emailicon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR51hjplavnqs-_OXJf-OOV5xVWpS8ogT7PrS3t_xAdeeI2bdXEyYLrJAVmWLjPwSRBzxCaXtPc6-CU3UYHzZIXOmbL9bWQaXZl4Yteu4ZQPaUTgaaRtxb5dNyXClnAS1h7xvQ3Y9GH2Q/s400/email.png) no-repeat 0 2px; float: left; padding: 0px 15px 0px 40px; margin: 0 0 0 5px; width: 300px; line-height: 20px; vertical-align: middle; font-size: 14px; color: #333; }
.BlueKut_Bar .emailsub .emailupdatesform{margin: 10px 0 5px 5px; width: 300px; float: left;}
.BlueKut_Bar .emailsub .emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 205px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.BlueKut_Bar .emailsub .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: none; font:bold 12px arial; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}

</style>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSeynK17f92mP1_VpJJ0bOyKk_VNuZdUYtQkKk2RzDzEAo9Q_jbEtx0Uk_3vOq-hKtQccoAzTPL15w10w0XY_HsQrp94qQ8xpTRki24Xid0KHUcb5MQA3HjX1DlVOPOWzNw9kOFSpbHhs/s1600/SUBSCRIBE+ME.png" alt="Pulpit rock" width="300" height="55">

<div class="BlueKut_Bar"><div class="count"><span class="bigcount">
<div class="subicons">
<div class="rssicon"> <a rel="nofollow" href="http://softwayrko.blogspot.com/feeds/posts/default" target="_blank"> RSS</a></div>
<div class="googleicon"> <a href="https://plus.google.com/114472434994930846607?hl=en" rel="author" target="_blank"> G+</a></div>
<div class="fbicon">  <a href="https://www.facebook.com/softwayrko" target="_blank" rel="nofollow">FB</a></div>
<div class="twittericon"> <a href="http://twitter.com/softwayrko" target="_blank" rel="nofollow">Twitter</a></div></div>
<br style="clear:both;">
<div style="width:300px; border-bottom:1px solid #e6e6e6; margin:8px 5px 0px 0px; padding-bottom:5px;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/softwayrko&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&height=62" style="border: none; height: 62px; overflow: hidden; width: 292px;">
</iframe></div>
<div style="width:300px; border-bottom:1px solid #e6e6e6; margin:8px 5px 0px 0px; padding-bottom:5px;">
<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.1401325387.html#_=1401979285676&id=twitter-widget-0&lang=en&screen_name=SoftwayRKO&show_count=true&show_screen_name=true&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 232px; height: 20px;"></iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>

<div class="emailsub">
<div class="emailicon"><p style=" width:270px; color:#3A3A3A; font-size: 12px; font-weight: normal; font-family: Arial; padding:0; margin:0;">Receive Latest tricks in your Inbox   by submitting your Email ID below.</p></div>
<div class="emailupdatesform">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/NedJM" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/NedJM', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text"><input value="softwayrko" name="uri" type="hidden"><input value="Submit" class="joinemailupdates" type="submit"></form></div></div></div>
<div class="clear"></div>
</div>

Customization:-

Replace http://softwayrko.blogspot.com with your blog URL
Replace https://plus.google.com/114472434994930846607 with Google+ ID
Replace https://www.facebook.com/softwayrko with your Facebook Page URL
Replace http://twitter.com/softwayrko with your Twitter Page URL
Replace https://www.facebook.com/softwayrko with your Facebook Page URL
Replace SoftwayRKO with your Twitter Username
Replace http://feedburner.google.com/fb/a/mailverify?uri=blogspot/NedJM with your Feed Burner Email Subsription URL
Replace http://feedburner.google.com/fb/a/mailverify?uri=blogspot/NedJM with your Feed Burner Email Subsription URL

Click On Save Button
Finish Enjoy!

Last Words

I Hope you're add this amazing social subscription widget in your blogger blog if not? you're face some problem or getting error during this process so please comment. And don't forget to like our Page.

Happy Blogging!

FIFA Mag Blogger Template Download

2014-06-05T19:13:00.001+05:30

FIFA Mag is a Premium Responsive Blogger Template is specially designed for Sports Blogs and Soccer and Football blogs.This blogger template for a FIFA World cup Fans Blog. FIFA Mag that is for all football lovers and fans those who are awaiting for FIFA World Cup 2014. This is a Soccer based grid style blogger template with comes with coll Widgets and Stadium style Background .This is 2 Column and 3 column footer Blogger Template.
If You have already blog related to topic on sports or Football then you can use this blogger template and makes your necessary changes in this template .Its completely Responsive and SEO Friendly so you don't need to worry about your blog traffic.
I can given some advance and basic features of this Template given Below first you read its informations given below:-
Information:-
Theme Name:FIFA Mag
Author:Way2themes.com
Platform:Blogger/Blogspot
Instructions:How to Install Template on Blogger

Features:-

Responsive Design:

FIFA Mag Blogger Template have responsive design that help you to got more visitors on your blog because your visitors can access your blog from any Devices.

SEO Optimized

FIFA Mag are Fully SEO Optimized blogger template that help you to get more unique visitors and traffic from Search Engines and increase you blog page views.

Featured Slider

Just like this feature available in this template FIFA Mag display your latest posts in an slider like a image slide show.

Some Advance Features:-

Stylish Menu
Ads Ready
Professional Design
3 Column Footer
Featured Search Bar
Footer logo Slider
Latest Post Widget with thumbnails
Related posts widget with thumbnails
Popular Post Widget with thumbnails
Compatible with all browsers(IE,Firefox,Chrome,Safari,Maxthon)
Featured posts Area
Social Sharing Buttons
2 Column Sidebar
Much More!

Live Demo Download Now

How to make Blogger Template Responsive

2014-06-05T11:04:00.000+05:30

Today's blogger want to interested in fluid and flexible in their blogger template compared to traditional its width are fixed in layouts.It mean your blogger template perfectly display in all devices like Mobiles , Tablets and Desktops/Laptops .In 2010 are not available tablets but now 2014 tablets are available with Gravity sensor means the tablet come feature of Landscape mode and portrait so, but our blogger blog template are not suitable for this types of tablets because some blogger template are comes with responsive layout for all devices but many other have a big problem to perfect display in tablets and smart phones.
Also Read:-Top 3 Floating Social Media Widgets for Blogger
In this tutorial you will learn more hoe to enable your blog's layout adjust itself automatically to the resolutions of all Devices.
I can easily explain the whole tutorial for your better understanding.
I can explain this tutorial step by step.
What is the meaning of Responsive Layout?
Responsive layout means a responsive webpage is a flexible design that adjust its width and height according to visitors Devices Resolutions.The Blogger template not supported Responsive but these blogger template look completely different compared to Desktop template layout.In the default blogger template are mobile optimized but those style are too simple and don't show template features of desktop layout its only post not widgets.

Check your blogger template in different Resolutions:-
Just view it using this tool created by Mattkersely are implemented on Studio Press Server.You will see preview your template in different sizes of Devices.it contain four types resolution .just you can insert your blog URL then result are display in your screen.
Preview Responsive Design
How to make Blogger Template Responsive?
Normally Mobile Browsers emulates a desktop style resolution into small screen that is often difficult to read and browse because in small screen sizes phone we're are zoom in other place for reading or see images.In Smartphones how difficult it is to click a link in smartphones unless you zoom it for tap the link.But now to learn about how to perfect display blogger template in all types of screen sizes.
Adding Meta tag Viewport for Flexibility Layout:-

Go to Blogger Dashboard>>Template>>Edit HTML
Find the <head> using (Ctrl+F)
Paste the following code below <head>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

Click on Save Template.

Use CSS3 Media Queries:-

Blogger Template doesn't support responsive layout but the template perfectly work in Desktop or Laptop but doesn't work in Smartphones and Tablets.So,Using this CSS3 Media Queries to make responsive layour in Smartphones and Tablets(Landscape and Portrait) Devices.

@media screen and (max-width : 480px) {
/* If screen size less than 480px Load these styles */
/* Done for Smart Phones */
}

@media screen and (max-width : 768px) {
/* If screen size less than 768px Load these styles */
/* Done for Tablets */
}

This Media Queries automatically changes blogger templates' Width and height according to Resolutions of Device.

Final Words

That's clean you how to make responsive design in template and I hope this whole Tutorial won't let you face problems or getting error during this process so comment for your solutions and don't forget to like our Facebook Page.

Happy Blogging!

Top 3 Floating Social Media Widgets for Blogger

2014-06-04T21:35:00.000+05:30

This my Best Floating Social Media Button this very beautiful and elegant button this is the best thing is this widget scroll with each post. This widget will display in left side of your blog.This widget contain facebook like you can add the some previous widget from our blog.
Also Read:-Tech Shadow Blogger Template Download
You know that social media buttons .This widget has increase your facebook fans/likes , Twitter Followers , Google+ Followers and Pinterest .
This use this widget your blog readers can easily share your blog post with their friends and without opening social networking websites. Search engine bring positive visibility of your social pages which has more social votes from social networking websites, so today i sharing this amazing and awesome widget with you for your blogs.See this widget Demo look at top of this post where the image displayed.

Once you have seen this widget screenshot, So add this widget in your blog through my instructions given below.
How To Add Top 3 Floating Social Media Widgets for Blogger:-

Go To Blogger Dash board>>Layout>>Add Gadget
Select The HTML/JavaScript Gadget
Just you can choose any one of 3 style of this widget

Style 1:-
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><a class="addthis_counter"></a><a href="http://softwayrko.blogspot.com/2014/06/top-3-floating-social-media-widgets-for.html">Grab This Widget</a></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>

Style 2:-

 <div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_delicious"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_digg"></a><a class="addthis_button_orkut"></a><a class="addthis_button_google_plusone_share"></a><a class="addthis_button_myspace"></a><a class="addthis_button_compact"></a><h6>
<a href="http://softwayrko.blogspot.com/2014/06/top-3-floating-social-media-widgets-for.html
">Widget</a></h6>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>

Note :- I Can personally added Eight Social Widgets in this gadget you can easily edit the here its method:-

If you want to remove Myspace.com button remove the below given code:-

<a class="addthis_button_myspace"></a>

Style 3:-

<div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_delicious"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_digg"></a><a class="addthis_button_orkut"></a><a class="addthis_button_google_plusone_share"></a><a class="addthis_button_myspace"></a><a class="addthis_button_compact"></a><h6>
<a href="http://softwayrko.blogspot.com/2014/06/top-3-floating-social-media-widgets-for.html">Widget</a></h6>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>

Now Click on Save Button.

Note :- Don't forget you can choose only any one style code.

Final Words
I Hope you can add this widget in your blogger blog successfully if not?you're getting error during this process write your problem in the comments box for his problem's solution. And dont't forget to like our facebook page and share this article with your friends on social networking sites.
Happy Blogging!

Tech Shadow Blogger Template Downlaod

2014-06-03T14:44:00.000+05:30

Tech shadow is premium and professional template for blogger blog for about Tech and Blogging topic blog . it has 2 column layout with 3 footer column layout which make is more attractive template.This template are awesome header which divide into two section first is Blogger blog Title and the section for Ads (480 X 60).
This template also comes with Email subscription widget its include Facebook,Twitter,Google+,RSS Feed and Pintersest widget.It has Beautiful Dark Dropdown Menu with hover effect . it has Wikipedia Widget inside the template .It has Gray background color which make is professional.This template work on all types of Browsers.
Also Read:-Add Stylish Facebook Like Box in Blogger
Information:-

Name :- Tech Shadow
Author :- Bloggeryard.com
Platform :- Blogger/Blogspot
Release Date :- 21-june-2013
Design :- Premium and Responssive

Features:-

SEO Friendly
Ads Ready(480X60) in header section
Three Column footer
Socializer Widget
Color white & Gray
Compatible with all browsers
Related Post Widget
Popular Posts Widget with Thumbnails
Simple and clean
Fast Loading
Wikipedia Widget
Much More!

Live DEMO Download Installation

Add Stylish Facebook Like Box in Blogger

2014-06-03T13:48:00.001+05:30

Add This stylish Colorful dark facebook like box for blogger blog This is great widget for blogger because blogger visitor easily subscribe you with their accounts via Facebook without leaving your blog.You can add some old widget like Add Facebook Recommend Bar widget for Blogger and some like floating slider widget such as Add Facebook Sliding Like box for Blogger/Blogspot .After subscribing by pressing on Like Button visitors receive your most latest updates on their facebook account .This Widget also display your Facbook Fans with their profile picture and your blog Name. This widget include color full theme was created by Prajjwal Rajput .
This widget Created by Prajjwal Rajput so , all credits goes to them.
To add this widget on your blogger blog follow my instruction given below first you check the live demo of this widget:-
on top image
How to add Stylish Facebook Like Box in Blogger:-

Go To Blogger Dashboard>>Layout>>Add Gadget
Choose HTML/JavaScript Widget from Popup Window
Copy the given below code in this widget

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkEagfJt0zHVr8ScLnyrZ_uyXKvurULOj_AGuRV8YgvjdiJOfEF52KYkisbEg97tNCMlE0pbc7I2ZQ4MCuaOWq5KhsfdMQcXNlvIY2v0WFTFw-TMMUXTI3xgCCHrrDArLqJdKSSUYw3vDc/s1600/sfd.JPG');
overflow:hidden;
border-radius: 110px;
.height:250px;
width: 238px;
border-radius: 0px 13px 0px 0px;
overflow: hidden;">
<div style="height: 250px;
overflow: hidden;">
<a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_F9u5PFXzMmGiLvJw06GzXkUTo4_Tux6gxTVTS_qK1EEFrEnyqkT4zUgK3lMeOPi4ZpmOwRuTkiF9B_e7SC4xUMkHY9B1KsASKDJVtJSWv59VL8B5MVOVLwx2F03faEcFrq_EdN88cO5/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;
bottom: 10%;
right: 0%;
top: 0px;" />
</a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_F9u5PFXzMmGiLvJw06GzXkUTo4_Tux6gxTVTS_qK1EEFrEnyqkT4zUgK3lMeOPi4ZpmOwRuTkiF9B_e7SC4xUMkHY9B1KsASKDJVtJSWv59VL8B5MVOVLwx2F03faEcFrq_EdN88cO5/h120/blank.gif" alt="Latest Tips For Bloggers" border="0" style="position: fixed;
bottom: 10%;
right: 0%;" />
</a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogging Tricks">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_F9u5PFXzMmGiLvJw06GzXkUTo4_Tux6gxTVTS_qK1EEFrEnyqkT4zUgK3lMeOPi4ZpmOwRuTkiF9B_e7SC4xUMkHY9B1KsASKDJVtJSWv59VL8B5MVOVLwx2F03faEcFrq_EdN88cO5/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;
bottom: 10%; left: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&width=250&height=260&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none;
overflow:hidden;width:250px;
height:258px;" allowtransparency="true"></iframe>
</div>
</div>

Replace softwayrko with your Facebook Page username
Like this image

Click on Save Button
Finish

Final Words
I hope you are add this widget on your blogger blog successfully if not? you are getting error during this process so please write your problem in comment box for his problem's solutions and don't forget to like our facebook page..
Happy Blogging!

Color Code Generator for Blogger Blog

2014-06-02T21:49:00.001+05:30

Make your own tool hex color code generator in blogger it is very important tool for color picker and chooser in the form of # HTML color codes.

Softwayrko.blogspot.com

This color code Generator will help you to get the six digit color code is known as hexa decimal value.It is help in make the color combination with easy interface.

Also Read:-How To make blog SEO Friendly

This Hexa color code genrator will help you to make your blog colorful and professional.The color code generator very useful for HTML Students and interested see the live demo with color combination given below:-

Color Code Generator by-: Softway RKO

How To use color code Generator:-

Move the bar on the "Hue" selector to the are you desired your color palette
Then click insinde Brightness/Saturation area and move the target pointer to select your desired brightnees and saturation
Then copy the hexadecimal code from the "Hex" (i.e. #633535)

How to add this Color code Generator in Blogger Blog:-

Go To Blogger Dashboard
select the destination for this generator appear in Posts or Pages
I choose pages
Copy the following given below code in page HTML Tab

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="text-align: -webkit-center;"><marquee>Color Code Generator by-: <a href="http://softwayrko.blogspot.com/" target="_blank">Softway RKO </a></marquee></span></div>
</div>
<center>
<object border="0" classid="clsid:D27CDB6E -AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param name="movie" value="http://www.2createawebsite.com/build/color.swf"><param name="quality" value="High"><embed src="http://www.2createawebsite.com/build/color.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"></embed></object></center>
</div>

Like this Image

Then click on save
Finish Enjoy.

Final Words

I hope you successfully add this color code generator in your blog if not? you are getting error during this process write your problem in comments box for his problem's solutions and don't forget like our facebook page
Happy Blogging!

How To make blog SEO Friendly

2014-06-02T15:05:00.001+05:30

This is most important role in blogger blog every blogger's dream want to appear their blogger blog in search result and search engines.Today i am going share helpful trick with you and i am sure that trick really help in make your blog seo friendly and optimized .TO make blogger seo friendly so very easy and interesting just put on javascript code in your blogger blog template then your blog automatically SEO Friendly.
Also Read:-Download gaming blogger template
How To make blog SEO Friendly:-

Go to Blogger Dashboard>>Template>>Edit HTML
Find this tag </head> using (Ctrl+F)
Paste the below given code before it.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
jQuery('a').each(function(){// Let's make external links open in a new tab. var href=jQuery(this).attr('href');if (typeof href !='undefined' && href !="" && (href.indexOf('http://') !=-1 || href.indexOf('https://') !=-1) && href.indexOf(window.location.hostname)==-1){jQuery(this).attr("target", "_blank");}});//]]></script>
<script type='text/javascript'>//<![CDATA[
jQuery('a').each(function(){// Let's make external links nofollow. var href=jQuery(this).attr('href');if (typeof href !='undefined' && href !="" && (href.indexOf('http://') !=-1 || href.indexOf('https://') !=-1) && href.indexOf(window.location.hostname)==-1){jQuery(this).attr("rel", "nofollow");}});//]]></script>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function(){$('img').each(function(){var $img=$(this);var filename=$img.attr('src') $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));});});//]]></script>

Click on Save Template
Finish Enjoy
Your blog are Successfully SEO Optimized.

Final Words

I hope you successfully in make blog seo friendly if not? please write your problem in comments box and don't forget to like our facebook page.

Happy Blogging!

Angry Birds Space Blogger Template Downlaod

2014-06-02T13:55:00.001+05:30

Hello Bloggers Today I Comes with this template Called Angry Birds Space template for Blogger blog .This a beast High Definition template for blogger blog about games topic.This comes with many features like 2 footer slider features posts slider and much more.
Also Read:-How To Replace "Post A Comment" Text with Image
This template was developed by most popular template website premiumbtemplates.com and its author:-Sohan Javasinghe This template was best for gamer bloggers and games review blogger.This is my best template.
About this Template:-
Platform:-Blogger/Blogspot
URL:-www.softwayrko.blogspot.com
Uploaded by:- Prajjwal Rajput
Design:-Premium and Repsonsive
Features:-

SEO Optimized
2 Footer
2 column
right sidebar
3 column footer
Games Design
slider for latest post
page navigation
auto summary posts
Ads Area Ready top and Sidebars
Much More!

Download Now Live Demo

How To Replace "Post A Comment" Text with Image

2014-06-01T22:13:00.001+05:30

Hello Bloggers mysel fPrajjwal Rajput and i am going to share Replace "Post A Comment" Text with Image Comments is a most necessary features for blogger because comment at discussion place where the admin solve their visitor's problems . Every blogger always try to every day lot comments from his blog for his articles , post and requests but their blog visitors are bored from same old style comments text messages it is very loss of his blog. So today I am going to Replace boring Post a Comment with a cool Image
Also Read:-How To Make Backup Your Blogger Blog
It is very so easy to replace text with image just follow my easy instruction then you seed result
Not just replace with one image , put any URL image then will appear than text message .
How To Replace "Post A Comment" Text with Image:-

Go TO Blogger Dashboard>>Template>>Edit HTML
Find this code <h4 id='comment-post-message'><data:postCommentMsg/></h4>
Replace With below given code

<a href='http://www.softwayrko.blogspot.com/' rel="nofollow"><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwqGU7kEBBPWb8T5oGlLmUteNrDvfN1KsD4qYlrv878lfbwHk-GOMWiAVA_kipnOi_izFywh6Xc2H_lt5515mq2yJMtQYbxSx8uXY4mcIeFmWi1jwZbz-z3H-pwoTJnGLRKAHlfsQ69yk/s226/comment.gif'/></a>

Replace Given Orange with your favorite image URL
Save It!
Happy Blogging!

Final Words

I hope you successfully replace text message with an image in your blog if not? write your problem in comment box for his problem's solutions and don't forget to like our Facebook Page

Keep visiting our blog.

How To Make Backup Your Blogger Blog

2014-06-01T21:08:00.000+05:30

Hello Friends Myself Prajjwal Rajput and today i am going to share this tutorial given below
This is the most important tutorial for your blog and new bloggers .This is the best tutorial for easily make your blog post data and comments in your computer.This is very useful article and i am sure this article help in make blog post backup for your blogger blog.
Also Read:- Purez Responsive Premium Blogger Download
This is very best blogger template try is now.
this is very is to make backup of your blogger post just follow my simple and easy steps with picture then you successful to make backup of your blogger post. Its take might time depending on your number of post published in your blogger blog.
To Make your blog's backup follow below given instructions:-
How To Make Backup of Blogger Blog Posts:-

Go To Blogger Dash board
Click on setting Tab

Click on Other Tab like this image

after click on other tab
then click on export blog

Then Click on Download Blog

Finish your blog post download starting and save in your PC

Final Words

I hope you successfull to make your blogger blog's post backup if your are getting error or face problem during this process write your problem in comment box for his problem's solutions and don't forget like our Facebook Page Thank You.

Happy Blogging!

Purez Responsive Premium Blogger Download

2014-06-01T20:11:00.001+05:30

Hello Friends i am Prajjwal Rajput and i am going to share this premium responsive template for blogger blog it is called Purez Responsive Premium Template.This template was very responsive and premium for magazine and others related topic for blogger.
Also Read:-Add Recent post Widget with hover effect in blogger
You this blogger blog template look like Maxxiz Blogger Template these two template higher user friendly SEO Optimized this template has comes with many features
Information:-
Author:-Themeforest.net
URL:-www.softwayrko.blogspot.com
Market Price:-$6
Softway RKO Price:- FREE
Features:-

SEO Optimized
Responsive Design
Premium Template
News Ticker
Grid view mode
List view Mode
Ajax Recent posts widget with thumbnails
Ajax Related posts widget with thumbnails
Json search Box
Custom error 404 Page
Blogger Template Designer Support
Auto Featured Posts area
Manual Features posts area
Emotions
5 types Recent Comments Widgets
RTL Support
Support Third Party Image
Compatible with all browsers(IE,Chrome,Firefox,Safari,etc)
Custom Social share widgets
Much More!

Download Now Live Demo

Final Words

Once you have seen demo then download this template free if like this template please comments and don't forget to like our Facebbok Page

Happy Blogging!

Add Recent post Widget with hover effect in blogger

2014-05-31T22:41:00.000+05:30

Hello Bloggers Prajjwal Today i am going to show how to Add Recent post Widget with hover effect in blogger
this widget has amazing and wonderful design This widget shows only latest your blog post in it it work on CSS and JavaScript.
Also Read:-Add Automated Featured Post Widget in Blogger
It is has fully responsive optimized with hover effect mean when your blog visitor enterd your blog then mouse placed in this widget then this animated automatically . This widget is very attractive it has a loading effect feature this thing make this widget is more awesome once you have seen this widget demo, add this widget in your blog
Check Live Demo:--

How To add Recent post Widget with hover effect in blogger:-

Go to Blogger dashboard>>Layout >>Add Gadget
Choose HTML/JavaScript Gadeget
Paste below given code in widget

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#post-gallery {width:100%; margin:0px auto;font:normal 11px Arial,Sans-Serif;color:##000000;padding:8px;}
#post-gallery .rp-item {float:left;display:inline; position:relative; margin:2px; padding:0px 0px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpGMDn6pgq3vwrgWMF6MAmZX3TtSeoXWVlduFljT1Riwsm3EqGvKLDDb-s9JNopqUgNhwFiavzWv640MRistyisOQCI_qHkVGkjxP5KPvnl3sTW1GhLFuHWWVBz14yqvv_-YS8qnRGrOGh/s1600/LOAD+(66).gif') no-repeat 50% 50%; width:79px; height:79px;}
#post-gallery .rp-item img { width:69px; height:69px; border:none !important; margin:0px 0px !important; padding:0px 0px !important; background:transparent !important; display:none;}
#post-gallery .rp-item img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
#post-gallery .rp-item .rp-child { position:relative; top:10%!important; left:10%!important; z-index:1000; width:200px; background-color:white; border-bottom:5px solid #1BA1E2; -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; opacity: 0.9;}
#post-gallery .rp-item .rp-child h4 { font-size:12px; margin:0px 0px 5px; color:#1BA1E2;}
#post-gallery .rp-item:hover .hidden {display:block;}</style>
<script type="text/javascript">
var rpTitle = "Recent Posts", // Related posts
numposts = 14, // Number of Posts to show
numchar = 200, // Number of Characters to be displayed
rcFadeSpeed = 600, // Speed
pBlank = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif", // If No Image
blogURL = "http://softwayrko.blogspot.com/"; // Your Blog URL
</script>
<script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-posts.js" type="text/javascript"></script>

Replace 14 with number of post shown in this widget
Replace http://softwayrko.blogspot.com/ with your blog URL
Save it!
Enjoy

Final Words

I hope this widget are successfully add in your blog if not please write your problem in comment box for his problem solutions Happy Blogging!