How To Remove Attribution Powered By Blogger on Blog Version 2

Now I show how to remove Attribution Powered by blogger in your blogspot blog. Already I adjust one formula this blog. Here I teach you another tutorial version 2 . So show the bellow tutorial step by step then enjoy.Show the first tutorial If you cannot remove powered by blogger. So you can follow the version-2.

Remove or Hide Attribution From Blogger Template:

  • Login to your Blogger Dashboard click here
  • Select your blog and click on right side bar
  • Select "Layout" on drop down menu
Remove or Hide Attribution From Blogger Template

Step 1- Select Attribution Widget or Powered by Blogger Widget:

A. Click Edit on Attribution widget
B. Copy the last link address in popup attribution window

Select Attribution Widget or Powered by Blogger Widget

Step 2- Unlocked Attribution Widget or Powered by Blogger:

A. Now Click on "Template" button on left side then click "Edit XTML" button at middle show
B. Click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the Blogger' search box and past already copied link "Attribution1" then hit enter your keyboard
C. Change locked tag 'true' to 'false'
D. Click on Save Template button

Unlocked Attribution Widget or Powered by Blogger

Step 3- Hide/ Remove Powered By Blogger:

A. Again click on Layout button on left side
B. Click Edit on Attribution widget
C. Now you click on Remove button on popup gadget window
Remove Powered By Blogger
  • Finished that!
---------------------------------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team

Remove Powered By Blogger Attribution- help2blogging logoRemove or Hide Powered by Blogger Attribution Gadget- help2blogging smile logo

How To Add Page Number Navigation On Blogger

Now I share how to add page navigation on blogger. By using this blog visitors can easily go to an appropriate page. Visitors show numbering page on bellow the content box. By default Blogger allows Older Posts and Newer Posts link to Navigate between Blog pages. You have to put a code in HTML/JavaScripts box.

How To Add Page Number Navigation On Blogger

Add Numbered Page Navigation Widget for Blogger:

  • Firstly Login to your Blogger Dashboard 
  • Select your blog and click on right side bar
  • Select "Layout" on drop down menu
Add Numbered Page Navigation Widget for Blogger

Add Blogger Page Navigation Widget:

Step 1:

A. Click on "Add Gadget" in your template sidebar
B.  Choose "HTML/JavaScript" Gadget 

Add Blogger Page Navigation Widget

Step 2:

      A. Write widget name in "Title" box (if you need)
      B. Past the bellow code paste in "Content" box

Blogger page navigation widget generator with styles

Numbered Page Navigation HTML Code:

<style type='text/css'>
#blog-pager{height: 28px;
    padding: 10px 0 0;
overflow:hidden;
text-align:center;
}
.showpageArea a {text-decoration:underline;
font-size: 16px;
       text-align: center;}
.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}

.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}

.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
.showpage a:hover {text-decoration:none;background: #cccccc;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
<script style='text/javascript'>var pageCount=7;
var displayPageNum=6;var upPageWord="Previous";var downPageWord="Next";</script><a href="http://help2blogging.blogspot.blogspot.com" style="font-size:0pt">Blogger tutorials</a>

<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script>

Note: You can change count number 7
            Change ‘6’ to show how many additional Page Navigation numbers display on the page.

Step 3:

Firstly you can see how many most post already have in your blogger template
Go to Setting >Post and comments >Posts >Show at most? 

Installing Page Navigation On Blogger
  • Click on Save button and enjoy.

Customize Numbered Pagination Place in Your Blogger Blog:

  • Now Change the position of the widget place under the Blog posts show the bellow picture.
Customize Numbered Pagination Place in Your Blogger Blog
  • That's all !!!
-----------------------------------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team
CSS page number navigation- help2blogging logoPage Number Navigation Below Posts Home Page- help2blogging smile logo

All Post And Page Transfer One Blog To Another Blog In Blogger

If you need your all page and post transfer to another blog just you follow this tutorial step by step. Firstly export your all page and post then import same file in other blog. But you need only one page or posts transfer to other blog click here and show other tutorial.

All Post And Page Transfer One Blog To Another Blog In Blogger

Transfer Posts From One Blog To Another Blogger Blog:

Step 1- Back up or Export your Blogger Post Page:

  • Login to your Blogger Dashboard click here
  • Choose transferring blog
  • Select "Settings" on drop down menu
        A. Click on "Other"
       B. Click on "Export blog"

Transfer Posts From One Blog To Another Blogger Blog
  • Now click on Download Blog on popup page
Back up or Export your Blogger Post Page

Step 2- Restore or Import your Blogger Post Page:

  • Now choose other blog’s
  • Go to "Settings" > "Other"
  • Click on "Import Blog"Restore or Import your Blogger Post Page

Now Move posts from one blogger blog to another:

A. Choose firstly you downloaded or exported .XML file
B. Type the text show on text box in picture
C. If you need automatically publish all page and post check this รพ
D. Now click on Import Blog button

Restore or Import your Blogger Post Page


-------------------------------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team

how to copy blogspot blog- help2blogging logoHow to Move posts from one blogger blog to another

Add Animated Flying Twitter Bird On Blogger

  When visitors show your blog visitors can share your blog by click on animated flying twitter bird. You Might have seen animated flying Twitter bird on many Blogs and Page. Twitter is most popular social networking site after Facebook. Twitter has millions of daily users and tweets. This tutorial makes more useful and beautiful your blog.
Add Animated Flying Twitter Bird On Blogger

Animated Flying Twitter Bird Widget to Blogger Blogs: 

  • Login to your Blogger Dashboard click here
  • Select your blog and click on right side bar
  • Select "Template" on drop down menu
Animated Flying Twitter Bird Widget to Blogger Blogs
All time editing before of course you create a backup of your blogger template because if you have any wrong this template after edited, you can restore this. So click on Backup /Restore and download Full Template. Tutorial details.

Add Animated Flying Twitter Cute Bird In Blogger Template:

  • Click on "Edit HTML" button
Add Animated Flying Twitter Cute Bird In Blogger Template
  • Click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the Blogger' search box. 
  • Type Search box  </body>
  • Hit enter your keyboard and find this tag
  • Now type JavaScript code before </body> tag but

Flying Twitter Bird JavaScript Code For Blogger:

<script type="text/javascript" src="http://yourjavascript.com/20801012195/twitter-bird.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Help2blogging&quot;;
var tweetThisText = &quot; <data:blog.pageName/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

Customize: Replace Help2blogging with your twitter ID.
  • Save template
  • That's all.
-----------------------------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team

Flying Twitter Bird JavaScript Code For Blogger- help2blogging logoAdd a Cute Flying Twitter Bird To Your Blog- help2blogging smile logo

Add Animated Social Sharing Widget With Cool Hover Effects

Your visitors show any post then he likes to share this content. Now I provide you how to add animated social sharing widget with cool hover effects bellow the blog page left corner. This widget is for sharing posts with Friends. If peoples Share with Friends you blog traffic more. This widget is making your blog more satisfied. So follow this and enjoy.

Add Animated Social Sharing Widget With Cool Hover Effects

Social Media Icons Animated Hover Effect:

  • Login to your Blogger Dashboard click here
  • Select your blog and click on right side bar
  • Select "Template" on drop down menu
Social Media Icons Animated Hover Effect
  • Now create a backup of your blogger template because if you have any wrong this template after edited, you can restore this. So click on Backup /Restore and download Full Template.

Add Animated Social Media Icons or Widget:

  • Click on "Edit HTML" button
Add Animated Social Media Icons or Widget
  • Click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the Blogger' search box. 
 A. Write Search box then hit enter your keyboard and find this tag

</body>
 B. Past the bellow code before this tag


Animated Social Sharing Widget With Cool Hover Effects For Blogger

HTML Code For Social Media Icons:


<div class='shr_ss shr_publisher'>
</div>
<script type='text/javascript'>
  var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};
  </script>
<script type='text/javascript'>
       (function() {
             var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
            sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;
            var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);
        })();
        </script>
 C. Now click on Save template button.
  • That's all.
-----------------------------------------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team
Social media icons html generator -help2blogging logoSocial media icons free download- help2blogging smile logo

Add Flying Animation Letter below Mouse Pointer On Blogger

Shown to over beautiful by your blog when you move mouse on your blog. You will see that Letters you set in the below code will flying like an animation below the cursor in blue color. Easily you can install on your blogger blog.
Add Flying Animation Letter below Mouse Pointer On Blogger

How To Add Flying Letters below Mouse Pointer Animation:

  • Login to your Blogger Dashboard click here
  • Select your blog and click on right side bar
  • Select "Template" on drop down menu
How To Add Flying Letters below Mouse Pointer Animation
  • Now create a backup of your blogger template because if you have any wrong this template after edited, you can restore this. So click on "Backup /Restore" and download Full Template.

Add Flying Letters On Moving Mouse Pointer:

  • Click on "Edit HTML" button
Add Flying Letters On Moving Mouse Pointer
  • Click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the Blogger search box. 
 A. Write Search box then hit enter your keyboard and find this tag

</body>
B. Past the bellow code before this tag


Add Flying Animated Text Below Mouse Moving Pointer

HTML Mouse Cursor Animation Effects:

<script type="text/javascript">
var text=&#39; Enter text here or your blog name &#39;;
</script>
<script src="http://netoopscodes.googlecode.com/svn/branches/Js%20files/mousetail.js" type="text/javascript">
</script>

C. Now click on Save template button.
  • That's all
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team
Animated Flying Text Below Mouse Cursor In Blogger- help2blogging logo Add Flying Letter With Moving Mouse- help2blogging smile logo