Showing posts with label Seo Template. Show all posts
Showing posts with label Seo Template. Show all posts

Sunday 1 June 2014

Free Download Top 10 Vital Hacking Software and Tools

The collection contains the most necessary programs and utilities for the hacker. All is presented in a convenient environment with background music.

Contains a following software:

  1. - Cain and Abel (sniffer)
  2. - John the Ripper (powerful brootforce)
  3. - NetStumbler (allows to define radius of action of network WiFi - in real time for the diagram it is possible to see size of a useful signal)
  4. - Nmap (one of the best network scanner)
  5. - Putty (a quite good telnet the client)
  6. - SuperScan (powerful scanner TCP of ports, pinger and hostname resolver)
  7. - Hping (allows to generate special ICMP/UDP/TCP packages and to look through answers ping a host in style of the usual utility ping)
  8. - Lcp (audit and restoration of passwords Windows NT / 2000 / XP / 2003)
  9. - Nikto (perl the scanner broken Web a server, with support SSL)
  10. - Kismet (sniffer a wireless network 802.11 and the decoder of packages)

1.gif (125×70)

Download

view password no (5)

COPY this password and open the file and install game in your pc and enjoy.....

no(0)
PASSWORD= SAKILFREEGAMES.BLOGSPOT.COM
no(1)
PASSWORD= WWW.MUHAMMADNIAZ.NET
no(2)
PASSWORD= WWW.FULLYPCGAMES.NET
no(3)
PASSWORD= FULLYPCGAMES.BLOGSPOT.COM
no(4)
PASSWORD= DLOADGAME.COM
no(5)
PASSWORD= WWW.PKGAMES.NET
no(6)
PASSWORD= SOFTGAMEBIZ.BLOGSPOT.COM
no(7)
PASSWORD= WWW.ALLCOMPRESSED.COM
no(8)
PASSWORD= WWW.SKIDROWGAMES.NET
no(9)
PASSWORD= WWW.DOWNLOADHA.COM
 
<a href='//ad.propellerads.com/ck.php?n=1d4e8111' target='_blank'><img src='//ad.propellerads.com/avw.php?zoneid=&n=1d4e8111' border='0' alt='' /></a>

DOWNLOAD NOW

Read More

Saturday 31 May 2014

How To Add Facebook Like Box Widget For Blogger


How To Add Facebook Like Box Widget For Blogger

Today's we provide full tutorial about How to Add Facebook like Box Widget for Blogger because every blogger want to add facebook like box on their blog. Facebook is biggest way to promote your blog because everyone uses facebook. Many ways to promote your blog on facebook and facebook fan page is one of them. You can create facebook fan page for your blog or website and increase like for your fan page. You can easily add your fanpage like box on your blogger blog. So see how to add facebook like box widget to your blogger blog.

How To Add Facebook Like Box Widget For Blogger

Add Facebook Like Box Widget

You can add facebook like box widget for blogger easily with follow some simple steps:

Step 1

Log in into Blogger Dashboard and Go to Layout then click on Add a Gadget link as shown in below picture.
How To Add Facebook Like Box Widget For Blogger

Step 2

Add HTML/JavaScript as shown in below picture.
How To Add Facebook Like Box Widget For Blogger

Step 3

Insert below code into box.
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2
Fmhahnh786&amp;width=300&amp;
height=190&amp;show_faces=true&amp;colorscheme=light&
amp;stream=false&amp;border_color&amp;header=false"
scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:312px; height:190px;" allowtransparency="true"></iframe>
<a href="http://www.haakblog.com/2014/02/download-best-blogger-templates-of-2014.html" rel="dofollow" target="_blank" title="blogger templates"><img src="https://bitly.com/haakblog" alt="blogger templates" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="https://bitly.com/haakblog" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.haakblog.com/2013/07/add-facebook-like-box-widget-for-blogger.html" target="_blank" title="like box Widget">Like box Widget</a></div>
Tips: Change mhahnh786 to your facebook page name. You can also change Width and Height as your requirement.

Step 4

Click on save button.
Read More

Facebook Code on your post

              Facebook Code on your post



code:


<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2
Fmhahnh786&amp;width=300&amp;
height=190&amp;show_faces=true&amp;colorscheme=light&
amp;stream=false&amp;border_color&amp;header=false"
scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:312px; height:190px;" allowtransparency="true"></iframe>
<a href="http://www.haakblog.com/2014/02/download-best-blogger-templates-of-2014.html" rel="dofollow" target="_blank" title="blogger templates"><img src="https://bitly.com/haakblog" alt="blogger templates" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="https://bitly.com/haakblog" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.haakblog.com/2013/07/add-facebook-like-box-widget-for-blogger.html" target="_blank" title="like box Widget">Like box Widget</a></div>






change name:mhahnh786

Read More

Facebook Wiget Code

                  Facebook Wiget Code
web:https://developers.facebook.com/docs/plugins/like-box-for-pages



Code:
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmhahnh786&amp;width&amp;height=590&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=true&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:590px;" allowTransparency="true"></iframe>



change: mhahnh786
your page name

Read More

Wednesday 28 May 2014

Tips To Write SEO Friendly Blog Posts

SEO Friendly Posts
As you know that it is important for every blogger that he/she must have knowledge about search engine optimization to drive handsome traffic from search engines. And this is the only way which will success all the bloggers. Well, Few days ago we discussed on some important search engine optimization tips and today we're back with little helpful tips about making or writing search engine friendly blog posts. These tactics or tips are gonna help everyone whoever is going to read this article. By these tactics, your blog will be more search engine friendly, your posts will be indexed fast, high organic traffic and a lot of benefits. So here we're going to discuss about these all tactics. Let's start it.

Choosing Perfect Post Title

Choosing perfect post title for your every post is important. In order to write a perfect post title, your title have less than 66 characters or 66 characters because Google only shows first 66 characters in search results. Before writing your post title you must use Google Keywords Tool. That tool will help you to find out which keywords are using mostly around the world. And one important thing that your post title must having h2 tag otherwise you can make h2 tag for your post title by reading below post.
  • Recommended : Make a Blogger Template SEO Friendly

Add alt='KEYWORD' Attribute In Images

Another important tip is that you should add alt='keyword' attribute in your post images. This will tell the search engine's crawler that which keyword is having that image. The minimum characters for keywords are 50 so make sure that your keyword is not crossing the limit. This will also help you in getting traffic from image search engines. If you don't know how to insert that keyword in image code then look at the below code.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMb3WmvpFQCeK8BjYX_T8a-_9KKdS3mnSOOiPE50gT7LgfjN1WI-T2YpMIvmbHgcjvEqUwmzphp08khrCMZHFtfWhLsloHjxeGi9P1aW2C23EyPusixe8Loc4_FU3h7CPSIvPFraq4nplN/s1600/SEO+Friendly+Content.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt='SEO Friendly Content' border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMb3WmvpFQCeK8BjYX_T8a-_9KKdS3mnSOOiPE50gT7LgfjN1WI-T2YpMIvmbHgcjvEqUwmzphp08khrCMZHFtfWhLsloHjxeGi9P1aW2C23EyPusixe8Loc4_FU3h7CPSIvPFraq4nplN/s1600/SEO+Friendly+Content.jpg" /></a>

 Add Search Description

Adding search description or meta description in your posts can help you in getting higher ranks in search results. But your description must be properly written and have 150 characters because Google shows only 150 characters in search results otherwise it will look broken description. If you don't know enabled meta description in your blog then do it now by following the below post.
  • Recommended : Add Meta Description Tags In Every Post In Blogger

Avoid Keyword Stuffing

Using the main keyword repeatedly in the whole article is known as keyword stuffing. In other words, If I'm writing an article of 1000 words in which I've used the main keyword 50 times then it is said to be as keyword stuffing. How to avoid ? To avoid keyword stuffing you should use main keywords in whole article only 3%. It means if you are writing the article of 1000 words then you should use the main keyword only 20 times. If you do keyword stuffing then your posts may loose the ranking after Google penguin updates.

Keyword Density

This is the another which will also help you to be safe from Google Penguin updates. Most of people use to write the main keywords more than two times in post title, permalinks and in search description. It means adding repeatedly keywords in post title, permalinks and search description is known as keyword density. So here you have to use only one time main keyword in all these mentioned things.

Link Old Posts in New Posts

This is an amazing trick done by every blogger is that they use to mention or link their old posts in their new posts by which they don't loose the ranking of old posts and it also helps to get posts indexed fast in search engines. You just need to add the link of any post in your newer posts. But remember that both posts must be related to each other so that visitor may like to land on old post.

Over To You

Now it's your turn to try these tips on your blog. I hope that these tips are obviously going to help you in writing search engine friendly posts. If you know other tips then please do share with us in comments or if you are stuck in any problem then also comment below. Get connected us for more and also subscribe us. Happy Blogging!
Read More

Tech Shadow Blogger Template Free Download

Tech Shadow
Name : Tech Shadow
Platform : Blogger/BlogSpot
Release Date : 21 June, 2013
Category : Technology, Blogging
Layout : Two Column
Author : www.bloggeryard.com
License : Creative Commons Attribution


After the giving a fantastic giveaway which was BlogTapper. Com domain name now here we're back with a special gift. We're releasing a simple (little bit stylish) template which is named as Tech Shadow for all the blogger users. The winner of our previous giveaway can also use this template for his/her blog because this is a tech and blogging niche template. 
UPDATE : Due to many requests on removing the footer credit link the footer of the template and in Socializer widget we've made this template totally premium. There is not any credit link in the template so enjoys the premium version. Just re-download the template from above button. Have a nice day!

Credits

This is the free of cost template for everyone but due to our hard efforts we had implemented a footer credit link but after a lot of requests we've made this template premium with no more links in it. So just re-download the template and enjoy it. 

Tech Shadow Blogger Template

Tech Shadow is a stylish blogger template which is designed for technology and blogging niche blogs. This is having 2 columns. The header of this template is having two sections, on the left side we've placed the title of the blog and a little description or slogan space while on the right side we've implemented the ad banner section. We've also added the stylish menu on the bottom of the header. After header, it is having subscription section in which we've added an email subscription form with social icons. It also has three column footer widgets section with simple menu at the top of the footer.

Features

  • SEO Friendly : SEO is the most important so this template is search engine friendly. You don't need to worry about the on-page search engine optimization.
  • 468x60 Ad Section In Header : The first feature of this template is that it is having the ad space  in the header by which you get more impressions and your earning will be double.
  • Header Subscription Area : After header we've designed the subscription area which is having an email subscription form with social icons. This will help you in increasing fans.
  • Auto Thumbnail Post on Home : This is also having an auto thumbnail script which will automatically create the thumbnail posts on homepage.
  • Socializer Widget : We've also added our Socializer widget at the bottom of the every post. This will help you in socializing your content and increasing social followers.
  • Related Posts : This widget is important for every blog so we've already added a related posts widget in this template below every post.
  • Threaded Comments : Threaded commenting is important for every in order to make the great discussions with the readers that's why we've also enabled threaded comments on this template.
  • Three Column Footer : In the last it has had three column footer area where you can add the about the author, recent comment and recent posts widget. It is also having the sub menu on the top of the footer with a cute back to top button.

Customization

If you've knowledge about HTML, XML, CSS then you can customize this template and completely make this design of your blog. This template needs some changes like re-placing social usernames, Feedburner username and little things. Simply follow the tutorials.

Edit The Navigation Menu

  • Go To Blogger >> Template >> Edit HTML 
  • Find For <ul id='nav'>
  • You Will See The Following Code There.
 <ul id='nav'>
                <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
                <li><a class='hsubs' href='#'>Menu 1</a>
                    <ul class='subs'>
                        <li><a href='#'>Submenu 1</a></li>
                        <li><a href='#'>Submenu 2</a></li>
                        <li><a href='#'>Submenu 3</a></li>
                        <li><a href='#'>Submenu 4</a></li>
                        <li><a href='#'>Submenu 5</a></li>
                    </ul>
                </li>
                <li><a class='hsubs' href='#'>Menu 2</a>
                    <ul class='subs'>
                        <li><a href='#'>Submenu 2-1</a></li>
                        <li><a href='#'>Submenu 2-2</a></li>
                        <li><a href='#'>Submenu 2-3</a></li>
                        <li><a href='#'>Submenu 2-4</a></li>
                        <li><a href='#'>Submenu 2-5</a></li>
                        <li><a href='#'>Submenu 2-6</a></li>
                        <li><a href='#'>Submenu 2-7</a></li>
                        <li><a href='#'>Submenu 2-8</a></li>
                    </ul>
                </li>
                <li><a class='hsubs' href='#'>Menu 3</a>
                    <ul class='subs'>
                        <li><a href='#'>Submenu 3-1</a></li>
                        <li><a href='#'>Submenu 3-2</a></li>
                        <li><a href='#'>Submenu 3-3</a></li>
                        <li><a href='#'>Submenu 3-4</a></li>
                        <li><a href='#'>Submenu 3-5</a></li>
                    </ul>
                </li>
                <li><a href='#'>Menu 4</a></li>
                <li><a href='#'>Menu 5</a></li>
                <li><a href='#'>Menu 6</a></li>
    <li><a href='http://www.bloggeryard.com'>Download This Template</a></li>
    <div id='lavalamp'/>
  </ul>
  • Replace Blue Highlighted Code With The Link
  • Replace Yellow Highlighted Text With The Link Text. 

Header Subscription Area

  • Go To Blogger >> Template >> Edit HTML 
  • Find For <!-- Top Subsbox By Www.BloggerYard.Com Start -->
  • After That You Will See The Code Like Below
<!-- Top Subsbox By Www.BloggerYard.Com Start -->
<div id='byard-topsubsbox'>
<div id='subscriptionsection'>
<div class='subsbox-heading'>Subscribe For Free Updates!</div>
 <form action='http://feedburner.google.com/fb/a/mailverify?uri=BloggerYard' class='byard-subsbox-form' method='post' target='_new'>
  <input class='topsubsboxname' name='name' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Your Name&apos;;}' onfocus='if (this.value == &apos;Your Name&apos;) {this.value = &apos;&apos;;}' value='Your Name'/>
  <input class='topsubsboxemail' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Your Email Address&apos;;}' onfocus='if (this.value == &apos;Your Email Address&apos;) {this.value = &apos;&apos;;}' value='Your Email Address'/>
  <input class='topsubsboxbutton' type='submit' value='Sign Up!'/>
 </form>
  <p style='margin-top: 8px;font-size: 13px;text-align: center;font-family: Source Sans Pro;font-style: italic;font-weight: 600;'>We&#39;ll not spam mate! We promise.</p>

  </div>
<div class='socialicons'>
  <div class='socialheading'>Become Our Fan on Social Sites!</div>

<ul>
<li><a href='https://www.facebook.com/BloggerYard'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQvF2CL0QXOQVcHoru79n4AvImd9kBMTTt1IwT3jIniU1EVBkdINCeHmxIIu2PD1AJ-xeqOu7-bCJgARJcvxXXNhMDaf3Ih3pJRh0e-YL05dRcOxNllrwi_pkJbkiW8m3bvSH8elxO7mBa/s1600/facebook_64.png' title='Facebook'/></a></li>
<li><a href='https://twitter.com/BloggerYard'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3dCdev6RdMO4_1PJ3r5ZfoArdxtHUVUzactYKT4pYy90MCI5BLUOKxXJnnFj3cQIUS6ScukWg4zXLdWp6JupX2y-JB24x3oWvTKJj2gggvfNRO2wgQLld0Dk_rdDa8mLse6Ilr4VWcaix/s1600/twitter_64.png' title='Twitter'/></a></li>
<li><a href='https://plus.google.com/101996924620264617682/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFXpyRiaZ-VSiuoLil5uPnUUvdXQrbtbz8iMVGq_Nipxk19FNLwZ5fUvrfCmJFdYbX7A8HD8oR8M-MlguiSnVOzOt9XajzN4nqqT5S5BfHKm2O93Aheg1pFQkxPi0_gZvfvIEdIuCgMoBI/s1600/google-plus_64.png' title='Google +'/></a></li>
<li><a href='http://feeds.feedburner.com/BloggerYard'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs2emeIfeyrRjDdz3OWopM43nD07aCUd4M_BgoQySguNdB7tmkdqswpHkowPWJdiM5lbTGG1Od563JR9g1eiYMwAnq07yqFU9fCQvl0ict_cSZjPhZpOAdNdWC6v1ju2NwvSzjM5IEYQE7/s1600/rss_64.png' title='Rss'/></a></li>
<li><a href='http://pinterest.com/yaqoobhisbani/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwmZr70vIK7n2srxnIATXf4LBJNP0_48Q0ldHPKmxKokCPNuffBQjbHTKxrAaA6aqCbxyOP_oa-29beNtLQXXsrRH3jZjReJp6AYMvylqSdC4_L287cOcIYx8gHzj-FLFj2Hox4JKvOg1T/s1600/pinterest_64.png' title='Pinterest'/></a></li>
</ul>  </div>
    </div>
<!-- Top Subsbox By Www.BloggerYard.Com End -->
  • Replace The Highlighted Links With Yours. 

Socializer Widget

  • Go To Blogger >> Template >> Edit HTML 
  • Find For <!--- Socializer Widget By Www.BloggerYard  Start -->
  • There You Will See The Following Code
<!--- Socializer Widget By Www.BloggerYard  Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <style>
#byard-socializer {
width:500px;
height:250px;
border:1px solid #ddd;
-moz-box-shadow:0 7px 9px rgba(50,50,50,0.75);
box-shadow:0 7px 9px rgba(50,50,50,0.75);
background:#f1f1f1;
transition:background .5s;
-webkit-transition:background .5s;
-moz-transition:background .5s;
overflow:hidden;
margin:10px;
}

#byard-socializer:hover {
background:#fff!important;
}

#byard-socializer-title {
text-align:center;
border:1px solid #2aa4cf;
font-size:20px;
background:#2aa4cf;
font-weight:2000;
font-family:oswald;
color:#fff;
padding:5px;
}
   #sw-credits {font-size:13px;}
   .likeonfb {padding-left:10px;}
</style>
  <script src='https://bloggeryard.googlecode.com/svn/trunk/Socializer.js/' type='text/javascript'/>
<script type='text/javascript'>
    var switchTo5x = false;
</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>
    stLight.options({
            publisher: &quot;
            ede9503f - 57ea - 4698 - a245 - 17187b93fa50 &quot;, doNotHash: false,
            doNotCopy: false,
            hashAddressBar: false
        });
</script>
 <center>
<div id='byard-socializer'>
 <div id='byard-socializer-title'>
  Please Give Us Your 1 Minute In Sharing This Post!
 </div>
 <div id='SocializeIt'>
  <font class='heading'>SOCIALIZE IT &#8594;</font>
  <div class='tweet'>
   <a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
  </div>
  <div class='like'>
   <iframe allowtransparency='true' expr:src='&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/>
  </div>
  <div class='plusone'>
   <div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>
   </div>
  </div>
  <div id='followus'>
   <font class='heading'>FOLLOW US &#8594;</font>
   <div class='likeonfb'>
    <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fmhahnh786&amp;send=false&amp;layout=button_count&amp;width=77&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21' style='border:none; overflow:hidden; width:77px; height:21px;'/>
   </div>
   <div class='followontwitter'>
    <a class='twitter-follow-button' data-button='grey' data-link-color='#289728' href='http://twitter.com/mhahnh786' rel='nofollow'/>
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
   </div>
  </div>
  <div id='share'>
   <font class='heading'>SHARE IT &#8594;</font>
   <div class='sharing'>
    <span class='st_facebook_large' displaytext='Facebook'/>
    <span class='st_twitter_large' displaytext='Tweet'/>
    <span class='st_googleplus_large' displaytext='Google +'/>
    <span class='st_pinterest_large' displaytext='Pinterest'/>
    <span class='st_linkedin_large' displaytext='LinkedIn'/>
    <span class='st_stumbleupon_large' displaytext='StumbleUpon'/>
    <span class='st_email_large' displaytext='Email'/>
    <span class='st_sharethis_large' displaytext='ShareThis'/>
   </div>
  </div>
  <div id='sw-credits'>
   Powered By: <a href='http://www.bloggeryard.com' id='swcreditx'>BloggerYard.Com</a>
  </div>
 </div>
 </center>
 </b:if>
<!--- Socializer Widget By Www.BloggerYard  End -->
  • Replace BloggerYard With Your FB Page Username Also Replace The Twitter Link With Yours.

Footer Menu

  • Go To Blogger >> Template >> Edit HTML
  • Find For <div id='footer-top-wrapper'>
  • There You Will See The Code Like Below
<div id='footer-top-wrapper'>
 <div id='footer-top'>
<ul id='footer-navigation'>
  <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='#'>About Us</a></li>
  <li><a href='#'>Contact Us</a></li>
  <li><a href='#'>Sitemap</a></li>
  <li><a href='#'>Privacy Policy</a></li>
   </ul>
<div id='backtotop'>
<p id='back-top'>
 <a href='#'>Back to top</a>
</p>
 </div>
  </div></div>
  • Replace Blue Highlighted Code With The Link
  • Replace Yellow Highlighted Text With Your Link Text.
  • Congratulations! You've Successfully Customized The Template!
Read More

How To Add Drop Down Navigation Menu In Blogger

Drop Down Menu
Previously, I shared a tool by which bloggers can check and correct the grammatical mistakes in their articles and Today I'm going to share the simple drop down navigation menu for blogger. This is important for every blogger to make the navigation easier of their blogs due to several reasons and drop down navigation  menu is an ideal thing for it. In these kind of menus, when someone hovers the mouse cursor on any specific category then it drops some sub categories of it in the vertical style. And due to this effect, it is known as best menu style. Well, before installing this in your blog first let me tell you something about this.

Drop Down Navigation Menu

This is the simple drop down navigation menu which is built with pure HTML, CSS3 and JQuery. It has a gray color because it is user friendly and it will not affect the visitors' eyes. You know some heavy colors like Purple, Blue and Orange affect the visitors' eyes and most web designers use light colors. So this menu shows the vertical sub categories when you'll place the mouse on any drop down menu. It also has a focus or click effect. You can have a look at this by visiting the below demo link.

Tutorial

Tutorial of installing this menu is your blog is just left hand game. Yeah! It is simply easy. So, follow the below given steps and add it.
  1. Go To Blogger >> Layout >> Add a Gadget (In The Header Area)
  2. Choose "HTML/JavaScript"
  3. Paste The Following Code In The Content Box
  4. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
    </script>

    <script type="text/javascript">
      $(function() {
        //We initially hide the all dropdown menus
        $('#dropdown_nav li').find('.sub_nav').hide();
     
        //When hovering over the main nav link we find the dropdown menu to the corresponding link.
        $('#dropdown_nav li').hover(function() {
          //Find a child of 'this' with a class of .sub_nav and make the beauty fadeIn.
          $(this).find('.sub_nav').fadeIn(100);
        }
                                    , function() {
                                      //Do the same again, only fadeOut this time.
                                      $(this).find('.sub_nav').fadeOut(50);
                                    }
                                   );
      }
       );
    </script>
    <style>
      #dropdown_nav a {
    font-family:Arial, Sans-Serif;
            font-size:15px;
            font-weight:bold;
            color:#525252;
            text-decoration:none;
          }
          #dropdown_nav {
            width:960px;
            padding:0px;
            display:inline-block;
            list-style:none;
            -moz-box-shadow:inset 0px 0px 1px #fff;
            -webkit-box-shadow:inset 0px 0px 1px #fff;
            border:1px solid #ccc;
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            background:#e2e2e2;
            background:-moz-linear-gradient(#f3f3f3, #e2e2e2);
            background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
          }
       
          #dropdown_nav li {
    padding:10px 0px 10px 0px;
    float:left;
    position:relative;
    display:inline-block;
          }
       
          #dropdown_nav li a {
            padding:10px 15px 10px 15px;
            text-shadow:-1px 1px 0px #f6f6f6;
            -moz-box-shadow:inset 0px 0px 1px #fff;
            -webkit-box-shadow:inset 0px 0px 1px #fff;
            border-right:1px solid #ccc;
          }
          #dropdown_nav li a:hover {
            background:#f9f9f9;
            background:-moz-linear-gradient(#f9f9f9, #e8e8e8);
            background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e8e8e8));
          }
          #dropdown_nav li a:active {
            background:#e2e2e2;
            background:-moz-linear-gradient(#e2e2e2, #f3f3f3);
            background:-webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#f3f3f3));
          }
       
          #dropdown_nav li a.first {
            -moz-border-radius:5px 0px 0px 5px;
            -webkit-border-radius:5px 0px 0px 5px;
          }
          /*#dropdown_nav li a.last {
          -moz-border-radius:0px 5px 5px 0px;
          -webkit-border-radius:0px 5px 5px 0px;
        }
          */
       
          /* Sub-Nav styling */
          #dropdown_nav .sub_nav {
            width:160px;
            padding:0px;
            position:absolute;
            top:38px;
            left:0px;
            border:1px solid #ccc;
            background:#e2e2e2;
          }
       
          #dropdown_nav .sub_nav li {
            width:160px;
            padding:0px;
          }
       
          #dropdown_nav .sub_nav li a {
            display:block;
            border-bottom:1px solid #ccc;
            background:-moz-linear-gradient(#f3f3f3, #e2e2e2);
            background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
          }
          #dropdown_nav .sub_nav li a:hover {
            background:#f9f9f9;
            background:-moz-linear-gradient(#f9f9f9, #e8e8e8);
            background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e8e8e8));
          }
          #dropdown_nav .sub_nav li a:active {
            background:#e2e2e2;
            background:-moz-linear-gradient(#e2e2e2, #f3f3f3);
            background:-webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#f3f3f3));
          }
    </style>
    <!-- Navigation Start -->
    <ul id="dropdown_nav">
    <li><a class="first" href="http://www.bloggeryard.com/">Home</a></li>
    <li><a href="#">Tutorials</a>
    <ul class="sub_nav">
    <li><a href="#">Photoshop #1</a></li>
    <li><a href="#">Photoshop #2</a></li>
    <li><a href="#">Photoshop #3</a></li>
    <li><a href="#">Photoshop #4</a></li>
    <li><a href="#">Photoshop #5</a></li>
    <li><a href="#">Photoshop #6</a></li>
    <li><a href="#">Photoshop #7</a></li>
    </ul>
    </li>
    <li><a href="#">Artciles</a>
    <ul class="sub_nav">
    <li><a href="#">Announcements #1</a></li>
    <li><a href="#">Announcements #2</a></li>
    <li><a href="#">Announcements #3</a></li>
    <li><a href="#">Announcements #4</a></li>
    </ul>
    </li>
    <li><a href="#">Freebies</a>
    </li>
    <li><a class="last" href="#">Other Stuff</a>
    <ul class="sub_nav">
    <li><a href="#">Other Stuff #1</a></li>
    <li><a href="#">Other Stuff #2</a></li>
    <li><a href="#">Other Stuff #3</a></li>
    <li><a href="#">Other Stuff #4</a></li>
    </ul>
    </li>
    </ul>
  5. Replace Yellow Highlighted Characters With Links
  6. Replace Green Highlighted Characters With Link Text
  7. Click "Save" Button
  8. That's All!
Read More

How To Add Infinite Scrolling Effect In Blogger

Infinite Scrolling Effect
Recently, I shared the drop down navigation menu and a little tip about adding ALT and Title Tags in images and here today I'm going to show you that how can we add an infinite scrolling effect in blogger. This effect makes our blog more professional and cute to look. Basically, This was developed for WordPress themes, but we can also use it in Blogger Templates. This effect appears on only homepage. When someone will land on the homepage, there he will see the minimum posts, as he scrolls down then automatically, more posts load with dashing style. So first let me explain that how it works and how the developers has built this effect.

Infinite Scrolling Effect 

After installing this on your blog, when you will land on the homepage, first you will see the minimum posts on homepage which you've set. As you scroll down, automatically more posts will load with loading effect. This will help the readers to get even more content instantly and your readers will be served better. It is built with pure JavaScript and JQuery. Actually, This JQuery replaces the older and newer page navigation links with the effect and if you've installed this effect then those page navigation will not appear on the homepage only. This may not work in your template if you've not implemented auto post thumbnail with the read more button script. 

Disadvantage Of This Plugin

As I told you that this built with pure JQuery and JavaScript so there are many peoples who disable the JavaScript in their browsers just to load pages faster. Those people disable JavaScript in their browser due to lazy operator system or even to get internet surfing speed higher. So if someone comes to your blog with JavaScript disabled in the browser, then he will be unable to see that effect and your blog will not work properly on his system. But mostly people don't disable JavaScript and now it depends on you that you should implement this in your blog or not.

How To Implement?

Installing this plugin in your blog is really left hand work. It is already built so you don't need to develop the code. So just follow the below given tips to get it in your blog.
  1. Go To Blogger >> Template >> Backup Your Template
  2. Click Edit HTML >> Find For </head>
  3. Paste The Following Code Above </head>
  4. <b:if cond='data:blog.pageType == "index"'>
    <script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
    <script src='https://bloggeryard.googlecode.com/svn/trunk/Infinite%20Scroll%20Plugin.js' type='text/javascript'/>
    <script type='text/javascript'>
    jQuery.ias({
        container : '.blog-posts',
        item: '.post-outer',
        pagination: '#blog-pager',
        next: '#blog-pager-older-link a',
        loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqhB4zU4I0jhSSjhGw5Ta1zMRHYsQW-B_Sh-FkKnOVIzfHSFS6P1_qpEZp1m4TfXsYczHAjHx6V1dy5SbzCijwptk1WwOaYxZ6q8i3gUaoxc6LJL_DuiIF5HJI_CNZzaD6Oowh7EGT1KC4/s1600/loading.gif'
    });
      </script>
    </b:if>
  5. Replace The Highlighted Link With Any Loading Image. Copy The Loading GIF Image URL From The Following.
  6. Hit "Save Template!".

AJAX Loader GIF Images

Below I've listed some loading images. Just copy their URL and replace it with the yellow highlighted code.

Round Loader 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqP1ijXwwGSibTaebS28ceWgdIr5JRsRRzWIraBTYqRrso3BqHbCWZqRuyTFIKiUftL3h_MWRJ1G8eRDIfEymhfNuDjSML6-DfhL5uTs1ZMqivQu8RwWvSP4-egnyvQuCPnI8AU5yK0gRq/s1600/Round+Loader.gif

 Rounding Arrows

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR6jFHXcZpayeWFu78iZIicCamhYnuWEya4jnrK8G2ioRo-PjlEARttG9O0Y75f43_i4xqWlhBnMiXSWVz2bWDJm24z9l5rybgL-OK0bk1LcpiP-63T4RthETKaqiWA0Gvmg8aKuzz-Q4a/s1600/arrow+loader.gif

 Silver Arrows Circle

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiYXn74hTU5DHV7lFR0w3djVHeCQ1BDr9xJ4kCp3rQ6al8f2FbPRf9UikfBnwozi-WFJynL2UnQVdZuKrvJWrIcSbVNPPgwtlAD2KJP3X7Wz6FnFfkt-AxG_TlEAKMHB-bbNLGM4tRkF-5/s1600/silver+arrows+circle.gif

 Cool Blue Rouding Arrow

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggh1yBbnRKMDaJYyfbQAwo3xB-6OHgXTMu6ZkgLXJ91YkDDPyXMz6YiKaZ-UYgMNZ9LFLqY7Mo9ZkgkpovzWD244UFcfzF1gEeY73WyuNVw2Uxaq1uuPHyK6FqwTeLbs9er5_fHP1pKumI/s1600/blue.gif

Red Loader

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfuIhkDk34TkqYIsF4V_wqx_UDQNSzssdnyWBPU8Mct6i5BAnGvP6YcUIOVoTPJkgs93mOkVsbwcES3F0E6NrX3NydErHAt70phbMdiwcBip9e2E4BOnRC2RlSlFIuCM31xND9_jjZHNKu/s1600/red+loader.gif

Border Loader

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI3DRbZ9Fcwn5SF1XOakpdIh56jGL685YYTQcTkiku5tQlEwcg8fwwr4lyQqA34IPBIojFrhRu0K7JZHc4KOME7U3UshGlJtoKZAS4k6YEsLZmlQGpLllhO4ctrFpiyP0q9TE7oQ8s8UUK/s1600/border+loader.gif

Final Words

So friends this was the infinite scrolling effect which I've shared today. I hope you've liked it and also the loading images. If you're facing problem in implementing this in your blog then feel free to ask in the comments area. Stay in touch with us for more impressive content and please subscribe us to receive email updates. Take a lot of care of you and your family. Happy Blogging!
Read More

How To Add Notification Bar In Blogger

Notification Bar For Blogger
Blogger is always known the robust blogging platform because it is easy to use, search engine friendly, amazing features and easy to edit anything. If you search anything for blogger then you will easily find it because developers has created almost everything for blogger. Today, here we're going to learn that how can we implement the notification bar in blogger. Notification bar is not for blogger by default but as I told you that developers has created many things for blogger then it is also developed by someone. This notification bar is created by Mohammad Mustafa Ahmadzai from MBT. And I thought why not I should share it with my loyal readers. So first of all let me tell you something about this.

Blogger Notification Bar

This is the fancy and stylish notification bar which is created with JavaScript, CSS3 and HTML by which your visitors will be notified for news. Notification bar can help you in announcing anything on your blog and readers will be attracted on your announcement. You can place the news on that notification bar for informing your readers. This notification bar is having dark color with yellow links color. It has a arrow on right side; if you click on that then it will go up and another arrow will come down. It means if this is irritating your readers then they can show or hide this simply by clicking on the arrow. 
The developer has implemented the logo in the left side as credit. It means you don't have permission to change or remove that logo until you buy the premium version of it. 

How To Install This In Blogger ?

Installing this in blogger is just simple. A ten years old boy can also do this by following the steps. So here I've listed the steps. 
  • Go To Blogger >> Template >> Backup Your Template
  • Click Edit HTML and Search For <head>
  • Paste The Following Code Below <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<!--Blogger Notification Bar -->
<script language='JavaScript'>
//<![CDATA[
var _0x519b=["\x6A\x51\x75\x65\x72\x79","\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x6E","\x74\x6F\x70","\x6C\x69\x6E\x65\x61\x72","\x65\x78\x74\x65\x6E\x64","\x65\x61\x73\x69\x6E\x67","\x73\x77\x69\x6E\x67","","\x74\x6F\x74\x61\x6C\x48\x65\x69\x67\x68\x74","\x68\x65\x69\x67\x68\x74","\x62\x6F\x72\x64\x65\x72\x53\x69\x7A\x65","\x64\x75\x72\x61\x74\x69\x6F\x6E","\x73\x68\x6F\x77\x41\x66\x74\x65\x72","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x69\x6E\x64","\x2E\x6C\x69\x6E\x6B","\x23\x63\x6C\x6F\x73\x65\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x23\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x61\x6E\x69\x6D\x61\x74\x65","\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x61\x62\x73","\x61\x64\x64\x43\x6C\x61\x73\x73","\x6D\x61\x72\x67\x69\x6E\x54\x6F\x70","\x74\x6F\x70\x5F\x66\x69\x78\x65\x64","\x62\x6F\x74\x74\x6F\x6D","\x62\x6F\x74\x74\x6F\x6D\x5F\x66\x69\x78\x65\x64","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x64\x65\x74\x61\x63\x68","\x62\x6C\x6F\x63\x6B","\x63\x73\x73","\x62\x6F\x64\x79","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6C\x65\x6E\x67\x74\x68","\x2E\x6D\x75\x6C\x74\x69\x4D\x65\x73\x73\x61\x67\x65\x73","\x69\x6E\x69\x74","\x6D\x75\x6C\x74\x69\x70\x6C\x65\x4D\x65\x73\x73\x61\x67\x65\x73","\x6B\x65\x65\x70\x48\x69\x64\x64\x65\x6E","\x63\x6C\x6F\x73\x65\x61\x62\x6C\x65","\x63\x6C\x69\x63\x6B","\x70\x6F\x73\x74","\x63\x6C\x69\x63\x6B\x3D\x74\x72\x75\x65","\x61\x6A\x61\x78","\x3C\x61\x20\x73\x74\x79\x6C\x65\x3D\x22\x6D\x61\x72\x67\x69\x6E\x2D\x74\x6F\x70\x3A\x35\x70\x78\x3B\x20\x6D\x61\x72\x67\x69\x6E\x2D\x6C\x65\x66\x74\x3A\x37\x70\x78\x3B\x20\x63\x6F\x6C\x6F\x72\x3A\x23\x36\x36\x36\x36\x36\x36\x3B\x20\x66\x6C\x6F\x61\x74\x3A\x6C\x65\x66\x74\x3B\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x4D\x79\x42\x6C\x6F\x67\x67\x65\x72\x54\x72\x69\x63\x6B\x73\x2E\x63\x6F\x6D\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x34\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x36\x44\x37\x6D\x2D\x69\x74\x57\x64\x6E\x6F\x2F\x55\x4E\x32\x77\x30\x54\x54\x33\x5A\x6C\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x49\x59\x63\x2F\x43\x4A\x78\x64\x73\x4C\x72\x57\x6B\x51\x67\x2F\x73\x34\x30\x30\x2F\x6D\x62\x74\x2E\x70\x6E\x67\x22\x2F\x3E\x3C\x2F\x61\x3E","\x70\x72\x65\x70\x65\x6E\x64","\x65\x61\x73\x65\x4F\x75\x74\x42\x6F\x75\x6E\x63\x65","\x68\x61\x73\x4F\x77\x6E\x50\x72\x6F\x70\x65\x72\x74\x79","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E\x57\x72\x61\x70","\x72\x65\x61\x64\x79"];;;(function (_0xd41ax1){_0xd41ax1[_0x519b[2]][_0x519b[1]]=function (_0xd41ax2){var _0xd41ax3={duration:500,position:_0x519b[3],closeable:true,showAfter:0,keepHidden:false,borderSize:3,height:40,easing:_0x519b[4]},_0xd41ax4=_0xd41ax1[_0x519b[5]]({},_0xd41ax3,_0xd41ax2);if(_0xd41ax4[_0x519b[6]]==_0x519b[7]){_0xd41ax4[_0x519b[6]]=_0x519b[8];} ;_0xd41ax4[_0x519b[9]]=parseInt(_0xd41ax4[_0x519b[10]],10)+parseInt(_0xd41ax4[_0x519b[11]],10);_0xd41ax4[_0x519b[12]]=parseInt(_0xd41ax4[_0x519b[12]],10);_0xd41ax4[_0x519b[13]]=parseInt(_0xd41ax4[_0x519b[13]],10)*1000;var _0xd41ax5=_0xd41ax1(this),_0xd41ax6=_0xd41ax5[_0x519b[15]](_0x519b[14]),_0xd41ax7=_0xd41ax6[_0x519b[15]](_0x519b[16]),_0xd41ax8=_0xd41ax6[_0x519b[15]](_0x519b[17]),_0xd41ax9=_0xd41ax5[_0x519b[15]](_0x519b[18]),_0xd41axa={},_0xd41axb=_0x519b[8],_0xd41axc={},_0xd41axd=_0x519b[8],_0xd41axe=function (){_0xd41axc[_0xd41axd]=_0xd41ax4[_0x519b[9]];_0xd41ax9[_0x519b[19]](_0xd41axc,(_0xd41ax4[_0x519b[12]]/2),_0xd41ax4[_0x519b[6]]);_0xd41ax5[_0x519b[21]](_0x519b[20]);} ,_0xd41axf=function (){_0xd41axc[_0xd41axd]=-Math[_0x519b[22]](34-_0xd41ax4[_0x519b[10]]);_0xd41ax9[_0x519b[19]](_0xd41axc,(_0xd41ax4[_0x519b[12]]/2),function (){_0xd41ax10();} );} ,_0xd41ax10=function (){_0xd41axa[_0xd41axb]=0;_0xd41ax5[_0x519b[19]](_0xd41axa,_0xd41ax4[_0x519b[12]],_0xd41ax4[_0x519b[6]],function (){_0xd41ax5[_0x519b[23]](_0x519b[20]);} );} ,_0xd41ax11=function (){_0xd41axa[_0xd41axb]=-_0xd41ax4[_0x519b[9]];_0xd41ax5[_0x519b[19]](_0xd41axa,_0xd41ax4[_0x519b[12]],function (){_0xd41axe();} );} ,_0xd41ax12=false;switch(_0xd41ax4[_0x519b[28]]){case _0x519b[3]:_0xd41axb=_0x519b[24];_0xd41axd=_0x519b[3];break ;;case _0x519b[25]:_0xd41axb=_0x519b[3];_0xd41axd=_0x519b[3];break ;;case _0x519b[27]:_0xd41axb=_0x519b[26];_0xd41axd=_0x519b[26];break ;;} ;_0xd41ax5[_0x519b[29]]();_0xd41ax5[_0x519b[33]](_0x519b[32])[_0x519b[31]]({display:_0x519b[30]});if(_0xd41ax6[_0x519b[15]](_0x519b[35])[_0x519b[34]]){bloggernotificationExtras[_0x519b[37]][_0x519b[36]]();} ;if(_0xd41ax12&&_0xd41ax4[_0x519b[38]]&&_0xd41ax4[_0x519b[39]]){setTimeout(function (){_0xd41axe();} ,_0xd41ax4[_0x519b[13]]);} else {setTimeout(function (){_0xd41ax10();} ,_0xd41ax4[_0x519b[13]]);} ;_0xd41ax8[_0x519b[40]](function (){_0xd41ax11();setCookie();} );_0xd41ax9[_0x519b[40]](function (){_0xd41axf();setCookie();} );_0xd41ax7[_0x519b[40]](function (){_0xd41ax1[_0x519b[43]]({type:_0x519b[41],data:_0x519b[42],success:function (_0xd41ax13){} });return true;} );} ;} )(window[_0x519b[0]]);jQuery(document)[_0x519b[49]](function (_0xd41ax1){_0xd41ax1(_0x519b[14])[_0x519b[45]](_0x519b[44]);if(!_0xd41ax1[_0x519b[6]][_0x519b[47]](_0x519b[46])){_0xd41ax1[_0x519b[5]](_0xd41ax1[_0x519b[6]],{easeOutBounce:function (_0xd41ax14,_0xd41ax15,_0xd41ax16,_0xd41ax17,_0xd41ax18){if((_0xd41ax15/=_0xd41ax18)<(1/2.75)){return _0xd41ax17*(7.5625*_0xd41ax15*_0xd41ax15)+_0xd41ax16;} else {if(_0xd41ax15<(2/2.75)){return _0xd41ax17*(7.5625*(_0xd41ax15-=(1.5/2.75))*_0xd41ax15+0.75)+_0xd41ax16;} else {if(_0xd41ax15<(2.5/2.75)){return _0xd41ax17*(7.5625*(_0xd41ax15-=(2.25/2.75))*_0xd41ax15+0.9375)+_0xd41ax16;} else {return _0xd41ax17*(7.5625*(_0xd41ax15-=(2.625/2.75))*_0xd41ax15+0.984375)+_0xd41ax16;} ;} ;} ;} });} ;_0xd41ax1(_0x519b[48])[_0x519b[1]]({position:_0x519b[3],showAfter:0,keepHidden:true,duration:300,closeable:true,height:40,borderSize:1,easing:_0x519b[7]});} );

//]]>
</script>
  • For The Next Step Search For ]]></b:skin>
  • Above It Paste The Following Code 
/* ----Blogger Notification bar ----- */
#bloggernotificationWrap{
    display: none;
    margin: 0;
    padding: 0;
    position: fixed;
    margin-top: -41px;
    z-index: 999999;
    width: 100%;
    height: 41px;
}
#bloggernotification {
    width: 100%;
    height: 28px;
    margin: 0px;
    padding-top: 7px;
    text-align: center;
    background: none repeat scroll #2E2F2E;
    position: relative;
    box-shadow:0px 1px 3px #666;
    z-index: 9998;
    text-decoration: none;
    color: #cccccc;
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    border-bottom:2px solid #fff;
}

#bloggernotification a{
    text-decoration: none;
    color:#FFFC00;
     font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    outline: none;
}
#bloggernotification a:hover{
    text-decoration: underline;
}
#bloggernotificationWrap #closebloggernotification{
    display: block;
    position: absolute;
    top: 0;
    right: 23px;
    height: 40px;
    width: 21px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKvSpAOSpRoCGNqJq-AiCiwtoPSQLvcIdHNnklH_uSECzFchyxLrwhxY6s5A86o4-c3TCrw1dtHW_UvFL093LmHXmMBIDoQLFOK4kokvZJDv_cu4Bng5xDDOVzZHCtPC_tWcEFibXZbf6Q/s400/light.png) no-repeat 0 center;
    cursor: pointer;
}
#bloggernotificationWrap #closebloggernotification:hover{
    background-position: -21px 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification{
    background-position: right 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification:hover{
    background-position: -42px 50%;
}
#bloggernotificationWrap #openbloggernotification{
    display: block;
    position: absolute;
    top: -6px;
    right: 15px;
    padding: 0 7px;
    background: #2E2F2E;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    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:0px 1px 3px #666;
}
#bloggernotificationWrap #openbloggernotification span{
    display: block;
    width: 21px;
    height: 34px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKvSpAOSpRoCGNqJq-AiCiwtoPSQLvcIdHNnklH_uSECzFchyxLrwhxY6s5A86o4-c3TCrw1dtHW_UvFL093LmHXmMBIDoQLFOK4kokvZJDv_cu4Bng5xDDOVzZHCtPC_tWcEFibXZbf6Q/s400/light.png) no-repeat right 50%;
}
  • Now The Notification Bar Is Installed In Your Blog.
  • To Add In Your Blog Search For <body>
  • Paste The Following Code Below <body>
<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'><div id='bloggernotification'>
Write Your Notification Message Here
<span id='closebloggernotification'/></div><span id='openbloggernotification' style='top: -6px;'><span/></span></div>

<br/><br/>
  • Now Insert Your Message On "Write Your Notification Message Here."
  • To Add The Link, Insert The Following Code With The Notification Message. 
<a class='link' href='ADD-URL-HERE' target='_blank'>Link Text</a>

  • Replace ADD-URL-HERE With Your Link
  • Replace Link Text With The Link Text.
  • Finally, Save Your Template and You've All Done!
Read More
© 2014 GsmShout. All rights reserved.