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>

Read more ...

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

Read more ...

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/AVvXsEj-nsVRmtQ6fx7zCBnFJv0cs0eoIHpm_XdtxMpRVFKzyJk0Iw_PyPMj3RLthdUujEFKvs0CXbEc4M1gWSOXCcKhbM12W8AKG86hQocjlgH3HyoB5jxAvMakgxaol3qbCH1oEBGZVR-mNKUt/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/AVvXsEh3KXMi_kalt978_iK3snx4ziJ4WOh9LoqqfrI4_WB5gceJHKi21Nj20JLyKDC0jt8uD8-0iS4mw-a1_oO4bqOowtvJo_ZhafCmu8O-HSKDQK7Wm6Qoe8TQh15wHi-MTf4koHNOoO-csTyu/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KXMi_kalt978_iK3snx4ziJ4WOh9LoqqfrI4_WB5gceJHKi21Nj20JLyKDC0jt8uD8-0iS4mw-a1_oO4bqOowtvJo_ZhafCmu8O-HSKDQK7Wm6Qoe8TQh15wHi-MTf4koHNOoO-csTyu/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KXMi_kalt978_iK3snx4ziJ4WOh9LoqqfrI4_WB5gceJHKi21Nj20JLyKDC0jt8uD8-0iS4mw-a1_oO4bqOowtvJo_ZhafCmu8O-HSKDQK7Wm6Qoe8TQh15wHi-MTf4koHNOoO-csTyu/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KXMi_kalt978_iK3snx4ziJ4WOh9LoqqfrI4_WB5gceJHKi21Nj20JLyKDC0jt8uD8-0iS4mw-a1_oO4bqOowtvJo_ZhafCmu8O-HSKDQK7Wm6Qoe8TQh15wHi-MTf4koHNOoO-csTyu/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KXMi_kalt978_iK3snx4ziJ4WOh9LoqqfrI4_WB5gceJHKi21Nj20JLyKDC0jt8uD8-0iS4mw-a1_oO4bqOowtvJo_ZhafCmu8O-HSKDQK7Wm6Qoe8TQh15wHi-MTf4koHNOoO-csTyu/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.

Read more ...

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>

Read more ...

Instant Demo Pro v8.52.54 [ 3 Links ]

Fast Trial is often a House windows program providing you with a whole new quick and easy approach to produce demos as well as courses of the software program inside well-known Thumb file format. Fast Trial is great for software program demonstrations, customer care as well as teaching. Fast Trial utilizes a basic pattern viewpoint, providing a good spontaneous way of this design procedure. A single click of your key is actually most that is required to get started on saving. Fast demonstration instantly records any graphic alterations in your desktop computer, such as mouse appearance as well as movement. Tone of voice annotation is actually completely helped simply by Fast Trial using stay audio saving during
capture, together with saving or maybe applying audio documents during touch-ups.

Fast Trial utilizes a 64-bit record construction to help keep the monitor saving. This gives regarding recordings of up to 18000 Gigabytes throughout file size. With respect to the dynamics in the monitor exercise currently being saved, this particular enables steady saving more than several weeks, weeks or possibly years. The ideal saving interval is restricted merely simply by the amount of obtainable storage space using your laptop process. Holistic rule regarding saved video of common House windows programs is approximately 1MB each and every minute
(when transferring the saving to help Thumb, permit 0.1mb each and every minute.

Download [ Rapidgator]  [ Extabit ] [ Uploaded ]

Read more ...

AnvSoft HTML5 Slideshow Maker 1.9.4 [ 2 Links ]

MultilingualLanguages: English, German, Italian, French, Spanish, Japanese, Chinese

HTML5 Slideshow Creator is usually an easy-to-use HTML5 image slideshow creator. It offers Glass windows edition and also Mac pc verion. Your Mac pc edition contains the two No cost edition and also Entire edition (View More). With HTML5 Slideshow Creator, you can make a skilled slideshow aimed at your web with no creating any kind of HTML5 slideshow unique codes. Your HTML5 Slideshow Creator can offer anyone your HTML5 slideshow unique codes for ones HTML5 photo slideshow.Creating a good HTML5 image slideshow along with HTML5 Slideshow Creator is simple. Obviously any good newbie can create an established HTML5 image slideshow in a handful of ticks. You can find about three track of your user interface associated with HTML5 Slideshow Creator, they may be “Photo”, “Theme” and also “Publish”. Most of these about three tab implies the simple about three methods to make an established HTML5 photo slideshow.HTML5 Slideshow Creator supply users a great deal of HTML5 slideshow templates for making gorgeous ads or maybe banners.

Appying these types of HTML5 slideshow templates in your image slideshow could make your HTML5 photo slideshow a lot more captivating. Whenever complete generating your HTML5 image slideshow, you can write about the idea simply by embedding in your personal site or maybe transmitting emails.
Three methods in most.

Download [ Rapidgator ]  [ Extabit ]

Read more ...

Article Tools v021 [ 1 Link ]

Artical Changer

Wicked Article Creator was developed keeping content desires in mind. Not solely are you able to build a commentary when thorough analysis, you\'ll conjointly build extremely spun articles. after you produce a commentary with woman you get content spun on phrase, sentence and paragraph levels. These articles area unit nice for any link building tools or personal journal networks that support spintax . woman Magic Modules is one in every of the foremost powerful feature of wicked article creator. There area unit total eight magic modules and half dozen of those area unit dedicated to assembling content for personal journal networks like Article Ranks, distinctive Article Wizard and Authority Link Network and link building tools like Senuke X, BMD etc. With these magic modules you\'ll produce content for these journal networks or tools in exactly one click. 1) transfer content and titles on any long tail or short tail keyword 2) PLR surveyor - Extract keyword connected content from your PLR articles 3) produce text or hypertext markup language articles mistreatment content creation Wizards 4) integral woman Spinner to spin your articles manually 5) Over 600,000 phrases and over 1,000,000 words in equivalent word information 6) transfer upto 2000+ lines of niche relevant content directly 7) motorcar spin on phrase level with the simplest synonyms 8) take away unwanted lines that don\'t match your niche 9) Spin paragraphs and contours along or spin articles along 10) Build distinctive titles on any keyword mistreatment our woman Title Builder 11) analysis article paragraph by paragraph in woman Spinner 12) Build author bio and concerning ME sections in nested spintax 13) produce spun pictures and videos from youtube and yahoo 14) Backup your content to stop any accidental modification in content 15) additional tools to unspin, hypertext markup language cypher and clean your articles. you\'ll attempt the package free for per week.

Download [ Mediafire ]  

Read more ...