Wall Script 6.0

Introducing the brand new Wall Script 6.0 with enrich social network features. Exactly year later I did released Wall Script previous version, it got awesome response and outstanding sale. This script IDEA was came out from my imagination, introducing powerful features like Conversations, OEmebd URL expanding system, Like/Share and Multiple image slider.

Read more »

Add Nice Jquery Effect To Blogger Labels

Today i will show how to add popout effect to your LABELS with mouse over.It looks very preety and eye catching.Its a simple code and will take 10 sec to adding it to your blog.After adding it to your blog ,it will look like image below:

Follow The Below Steps For Adding It

• Also Read:  Recent Post Widget With Animation For Blogger

STEP 1: Goto blogger DASHBOARD >> TEMPLATE

STEP 2: Now click on EDIT HTML

STEP 3: Now press ctrl+f and search for </head>

STEP 4: Now paste the below code code just before </head>

<!-- label effect by www.hacking-articles.blogspot.com !-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
    var dur = 400; // Duration Of Animation in Milli Seconds
    $(document).ready(function() {
        $(&#39;a.linknudge, .Label ul li a&#39;).hover(function() {
            $(this).animate({
                paddingLeft: &#39;25px&#39;
            }, dur);
        }, function() {
            $(this).animate({
                paddingLeft: 0
            }, dur);
        });
    }); // end of Jquery Script
</script>
<!-- label effect by www.hacking-articles.blogspot.com !-->

•  Also Read: Add Social Media Like Buttons With Rotator Effect To Blogger -V2 new

STEP 5:  Now save your template and reload your blog and see the changes.

Recent Post Widget With Animation For Blogger

Recently we shared a post on How To Add Meta Tags To Your Blog For Better SEO , Today  i will show you haw to ad RECENT POST WIDGET WITH ANIMATION.Recent post widget is must for every blogger to increase their page views.It also helps in decreasing bounce rate of your blog and engaging visitor in your blog.You have seen many recent posts widgets but today's recent post widget is different from others, This widget has animation effect and the posts scroll from top to bottom.Its a simple widget and easy to add.After adding this widget to your blog it will look like the image below:

Follow The Step Below For Adding This Widget To Your Blog

• Also Read: Add Adsense Beside Social Sharing Widget In Blogger

 STEP 1: Goto blogger DASHBOARD >> LAYOUT

STEP 2: Now click on ADD GADGET

STEP 3: Now a windows will open, Click on JAVASCRIPT/HTML

STEP 4: Now a window will open like this.

STEP 5: Now paste the below code in it.

<style type="text/css">#rp_plus_img{height:377px;}#rp_plus_img li {height:60px;padding:5px;list-style:none;background-color:#ffffff;border:solid 1px #000000;}#rp_plus_img a{color:#00000;}#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;text-align:justify;-moz-border-radius: 5px;}#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}</style><script type="text/javascript" src="http://yourjavascript.com/914099092/jjjs.js"></script><script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script><script type="text/javascript">var speed = 1500;var pause = 3500;$(document).ready(function(){rpnewsticker();interval = setInterval(rpnewsticker, pause);});</script><ul id="rp_plus_img"><script style="text/javascript">var numposts = 5;var numchars = 0;</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>

STEP 6:  Now click on SAVE.

•  Also Read: Add Transparent Social Sharing Gadget To Blogger

Now you have successfully added this gadget to your blog, just reload your blog and see the changes.If you face any problem just comment below and i will respond asap.