IT "S ARYA PLACE : Blogger

Showing posts with label Blogger. Show all posts

Navigation For Blogger New Script

<div dir="ltr" style="text-align: left;" trbidi="on">
<img alt="Numbered Page Navigation" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmR98ZBfKGFw2kMxBmmS2jBuZqySTPWYqndjuNH3OoA-2gPwK1RR-ySgbumCFAvdJCsEramsbCeNB9MOGVffe7GV2sJpNeApeuu10D-0uf5vNDQ_A36xMJgKTk1fMlT0V49kGn7osVazRg/s1600/numbered-page-navigation.png" title="Numbered Page Navigation" /> 
Today we will see how to add a nice page number navigation hack blogger.
 The default navigation links (i.e Older Posts) is not the friendly 
visitor if you are having a lot of jobs and bloggers readers.Few has 
some problems with the above script navigation page. Now here is a 
completely new script and work for numbered page navigation (i.e. 
Panigation) for Blogger. The paging widget for blogger it easy for the 
visitor. It is a must have for any new blogs.This new script allows you 
to add numbered page navigation to blogger/ blogspot blog with page 
numbers starting(1, 2, 3, 4 ….) like those of a book. 
 
 
 
Add Numbered Page Navigation Widget With DIfferent Styles For Blogger / Blogspot 
 
 
Page navigation widget for blogger is most popular widget, and most 
bloggers are using this. because these players are only provided in the 
wordpress blogs hosted or blogs.But now his trick has been made 
available to bloggers is also here that I am giving this Page 
Navigation Widget with different styles and options for full 
customization 
 
 
How To Install This Widget On Blogger :- 
 
Customize the Given Options and Click on Generate button 
Click Add to Blogger button to add this widget on your Blog 
 
<div style="text-align: center;">
 <a href="http://webtoolswebmoney.blogspot.in/p/blog-page_30.html" target="_blank"><img alt="http://webtoolswebmoney.blogspot.in/p/blog-page_30.html" class="rg_i" data-sz="f" name="Il4f9FGYN5NaoM:" src="data:image/jpeg;base64,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" style="height: 44px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 130px;" /></a></div>
 
 
 
 
Stylish Numbered Page Navigation Widget with Colored Styles For Blogger 
 
 
Numbered Page Navigation Widget is a JavaScript hack for blogger to 
easily navigate blogger pages. In this post i am giving stylish 
navigation with different colorful styles. 
 
An error was found in some blogs and it is also fixed in this widget. 
eg.hiding at top 
 
 
How To Install This Widget On Blogger :- 
 
 
 
<ol style="text-align: left;">
<li>Click the below Button</li>
<li>Customize the Options given in Widget form</li>
<li>Click on "Generate" Button</li>
<li>Finally click On "Add To Blogger" Button</li>
</ol>
 
<div style="text-align: center;">
<a href="http://webtoolswebmoney.blogspot.in/p/blog-page_6303.html" target="_blank"><img alt="http://webtoolswebmoney.blogspot.in/p/blog-page_6303.html" class="rg_i" data-sz="f" name="Il4f9FGYN5NaoM:" src="data:image/jpeg;base64,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" style="height: 44px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 130px;" /></a> </div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
 </div>
<div style="background-color: #f6b26b; text-align: left;">
 </div>
<div style="text-align: left;">
How to Add Numbered Page Navigation Widget for Blogger / Blogspot 
 
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://arya2014.blogspot.in/" target="_blank"><img alt="http://arya2014.blogspot.in" border="0" height="26" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikjoggzaNjXvzU6Yy9Co2xTnBfpKhGmwL9mBtuyYgWFsUE4BFQHp06rpspehui_p86u_OtMzjqc5sxU1uVyr26l8o5728czdWW1o8lbuXfiVr6P6myL9xxnDAHXtmE5cN9GwGf-j_cFNyR/s320/Page+Navigation+Widget+Generator.gif" width="320" /></a></div>
 
 
 
Page navigation is awesome widget that allows navigation of page number 
to the visitors. You might have seen numbered page navigation in many 
WordPress blogs. It is simple JavaScript that allows your older posts, 
new posts and links to the house numbers. Have you seen older posts, new
 messages and links at home bored. 
 
 
How To Add Numbered Page Navigation Widget to Blogger Blog? 
 
I am giving best customizing options to this widget 
 
Note:-Choose colors for your convenience you feel good. 
 
1.Customize Options in Widget Form 
2.Click on Generate Button 
3.Then finally Click on Add to Blogger Button to add as a Widget 
 
<div style="text-align: center;">
<a href="http://webtoolswebmoney.blogspot.in/p/blog-page_4446.html" target="_blank"><img alt="http://webtoolswebmoney.blogspot.in/p/blog-page_4446.html" class="rg_i" data-sz="f" name="Il4f9FGYN5NaoM:" src="data:image/jpeg;base64,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" style="height: 44px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 130px;" /></a> </div>
<div style="text-align: center;">
 </div>
<div style="text-align: left;">
 </div>
<h2 style="background-color: #f6b26b; color: red; text-align: left;">
Blogger Page Navigation Widget With DIfferent Styles</h2>
 
How To Install This Widget On Blogger :- 
 
Customize the Given Options and Click on Generate button 
Click Add to Blogger button to add this widget on your Blog 
 
<div style="text-align: center;">
<a href="http://webtoolswebmoney.blogspot.in/p/blogger-page-navigation-widget-with.html" target="_blank"><img alt="http://webtoolswebmoney.blogspot.in/p/blogger-page-navigation-widget-with.html" class="rg_i" data-sz="f" name="Il4f9FGYN5NaoM:" src="data:image/jpeg;base64,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" style="height: 44px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 130px;" /></a></div>
<a href="https://www.blogger.com/blogger.g?blogID=9141683864977778668" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=9141683864977778668" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=9141683864977778668" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=9141683864977778668" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a> 
<div style="text-align: center;">
</div>
<div style="text-align: left;">
http://webtoolswebmoney.blogspot.in/p/blogger-page-navigation-widget-with.html</div>
<h4 style="background-color: yellow; color: red; text-align: left;">
UPDATED</h4>
 
Change based on your blog setting : 
var postperpage=5; 
<a href="https://www.blogger.com/blogger.g?blogID=9141683864977778668" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=9141683864977778668" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=9141683864977778668" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=9141683864977778668" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>var numshowpage=3; 
 
Postperpage : How many Post every Page for your blog 
numshowpage : how Many number will show in Your page Navigation 
 
<h4 style="text-align: left;">
Customize Label (<strike>if you already use my previous Page Navi don’t use this step</strike>)</h4>
Go to the Edit HTML page and “Expand Widget Templates” 
Find this (all of this text in your xml or template) 
 
<div class="code">
<h4 style="text-align: left;">
'data:label.url'</h4>
</div>
 
and Replace with this 
 
<div class="code">
<h4 style="text-align: left;">
'data:label.url + &quot;?&amp;max-results=5&quot;'</h4>
</div>
 
Change 5 base on how many post every page 
 
<div style="text-align: left;">
 </div>
</div>

Navigation For Blogger New Script

Today we will see how to add a nice page number navigation hack blogger. The default navigation links (i.e Older Posts) is not the friend...

01:38

Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2>
How to Replace Newer, Older & Home Navigation Links with Image Buttons?</h2>
<div class="notice">
 Important!!! Back Up your Template before Making any changes in Template.</div>
<ol>
<li>Go to Blogger Dashboard -> Design tab -> Edit HTML tab</li>
<li>Click on <input checked="checked" disabled="disabled" style="vertical-align: middle;" type="checkbox" /> Expand Template Widgets checkbox</li>
</ol>
<h3>
Replacing the Older Link</h3>
Search for <code><data:olderPageTitle/></code> and replace with below code 
<pre><code class="xml" data-result="[object Object]"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinViNyW0Qx-um2qy4eQUQ_iMTXA8BZr7FomNFrF57LhvIEQYXjoi1k15XUk-f5Mdh5Pzffp8LIPmXe_JISLecX559vLpIPkbn5L0_PHpfZ6E-GDER-L0X9NpAQ32nava8S_rCaVsf6MA5Y/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/></code></pre>
<h3>
Replacing the Newer Link</h3>
Search for <code><data:newerPageTitle/></code> tag and replace with below code 
<pre><code class="xml" data-result="[object Object]"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz_wCjENQwz42IFEEClEHjrLuOXLS1vlr_op2u5Atp2djag9Mj6DC54HXWFY6yPtNVVyFJCwIExUli6-9x7q-A3XNEbqwcGUH6TGc9L9NaHKX18uMSvDtfdhxQfMtVRFSLyX3aRhGw99Qh/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/></code></pre>
<h3>
Replacing the Home Link</h3>
Search for <code><data:homeMsg/></code> tag and replace with below code 
<pre><code class="xml" data-result="[object Object]"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG4Euob5QsEmNMsyjOxE-UDMBkbSHsDDWg3IZwo9pvXnK3R8tSGwBxf7FcbYLQhXb8vVNNVF_8E4tqZX3ftL8QZdwagOzRxyLzAeTqmdlThkGLGI7pnXwBMynB_6rnbgeRpgk_uqrKhY1h/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/></code></pre>
You can change your own icons by replacing the image Url in the above three codes. 
<h2>
Download the Attractive Shiny Buttons Set</h2>
The icons set is designed by <a href="http://www.mybloggertricks.com/" target="_blank">MyBloggerTricks.com</a>. You can download this set for Free on MyBloggerTricks.com 
<div style="text-align: center;">
 <img class="screenshot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidJbYzEgWEM8wTWG5pYaUg4RX2rjK1Dua8Q-nNxyCzjXnh-V0k2PtDx-FXUZ_fBkk0C9jFl09rC8qy1IpD6vD9t_ndy5BBxQ07laT2Y_zfizOYXQUI6-MnQDGyZq89DYiaUFL2kKLQ4wk/" /> <a class="button" href="http://www.mybloggertricks.com/2009/12/replace-newer-older-and-home-links-with.html#Download" rel="nofollow" target="_blank">Download</a></div>
Hope this will help you and Drop your Comments. 
 
<h2>
How to Add Jquery Slide Panel with Content</h2>
there are three steps Step 1: Adding Jquery JavaScript Plugin(Ignore this step if your blog have already a Jquery Plugin) 
<ol>
<li>Go to Blogger Dashboard -> Design tab -> Edit Html</li>
<li>Search for <code></head></code> tag</li>
<li>Add below line of code Before <code></head></code> tag<pre><code class="xml" data-result="[object Object]"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script></code></pre>
</li>
</ol>
Step 2: Adding Jquery Slide Panel Plugin 
You Must add this plugin. 
<ol>
<li>Search for <code></head></code> tag</li>
<li>Add below line of code Before <code></head></code> tag<pre><code class="xml" data-result="[object Object]"><script src="http://widgets.way2blogging.org/blogger-widgets/jquery.slidePanel.min.js" type="text/javascript"></script></code></pre>
</li>
</ol>
Step 3: Adding Jquery Slide Panel Widget Code 
Here
 i am Giving Widget Code generator Form and i Include all possible 
Options with advanced CSS Styling. You can add multiple pannels. 
Customize the Trigger CSS & Panel Content CSS Fields as you need. 
Settings : 
<ol>
<li>First Click this Button<a class="button widget-button" href="http://www.way2blogging.org/widget-generators/animated-jquery-sliding-panel-widget">Generate Widget</a></li>
<li> for Trigger Name and Panel Content please See the Image Below. <img alt="" border="0" class="screenshot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwz54lbjQQGU04-O-dRmgqMatXRRxHlswOlEfxw2VkxMTUFfcZc06CRLnZI_qjR4wilnYRJJFamNZQ2mpga-Lt7znL4SMRG8RvwvgpxGiBwK37qYFJyqw47Dhe3KE30i6FjD5EnAtJif9R/s450/w2b_slidepanelscreenshot.jpg" /></li>
<li>Finally Generate Widget Code and Put it Before <code></body></code> tag</li>
<li>and Save your Template</li>
</ol>
If you have any Difficulty then Leave a Comment 
I hope you enjoyed this widget. 
If you like the widget then feel free to share and leave a Comment. 
 
 
 
<h2>
How to Add Static Facebook Like Box with Smooth Jquery Hover Effect?</h2>
Here There are 2 Simple Steps Step 1: Adding Jquery JavaScript Plugin(Ignore this step if your blog have already a Jquery Plugin) 
<ol>
<li>Go to Blogger Dashboard < Design tab > Edit Html</li>
<li>Search for <code></head></code> tag</li>
<li>Add below line of code Before <code></head></code> tag</li>
</ol>
<pre><code class="xml" data-result="[object Object]"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script></code></pre>
Step 2: Adding Widget Code 
it’s Simple 
Replace my facebook page URL below with the URL for your page. 
<a class="button widget-button" href="http://www.way2blogging.org/widget-generators/static-facebook-pop-out-like-box-widget" target="_blank" title="Generate Widget">Generate Widget</a> 
 
 
<h2>
How to Add Smooth Scroll to Top with Jquery ?</h2>
there are 2 Simple Steps Step 1: Adding Jquery JavaScript Plugin(Ignore this step if your blog have already a Jquery Plugin) 
<ol>
<li> Go to Blogger Dashboard < Design tab > Edit Html</li>
<li>Search for <code></head></code> tag</li>
<li>Add below line of code Before <code></head></code> tag<pre><code class="xml" data-result="[object Object]"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script></code></pre>
</li>
</ol>
Step 2: Adding Scroll to Top Script 
<ol>
<li> Go to Blogger Dashboard < Design tab > Edit Html</li>
<li>Search for <code></head></code> tag</li>
<li>Add below section of code Before <code></head></code> tag and Save your Template.<pre><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><style type="text/css">
#w2btoTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(http://2.bp.blogspot.com/-oVa1ImctF7c/Tdouv3K7NyI/AAAAAAAAA38/xT4bu8uKM3M/way2blogging.org.ui.totop.png) no-repeat left top;}
#w2btoTopHover {background:url(http://2.bp.blogspot.com/-oVa1ImctF7c/Tdouv3K7NyI/AAAAAAAAA38/xT4bu8uKM3M/way2blogging.org.ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#w2btoTop:active, #w2btoTop:focus {outline:none;}
</style>
<script src="http://widgets.way2blogging.org/blogger-widgets/w2b-jquery.ui.totop.js" type="text/javascript"></script>
<script type="text/javascript">
/*<![CDATA[*/
;(function($){$().UItoTop({easingType:'easeOutCirc'});})(jQuery); 
/*]]>*/
</script></code></pre>
</li>
</ol>
You Are Successfully Done! 
Leave your Comments and Responses about this Widget! 
 
<h2>
How to Install?</h2>
<ol>
<li>Go to Blogger Dashboard > Design tab.</li>
<li>Click on Add a Gadget any where in your Layout.</li>
<li> Choose LinkList Gadget and Leave Title Field as Blank</li>
<li>Try to Add Some Links and Save Gadget<img alt="" border="0" class="screenshot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG0aMGh1uOuObBGMQIr28GJhf_aYYDWwBQ7yu3zGLC3IwXPAFsFB2LICcLbbGvscBbUKoHpmKxgm0Z0dy8Rdd0rTRZzHRx14wVY5p3ZQ1EEomOPGV9JQc-gLeUj_KF3_K7hGiG9jDKHPZe/s1600/w2b_fancymenu-shot1.png" /></li>
<li>Edit LinkList Widget Once again, And Copy Widget ID From URL like in Image<div class="notice">
Make Sure the ID may Exact to match in the URL even a Block Letters(Capital Letters) Also for Perfect Working of This Widget!</div>
<img alt="" border="0" class="screenshot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0hilvJqjSmStb4EcCIleFVN6xvsozmhc_e9lCvURzx0W77bjuCPNTnuf7nkPc48nkD8Kpp02jtTfPklAQdmNHjJMLONy2AEw5FrhxdY_EBHpSnAQ9dqDqlKsZBwNMFv-AcHy-WeWLm0_z/s1600/w2b_fancymenu-shot2.png" /> 
<pre><code class="javascript" data-result="[object Object]" data-second_best="[object Object]">http://www.blogger.com/rearrange?blogID=xxxxxx&action=editWidget&
sectionId=xxxx&widgetType=LinkList&widgetId=LinkList2</code></pre>
Here is <code>LinkList2</code> is the widget ID in this URL</li>
<li>Use the below Button and Generate your Widget Code then Paste it before <code></head></code> tag in your template. <a class="button widget-button" href="http://www.way2blogging.org/widget-generators/animated-fancy-navigation-menu">Generate Widget Code</a></li>
<li>Save your template, You are Done!.</li>
</ol>
Put
 your Comments and Feelings About this Method of installation and about 
this Widget, So that i can implement  more widgets and menu’s through 
this way! and also, share this Article with your Friends or to your 
Network :). 
 
<h2>
How to Add Link Nudging by jQuery?</h2>
<ol>
<li>First Go to Blogger Dashboard > Design Tab > Edit HTML Tab</li>
<li>Search for <code></head></code> tag</li>
<li>Add following code just Before <code></head></code> tag<pre><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
 var dur = 400; // Duration Of Animation in Milli Seconds
 jQuery(document).ready(function($) {
 $('a.linknudge').hover(function() {
 $(this).animate({
 paddingLeft: '25px'
 }, dur);
 }, function() {
 $(this).animate({
 paddingLeft: 0
 }, dur);
 });
 }); // end of Jquery Script
</script></code></pre>
</li>
<li>Now Save Your template!</li>
</ol>
When You want to Add link Nudging to your links, Simply add a class “linknudge” to your links like this! 
<pre><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><a class='linknudge' href='http://www.way2blogging.org'>Way2blogging</a></code></pre>
The above code is For Custom links those are you animating by adding a class of ‘linknudge‘ 
Here is another code i am giving that is for your labels as well as for your custom links 
<pre><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><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() {
 $('a.linknudge, .Label ul li a').hover(function() {
 $(this).animate({
 paddingLeft: '25px'
 }, dur);
 }, function() {
 $(this).animate({
 paddingLeft: 0
 }, dur);
 });
 }); // end of Jquery Script
</script></code></pre>
<pre><code class="xml" data-result="[object Object]" data-second_best="[object Object]"> </code></pre>
<pre><code class="xml" data-result="[object Object]" data-second_best="[object Object]"> </code></pre>
 
 
 
</div>

Blogger

How to Replace Newer, Older & Home Navigation Links with Image Buttons? Important!!! Back Up your Template before Making any change...

04:11

Welcome !

Website Moto(Online Learning)

Earn Money To Easy Way & How To Join Us

Payment Proof

This is a most important topic of my site

SQL Server

Useful Tips & Tricks

Cyber Crimes

Popular Sites

Webtools Generator

Basic Knowladge Of Computer & Web Elements (Short Note's)

IT "S ARYA PLACE

You can also receive Free Email Updates:

Navigation For Blogger New Script

Blogger

About Me

Symbolic Constants

Navigation For Blogger New Script

How To Creat Facebook Fantasty Box

Basic Knowladge Of Computer

Earn Money To Easy Way