Numbered Page Navigation Blogger | New Script

Today we'll see a way to add a pleasant folio navigation hack blogger. The default navigation links (i.e Older Posts) isn't the friendly traveller if you're having lots of jobs and bloggers readers.Few has some issues with the higher than script navigation page. currently here could be a fully new script and work for numbered page navigation (i.e. Panigation) for Blogger. The paging device for blogger it simple for the traveller. it's a requirement have for any new blogs.This new script permits you to feature numbered page navigation to journalger/ blogspot blog with page numbers starting
(1, 2, 3, 4 ….) like those of a book.

Script Here

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: #316C55;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: #F76A0C;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}.showpageOf{background: #316C55;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><div id="htmlcaption1" style="display: none;">
Code by <a href="http://www.haakblog.com" target="_blank">Haakblog</a>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/haakblog" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script>

How to make an HTML Scroll Box | Script

I will be showing you the way to create a awfully easy scroll box that withholds text. we'll be victimization the simplest methodology, HTML.

What you wish to try and do is copy the code below.Navigate to Webs.com.Click on ‘Customize Site’.Go to desired space for input.Click on the hypertext mark-up language sign (< >;).Paste the code into the box.Edit the text space of the hypertext mark-up language code with what you wish.Click ‘Done’ once you ar finished.Save the Page/Sidebar.Finished.

Scrip Here:

 <div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;"> www.ezdowns.blogspot.com
</div>



Result

Scrolling Box

Animated Recent Posts for Blogger with Thumbnails | Script

Hi Friendz now today i share Animated Recent Posts for Blogger with Thumbnails is nice way to show your recent posts in side bar with animation effect to your readers. So this is very fantastic way to get more clicks on your recent posts and present your new post in headlines update for your readers. Animated Recent Posts gadget shows your most recent posts with animated effect to move smoothly through the posts. We are giving you full tutorial about Animated Recent Posts for Blogger with Thumbnails. We also give you different types of recent post widget for your blog. You can simply add our code on your sidebar and it will show recent posts on your blog. We give you also demo of recent posts widget to show how to look this
on your blog.

                                                 Animated Recent Posts with Thumbnails for blogger

Follow below steps 2 add Animated Recent Posts for Blogger with Thumbnails on your blog:



Step 1st..
Login into your Blogger Account. Go to Your Blogger Dashboard and Click on Layout tab at the left side panel. Now click on Add a Gadget Link like below picture.

Step 2nd..
After click on Add a Gadget Link a popup window will open with all available gadgets. Select HTML/JavaScript from gadgets list. See below picture for more help.

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKF_eJbe83nn98HJHurEv30B8Oi0hafbnf3_zdMc346JYirSgSExRR15voWKUTv_lSBBjaAu4OgxGHEOvcg2X4zhS7knPpiYnRMHuvnqI0gQAGAsXmRq_UIoWhVDJgQeTcN5tJeaAeHVaI/s1600/24work-blogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style><a href="http://www.haakblog.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><script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzD1-cduBHEGgbF6tpcXyX1COvgGKqnVev0sS-AScTOh4vrTn-OX-60te57ETayaYJpxzlFpBkdVW1KQLPt2G6nsCexDVZvUs6YLkuTaj-_OmmlDVwmSXbw6NB9nZLPWn5zgH4R9FuOJy/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzD1-cduBHEGgbF6tpcXyX1COvgGKqnVev0sS-AScTOh4vrTn-OX-60te57ETayaYJpxzlFpBkdVW1KQLPt2G6nsCexDVZvUs6YLkuTaj-_OmmlDVwmSXbw6NB9nZLPWn5zgH4R9FuOJy/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzD1-cduBHEGgbF6tpcXyX1COvgGKqnVev0sS-AScTOh4vrTn-OX-60te57ETayaYJpxzlFpBkdVW1KQLPt2G6nsCexDVZvUs6YLkuTaj-_OmmlDVwmSXbw6NB9nZLPWn5zgH4R9FuOJy/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzD1-cduBHEGgbF6tpcXyX1COvgGKqnVev0sS-AScTOh4vrTn-OX-60te57ETayaYJpxzlFpBkdVW1KQLPt2G6nsCexDVZvUs6YLkuTaj-_OmmlDVwmSXbw6NB9nZLPWn5zgH4R9FuOJy/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzD1-cduBHEGgbF6tpcXyX1COvgGKqnVev0sS-AScTOh4vrTn-OX-60te57ETayaYJpxzlFpBkdVW1KQLPt2G6nsCexDVZvUs6YLkuTaj-_OmmlDVwmSXbw6NB9nZLPWn5zgH4R9FuOJy/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://ezdowns.blogspot.com/";
limitspy=4intervalspy=4000
</script>
<div id="spylist">
<script src='https://dl.dropboxusercontent.com/u/127448791/animated-recent-posts-ycode-1.js' type='text/javascript'></script>
</div>
<div style="font-family: arial, sans-serif; font-size: 8px;" class="ycdr"><a href="http:http://ezdowns.blogspot.com/2013/11/animated-recent-posts-for-blogger-with.html" target="_blank" title="Recent Post Widget">Animated Post Widget</a> <a href="http://ezdowns.blogspot.com/" target="_blank">Blogger</a></div>

Note: Change http://ezdowns.blogspot.com/ to Your Home page URL and Change 4 to number of recent post that you want to show in widget.  You can also change Width of this widget with change both width:220px and width:208px; in style section.

Send eMail SMTP Relay Gmail Google Apps

Configuration send email to use G-mail+Google apps the external SMTP server & have it authenticate properly.Yum install sendmail sendmail-cf then followed these instructions...


$cd /etc/mail
$hostname -f > genericsdomain
$touch genericstable
$makemap -r hash genericstable.db < genericstable
$mv sendmail.mc sendmail.mc.original
$wget http://pbxinaflash.net/source/sendmail/sendmail.mc.gmail
# If the above file is no longer available I've uploaded a mirror here
# wget http://network-13.com/sendmail.mc.gmail
$cp sendmail.mc.gmail sendmail.mc
$mkdir -p auth
$chmod 700 auth
$cd auth
$nano client-info
AuthInfo:smtp.gmail.com "U:smmsp" "I:user_id" "P:password" "M:PLAIN"
AuthInfo:smtp.gmail.com:587 "U:smmsp" "I:user_id" "P:password" "M:PLAIN"
# Replace user_id with your gmail username without @gmail.com
# If you're using google apps then enter your full email address user@yourdomain.com
# Replace password with your own gmail/google apps password
# Save your changes (Ctrl-X, Y, then Enter)
$chmod 600 client-info
$makemap -r hash client-info.db < client-info
$cd ..
$make
$service sendmail restart

After you have restarted sendmail service you can test it using the following command

echo “Test” | mail user@domain.com

Changing user@domain.com to the address you want to send the test email to. If it works you should receive an email with a blank subject and the word “Test” as the message body.

All in 1 Subscription Box - Blogger [ Trick n Tips ]

After sharing lots tips n tricks i am thinking about Subscription i know we all want more and more subscriber on our blog for good rating and earning , but all users not subscribe to any blog before looking good content , after nice content you will need nice and all in one SUB Box, so follow below simple steps...!

   1.. Go to your Blogger account
   2.. Layout -->add gadget -->Html/java script
   3.. Copy bellow all Html code and paste in Html body
   4.. Make changes ..!  Change red shadow text with your user name


Script Here..


<style>  #R91481-WG {  width:300px;  border:1px solid #aaa;  border-radius:3px;  padding:3px 0;  }    .R91481-WG-wrapper {  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9i6Mlkcg8ucXSw2kbKGCh2HSRsrsT6QNFpU6OY-biVSJ2jXFyh2i5MAW38hWefmsw5RhoSwxFKoDzwGAYk08wo1T9CRuAdbVzZMASjckkxK5PXz63sxLkDVWpdMdb974CbjMQXdzrTPE/s1600/background.png) repeat scroll 0 0 #f7f7f7;  color:#111;  font-size:14px;  line-height:20px;  text-align:center;  text-transform:uppercase;  padding:1px 20px 10px;  }    .R91481-WG-form {  clear:both;  display:block;  margin:10px 0;  }    form.R91481-WG-form {  clear:both;  display:block;  width:auto;  margin:10px 0 0;  }    .R91481-WG-email-field {  -moz-border-radius:4px;  -webkit-border-radius:4px;  background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheJtP9HsISCZLWBK0xNyS7MjTpZYRfvPEOlyTF2fHg0DfPx7ZyDN79l3epjxkICLKP5vNxINnMSB9bTjKKUBPT8nXPxo8SEvZTPrQU0a7n-fyywJs4zUgPsM5iC59t-4e-SE3PXrzWAzY/s1600/icons.png) no-repeat 0 -27px;  border:1px solid #ccc;  border-radius:4px;  color:#444;  width:68%;  margin:0 0 15px;  padding:10px 40px;  }    .R91481-WG-email-button {  background:#09f;  border:1px solid #007fff;  box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;  color:#fff;  cursor:pointer;  font-family:verdana;  font-weight:700;  text-shadow:1px 1px 0 rgba(0,0,0,.4);  text-transform:uppercase;  width:100%;  padding:10px;  }    .R91481-WG-email-button:hover,.R91481-WG-email-button:focus {  background:#1ca4ff;  }    .R91481-WG-email-button:active {  -moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;  -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;  box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;  outline:0;  }    iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table {  width:100%;  }    embed {  border-radius:3px;  -moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);  -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);  background:#FFF;  border:1px solid #ddd;  box-shadow:0 2px 4px rgba(0,0,0,0.2);  margin:0;  padding:4px;  }    #footer-section {  border-top:1px solid #aaa;  box-shadow:inset 0 4px 6px -3px #aaa;  font-family:cambria;  font-size:14px;  height:100px;  text-align:center;  width:100%;  margin:10px -30px 5px;  padding:0 30px;  }    a.social-icons {  margin-right:5px;  height:45px;  width:45px;  }    a.social-icons:hover {  opacity:.7;  filter:alpha(opacity=70);  }  </style>    <div id="R91481-WG">  <div class="R91481-WG-wrapper">  <br/><a href='http://www.newbloggertips.com/'></a>  <a class="social-icons" href="https://www.facebook.com/smsfriendshipclub"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCiDJrWuaxrFdBn17KzB8h9-nmLOvmfNaDLGX9TqRJiuhJhfMCBpwBvhEs48wiuFxWOVmrOj12p97kzzZ8WcW7HpSFHEgItMjLeMdKO6HoGfTaxHTfkqUXegAKVRsC3G63ow9USjcoOhAU/s1600/Bloggertrix-facebook.png" /></a>  <a class="social-icons" href="https://twitter.com/Kaleem345"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhluUtWTPxU4YD1f23FrLe_0lTBQrOtwAC41_UhQ9eu5zhndnGNj3iJx-USJBfTz-0GAStB8pyajQZf_6pQbw_JHxXPHJW-Phw5ejIJfeiNeuvSHuJsfdnbDB7bJ60HeVZ4HAQ-6fkY9o6s/s1600/bloggertrix-twitter.png" /></a>  <a class="social-icons" href="https://plus.google.com/u/0/101258400862003805544/posts"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2O56YGv6xrCAzIcOSsbt2_uRf2bAhSm60sfwe-TufpVBscIfleV7Zxlp3A8gKxYgG4FbnSQqLUMYWlNr585WvhDGbvbXFBj0-F4J2NAJycdd9DiilpI4DOm9BqMlL1E8CSoQKme2mvPB6/s1600/Bloggertrix-Googleplus.png" /></a>  <a class="social-icons" href="http://feeds.feedburner.com/~u/11069475847638102589"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIBrY4kQ66laquAZo1G-VJV5CamGTpX1cO4JkQJ28ZnmEvyhmW5D8Ye5JUKKK6jiVXxSJwf5A9dOyVNzRNXDgbzqiru7v6P0WFLQ_IxRMcYiKfsZJ4b2Ap-hqTXpRUNcXWREvdg_lgdKBD/s1600/Bloggertrix-Rss.png" /></a>  <font face="verdana"><p><b>Get Daily Fresh Recipe Direct in Your Blog Kitchen</b> </p></font>  <div class="R91481-WG-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=umerprince" class="R91481-WG-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=umerprince', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="umerprince" />  <input name="loc" type="hidden" value="en_US" /><input class="R91481-WG-email-field" name="email" autocomplete="off" placeholder=" Enter E-Mail "/>  <input class="R91481-WG-email-button" title="" type="submit" value="Subscribe Us" /></form>  </div><a href='http://goo.gl/MqBmyV'></a></div></div>

Now Click & Enjoy.......

Floating Twitter/Facebook & Google+ Share Buttons Widget With Counter | Trick & Tip

Nice widget that will float verticaly next to your individual blog posts.  These  engaging buttons will allow your visitors to easily share your content on Facebook, Twitter, +Google. The great thing about this widget is that it counts the number of times your posts are shared on each social network.

[Add Widget to Blogger]

   1.. Go to Blogger > Template
   2.. Backup your template
   3.. Click Edit HTML
   4.. Click Proceed
   5.. Then Click Expand Widget Templates
   6.. Search for this code

<b:includable id='post' var='post'>

& below it paste following code.

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.mbt_social_floating{
    position:fixed; bottom:10%; margin-left:-60px; float:left;     width:60px;
    background-color:#f7f7f7;     padding: 5px 0 0px 0px;
     border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
    margin-bottom:5px;
    float:none;
    height:auto;
    width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
    margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
    margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
    background:none !important;
    height:21px !important;
    padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhicLRXDtjXCVOsmPIqARv92LkXkGhZlpDhTa4EMRtwTKFq8mugJ29XgyIPFxJDziQZXI1UHMQgQikaCO2vTpL27qUu3HWymawKc_NMh3ewwffAEZFhRldwysU_ui2ftWQX-EdbvdyDNMp6/s400/gc_social_sprite.gif')

no-repeat !important;
    height:19px !important;
    width:45px !important;
    padding:0 !important;
}
.st_email .chicklets{
    background-position:0 -77px !important;
   

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhicLRXDtjXCVOsmPIqARv92LkXkGhZlpDhTa4EMRtwTKFq8mugJ29XgyIPFxJDziQZXI1UHMQgQikaCO2vTpL27qUu3HWymawKc_NMh3ewwffAEZFhRldwysU_ui2ftWQX-EdbvdyDNMp6/s400/gc_social_sprite.gif')

!important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
    background-position:0 -58px !important;
}
.mbt_social_floating  .stButton_gradient{
    border:none !important;
}
.mbt_social_floating .stBubble_count{
    width:44px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding-top:7px !important;
    height:23px !important;
    background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
    color:#00a6df;
    background-color:#f8fbfc !important;
}

.st_fblike_vcount{
    margin-bottom: 0px;
    display: block;
}
.st_twitter_vcount{
    margin-bottom: 3px;
    display: block;
}

.st_email{
    margin-bottom: 5px; margin-top: 3px;
    display: block;
}
.mbt_social_floating .stBubble{
    background-position: 21px 31px !important;
    height:35px !important;
}.mbt_social_floating .st_pinterest_vcount{
    margin-left:5px;
}
.mbt_social_floating .st_pinterest_vcount .st-pinterest-counter{
    background-position:0 -19px !important;
}
.mbt_social_floating .st_pinterest_vcount .stBubble_count{
    color:#FF0505;
    background-color:#fbf8f8 !important;
}

.mbt_social_floating .st_pinterest_vcount .stBubble{
   

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghdF_Lavjguar7K5JVuyYzqdsIaPr0SVhuy2JG5Kostz3Qr3pnKoZmO80xZrfHBiKGz2P6PAr0j3CQQsAG1OgYbOaBApWDtTsT3hzQcvk5kI4x_oCt64rAf9ehMWqgFnIYf7YmyNnHIkQ2/s400/bubble_arrow_pinterest.p

ng') !important;
}


.st_pinterest_vcount{
    margin-bottom: 0px;
    display: block;
}

</style>

<div class='mbt_social_floating'>

    <script type='text/javascript'>var switchTo5x=true;</script>
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false, , doNotHash: true, doNotCopy: true, hashAddressBar:

false});</script>
    <!-- No more works properly so removing it from mbt list<span class='st_fblike_vcount' displaytext=''/>-->
<div style='margin:0px 0 0px 10px;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false'

show_faces='false'/></div>
<span class='st_twitter_vcount' displaytext='' st_via='theblogwidgets'/>
<div style='margin:0px 0 0 5px;'>

    <span class='st_plusone_vcount' displaytext=''/>
</div>
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "TheBlogWidgets.com",
ui_header_color: "#ffffff",
     ui_header_background: "#0080FF"
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'>
<a href='http://www.theblogwidgets.com/2013/11/floating-share-buttons-widget-with.html'

style='color:#CAC8C8;'>Widgets</a></p>
</div>
</b:if></b:if>

[Add Widget to Website]

Simple place the code above anywhere between the body section of your template. The widget will appear where the code is placed.

Customization

Replace the code below with your own twitter username. 

st_via='theblogwidgets'

Enjoy...

Slide To Unlock Cool Plugin | Script

Like da iPhone's homescreen, the slider should be dragged from left to right to unlock. That half works with JavaScript (even on mobile with touchevents!) however the good half is that the moving gradient highlighted text. WebKit solely. 

Download | Demo

OLX Clone Script Nulled 2013 [ 2 Links ]

OLX Clone Script Nulled 2013

Download | Zippyshare - Hotfile    Site Demo

Adf.ly Clone Script Version 1.12 2013 [ 3 Link ]

Adf.ly Clone Script Version 1.12 - 2013

Download | Zippyshare - Filebulk - Filefactory    Site Demo

Original Facebook Clone Leaked! 2013 [ 2 Links ]

 

Original Facebook Clone Leaked! 2013

Download | 4Shared  - Zipsharer   Site Demo

Create a Countdown Clock Widget 4 Your Website | Script

COUNTDOWN WEBSITE

Create reckoning clock convenience and plant it in your web site. It's free and takes but a moment. you'll publish your countdown convenience on this web site and you'll add it to as several alternative sites as you want.

 Site Link

Add Author Box in Blogger | Script

 

Step 1.. Your blog’s template code find <div class='post-footer-line post-footer-line-1'>

Step 2.. Paste the following code just below it and save the template.

            Note: In the following code change Green color code with your social network addresses,
            Red color code with your profile picture address and Purple color code
            with your introduction.

<style>
.wc-aboutauthor{
float:left;
width:500px;
padding:15px;
border:1px solid #ccc;
margin-bottom:15px;
margin-top:15px;
background:url('http://3.bp.blogspot.com/

-t5gDiTb7yUc/UjiYfNUgBBI/AAAAAAAACXI/J1tb_tlU5-k/

s1600/backgrounds.png');
color:#444444;
-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
}
.wc-aboutauthor h2
{
color:#b6e026;font-family:Helvetica,Arial;font-

weight:bold;text-shadow:#64665b 0px 1px 1px;font-

size:28px;margin-bottom:-6px;

}
.wc-aboutpic{
float:right;
margin:0 0 0 10px;
}
.wc-aboutpic img{
border:1px solid #999999;
-webkit-transition:-webkit-transform .15s linear;
-moz-transition:-moz-transform .15s linear;
-o-transition:-o-transform .15s linear;transition:

transform .15s linear;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
box-shadow:0 3px 6px rgba(0,0,0,.25);
padding:5px 5px 5px 5px;-webkit-transform:rotate

(+5deg);
-moz-transform:rotate(+5deg);-ms-transform:rotate(+5deg);
-o-transform:rotate(+5deg);transform:rotate(+5deg);float:

left;
}
.wc-aboutpic img:hover{
background:#FFFFFF;
-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
}
.wc-aboutsoc img
{
height:35px;
margin-bottom:-13px;
}
.wc-aboutsoc  p
{
font:16px georgia;
color:#ffffff;
background:#b6e026;
display:inline;
border-radius:5px;
padding:5px;
margin-right:30px;
}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div class='wc-aboutauthor'>
<div class='wc-aboutpic'>
<img alt='Author image' height='150' src=

'profile picture address' width='150'/>
</div>
<h2 >About the Author :</h2>
<p>Lorem ipsum dolor sit amet, consectetur 

adipiscing elit. Integer nec odio. Praesent libero. 

Sed cursus ante dapibus diam. Sed nisi. Nulla quis

 sem at nibh elementum imperdiet. Duis sagittis ipsum. 

Praesent mauris. Fusce nec tellus sed augue semper

 porta. Mauris massa. Vestibulum lacinia arcu eget 

 
<p> Connect with him on : </p><a href='Facebook address'>

<img src='http://1.bp.blogspot.com

/-XtMSvGt9QbM/UiIRj_Z-xkI/AAAAAAAACUE/lxKPo9uepx4/s1600/

facebook.png' title='Facebook'/></a>

 <a href='Twitter address'> <img src='http:

//1.bp.blogspot.com/-TD3jCs_IZcg/UiIRjnuFRyI

/AAAAAAAACUA/9ZYp0awI3Ss/s1600/twitter.png' title

='Twitter'/></a>

 <a href='Google plus address' > 

<img src='http://4.bp.blogspot.com/-

l6tB4HfZcfY/UjdItwk9-7I/AAAAAAAACW4/iHklkLWO_Fs/s1600/

google.png' title=

'Google plus'/></a></div>
</div>
</b:if>

Full Infomation / IP & Map | Script

Gadget can get your attention. it's created by exploitation maps, wherever you may see your information processing address, country, its flag and serving company. Mouse over and click on on the domain of serving company and you may open a further tab with info regarding it’s whereabouts. Another feature of flash gadget is that by looking out, that is at the lowest, you will find necessary for you information processing address, still as get info regarding it. The presence on your webpage this
gadget can add charm to your web site. Moreover, the users can bear in mind the location, contemplate it helpful and can become regular guests. The gadget is free...

Script Link

Social Button Big | Script

Today it's fully not possible to imagine a web communication while not varied social networks. They unite thousands and thousands of individuals from everywhere the globe. The web log widgets we provide square measure helpful once you wish to own associate access to completely different social internet resources in barely one click. it's really easy to use them: merely press the button admire a desired web site. of these gadgets square measure wide utilized by the overwhelming majority
designers. Below you'll receive an immediate access to the HTML code for the foremost well-liked social buttons. The widgets offered square measure entirely free, we do not raise cash for them..

Script Link

Js Clock 2 | Script

Internet resource and install this fine clock gizmo on a web site. attributable to javascript language you'll add dynamic effects to your website as well as this specific appliance showing actual time. A clock length moving circularly in varied directions at once attracts attention of each user visiting your website or diary. sensible and bright digital dynamic effects ar continually a differentiating purpose that distinguishes your website from thousands of comparable ones existing within the web. Be distinctive - use distinctive instruments!

Script Link

Js Clock | Script

Let us introduce a trifle fantastic clock convenience. it's accessible each for business and non-commercial utilization on totally different blogs or websites. This convenience is already bundled with javascript SWFObject library.
The design of the clock is clearly art movement. Besides it's projected in with the help of a huge vary of varied colors. Interactive moving components square measure by design side to create the planning of this convenience additional spectacular and attracting. little components square measure moving towards the middle of the clock at the same time with a hand indicating seconds. The installation of this distinctive convenience on your page can certainly create it look additional spirited.

Script Link