Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

seo Social Share Widget With Counters For Blogger 2013

Seo Master present to you:

The Social networking sites growing traffic is indirectly to webmasters themselves. the more they receive traffic the more visitors we receive when people share you content with friends and colleagues. The widget today consists of Facebook, Twitter, StumbleUpon box counters along with Addthis Counter which makes it a complete package of social media sharing buttons.

 

 

social shareing widgets

 

  • Go To Blogger > Design > Edit HTML

 

  • Backup your template

 

  • Check the "Expand Widgets Templates" Box

 

  • Find (CTRL+F) <data:post.body>

 

  • Just above it paste the code below.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div align='right'><table border='0' cellpadding='2' cellspacing='0' width='150'><tbody>
    <tr>
      <td valign='top'>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</td>

      <td valign='top'>   <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'/></td>
    </tr>

    <tr>
      <td valign='top'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </td>

      <td valign='top'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de39fde7c998f6e' type='text/javascript'/>
<!-- AddThis Button END -->
</td>
    </tr>
  </tbody></table></div></b:if>

If you wish to align the widget to left then replace right with left

  • Hit Save and you are done!

 

 

 

 

Leave a comment betow…………………..

 

2013, By: Seo Master

seo Get Free 1000+ Backlinks For Your Website or Blog From PingmyLink.com 2013

Seo Master present to you:

Hi friends,Do you want  create backlinks for  your website or blog, Now i share  a great solution for you. Just use the service that is provided by Pingmylink.com and generate 1132 backlinks with just one click.

 

ping my link backlinks

 

 

  • Now here you find a submission box. Just put your URL in this and click to submit.

 

  • Now don't do any thing, until finishing.

 

Note: This service submit link free of cost. If you got "OK" that means success. If You got "CHECK" that means site is added but not verified. If you got "INFO" means not added, just add manually.  

 

blacklink created for masterhacks

 

 

 

 

Are you happyyy????????????? …………………..

 

 

2013, By: Seo Master

seo How To Add Website Speed Test Tool Directly on Your Blog / Website 2013

Seo Master present to you:

 

Friends, Now i share a easy trick to add  Website speed test tool directly in to your blogger. It is working for me . If you want to learn more,follow this post.

 

Speed Test

Your domain(s): Enter each address on a new line (Maximum 10)
 
(eg. iwebtool.com)    
 

Powered by iWEBTOOL

 

 

Log on to Blogger.

 

  • Go To Dashboard and click Layout


  • Click on Add a gadget and select HTML/JavaScript

 

  • Paste the following code inside the gadget

 

<!-- iWEBTOOL - www.iwebtool.com - Website Speed Test --> <form method="get" name="pageform" action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" target="pageframe" onsubmit="return validate(this);"> <table border="0" style="border-collapse: collapse" width="100%"> <tr> <td height="91" valign="top"> <table class="tooltop" style="border-collapse: collapse" width="100%" height="76"> <tr> <td> <table border="0" style="border-collapse: collapse" width="100%" cellspacing="5"> <tr> <td valign="top" colspan="5"><b><font size="2">Your domain(s): </font></b><font size="1">Enter each address on a new line (Maximum 10)</font></td> </tr> <tr> <td valign="top" colspan="4"> <textarea rows="11" name="domain" style="width: 100%"></textarea></td> <td > &nbsp;</td> </tr> <tr> <td > <input type="submit" value="Check!" style="float: left"></td> <td > <font size="1">(eg. iwebtool.com)</font></td> <td > &nbsp;</td> <td colspan="2">&nbsp;</td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td > <iframe name="pageframe" width="100%" height="251" class="toolbot" frameborder="0"> </iframe></td> </tr> <tr> <td height="39"> &nbsp;</td> </tr> </table> </form> <script language="JavaScript"> function validate(theform) { if (theform.domain.value == "") { alert("No domain provided"); return false; } return true; } </script> <p><a href="http://www.iwebtool.com/" target="_blank"><font size=1>Powered by iWEBTOOL</font></a></p> <!-- iWEBTOOL - www.iwebtool.com - Website Speed Test -->

        

 

  • Now Save It.

 

 

 

You're done..

2013, By: Seo Master

seo Page Load Timer Script For Blogger 2013

Seo Master present to you:
Hi, This post contain a script to find your Blogger loading time. This is a real widget .Feel it now.


web page load timer code



  • Go to templates, click on Edit HTML option and Proceed.

  • Find (Ctrl+F) <head> tag.

  • Paste the below  code after <head> tag.

<!-- page load timer -->

<script type='text/javascript'>

var d = new Date();

var starttime = d.getTime(); //Get the start time

</script>






  • Now find (CTRL+F) </body> tag  in the template.

  • Paste the below  code before </body> tag and save the template.


<!-- page load timer start -->

<script type='text/javascript'>

var d2 = new Date();

var endtime = d2.getTime(); //Get the end time

//Find the difference between the start and end times

var totaltime = (endtime - starttime)/1000;

//Round 2 decimal places

var result = Math.round(totaltime*100)/100;

//Output results to a &quot;P&quot; element

document.getElementById(&quot;loadtime&quot;).innerHTML = &quot;Page loaded in: &quot;+ result +&quot; seconds&quot;;

</script>

<!-- page load timer end -->


  • Save template. 

  • After that go to Layout.

  • click on “ADD A GAGDET".

  • Select HTML/Java Scripts

  • Copy and paste below code.

<!-- Widget portion -->


<p id="loadtime">Write your custom message here</p>


  • Save It and click preview.






Leave a comment…………………….








2013, By: Seo Master

seo How To Make Your Blog To Open All Links In New Windows 2013

Seo Master present to you:

Hi friends,Now I'm going to teach you How To Make Your Blog To Open All Links In New Windows. Try it.





  • Go to templates, click on Edit HTML option and Proceed.

  • Find (Ctrl+F) <head> tag.

  • Paste the below  code after <head> tag.


<base target='_blank'/>










  • Save template.

















Leave a comment…………………
2013, By: Seo Master

seo How To Add jQuery Popup Boxes To Blogger 2013

Seo Master present to you:

Friends now i share a simple trick to make a jQuery popup box in your blogger. After add this code to your  Blogger, button appear. When we hit on that button, a box will popup in your site .Try it now..

 

 

popup box appear in blogger

 

 

 

  • Go to templates, click on Edit HTML option and Proceed.

 

  • Find (Ctrl+F) </head> tag.

 

  • Paste the below  code before </head> tag and save the template.

 

 

 Find (CTRL+F) height:200px; width:350px;  Change box width and height.

 

 

  • Save template.

 

  • After that go to Layout.

  • click on “ADD A GAGDET".


  • Select HTML/Java Scripts.

 

  • Copy and paste below code.

 

 

Replace Your-Popup-Button-Name, Enter-Popup-Title-Here, Enter-Your-Popup-Content-Here with your data.

 

  • Save It and click preview.

 

 

 

 

 


Leave a comment…………………….

2013, By: Seo Master

seo Mouse Hover Zoom Effect For Your Blogger Images - jQuery 2013

Seo Master present to you:

 

Friends, This post contain a trick to zoom your blogger images with out clarity loss. If you want to insert this effect to your blogger, Follow this post.

 

 

logo_zoom

 

 

  • Click on Templates.

 

  • Hit on Edit Html button and proceed.

 

  • Find (Ctrl+F)   ]]></b:skin> tag.

 

  • Copy and paste below code before  ]]></b:skin> tag.

 

 

/*------- Master Hacks ZOOM-OUT ZOOM-IN -------*/
.mbtzoom {
padding:5px;
position:fixed;
bottom: 35px;
right:10px;
cursor: pointer;
text-decoration: none;
border: 0px solid transparent;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mbtzoom:hover  {
  zoom: 2;
  text-enlarge: 2;
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

 

 

 

You wish to apply the zoom effect to any image you want simply use this code.

 

<a href="URL OF PAGE" class="mbtzoom"><img  width="60px" height="60px" src="IMAGE LINK" alt="back to top"  /></a>

 

  • Change Red color with your Page link and Image link.

 

 

*Make sure to Keep width and height equal to half the size of original image. For example if the image size is 100px by 100px then set width="50px" and height="50px".

 

 

……………………………..END…………………………………….

2013, By: Seo Master

seo How To Add Disqus Comment Box On Blogger 2013

Seo Master present to you:

Disqus is a global comment system that improves discussion on websites and connects conversations across the web. If you looking for a good comment box for your blogger.  Follow this post.

 

 master_discus_comment_box

 

Go to Disqus website.

 

  • Click Sign Up at the top right corner.


  • Fill the blank, then click Continue.

 

  • Click on Blogger option and select Add widget option.

 

disqus comment box

 

  • Select Below option. It's automatically adding widgets to your blog.

 

 disqus comment box add to blogger

 

  • Save it.

 

  • Go to your website and check it now.

 

disqus commentbox example

 

 

 

 

 

Leave a comment…………………………..

2013, By: Seo Master

seo How To Add Scroll Back To Top Button In Your Blogger 2013

Seo Master present to you:

A cool JQuery script that does all the work. This Bottom had a fade out effect and smooth scroll effect. This button having some good features that it appears only when the user scrolls down the page and disappears as he scrolls up.

 

 

arrow

 


Log on to Blogger.

 

  • Go To Dashboard and click Layout


  • Click on Add a gadget and select HTML/JavaScript


  • Paste the following code inside the gadget

 

 

Replace BUTTON IMAGE LINK with the image link of your back to top button.

 


  • Now Save It.

 

 

 

 

Leave your comments below…………….

2013, By: Seo Master

seo How To Add Free PHP Contact Form To Blogger 2013

Seo Master present to you:

Friends, this is a way to contact with your costumer. Make a contact form and install in your blogger. Your visitors can Submit this contact form without Page refresh. To add this contact form no need to register.So you can add it in few seconds.And also this contact form integrated anti-spam.

 

 

foxy forms in master hacks

 

 

Go to Foxy form.

  • Select items you want to add in your contact form and decide they are mandatory or not.

 

  • Select your font color and form color.

 

  • Enter your e-mail address.

 

    foxy forms

 

  • Click on Create Formular Button.

 

  • Copy that code.

 

Log in to your Blogger.

 

  • Go to Page Option .

 

  • Create a new page.

 

  • Hit on html button

 

  • Paste copied code and save it.

 

  • Click on preview button.

 

If any one fill and submit this form, It automatic shows like below.

 

 

submit forms

 

Admin get a information about this message via email.

 

Leave your comments below………………….

2013, By: Seo Master

seo How To Create A Separate Archive Page(Site Map) In Blogger 2013

Seo Master present to you:

 

This is a simple trick to add  blog archives in a single page in blogger. This also known as blog site map.  Create your blog site map and enjoy with Master Hacks.

 

sitemap

 

 

Log in to your Blogger.

 

  • Go to Page Option .

 

  • Create a new page.

 

  • Hit on html button

 

  • Copy and paste below code. 

 

 

  • Save it.

 

 

 

 

Are you happy????????………………….

2013, By: Seo Master

seo How To Add Facebook Login Button To Blogger 2013

Seo Master present to you:

In this tutorial, I am sharing with you how you can add the Facebook Login button to your blogger/blogspot blog. If you have the button on your blog, your blog readers can easily log in and log out from Facebook.com, right from your blog without them going to facebook.com website.



Demo:

Masterhacks-Facebook-log-in-button


First we are going to make a new application for our website.

Go to   Facebook developer page .

  • Select  Apps option from menu bar.

masterhacks facebook developers page

  • Hit on Create new application and fill with your information like below.

masterhacks facebook developers page2

  • Save your Application and copy your Apps ID to Notepad.

masterhacks facebook developers page Application id


  • Go to templates, click on Edit HTML option and Proceed.

  • Find (Ctrl+F) <body> tag.

  • Paste the code highlighted below directly under it and save the template.




Find and Change YOURAPPSID with your Apps ID.

  • Save template.

  • After that go to Layout.


  • click on “ADD A GAGDET".



  • Select HTML/Java Scripts.

  • Copy and paste below code.




  • Save It and click preview.




Leave a comment…………………….




2013, By: Seo Master

seo How To Add Auto Scroll Recent Post Widget To Your Blogger 2013

Seo Master present to you:

Blogger default recent post widget is boring for all Blog users. This is new stylish auto scrolling recent post widget. Install it,  and leave a comment below.

 

recent post widget for blogger

 

 

Log in to your Blogger account.

 

  • Go to Layout.

 

  • Select Add a Gadget.

 

  • Select HTML / Javascript.

 

  • Copy and Paste the codes below:

 

 

 

Find (Ctrl+F) and Change Red Color values.Make your Widget better.

var numposts = 20;

 

var showpostthumbnails = true;

var displaymore = true;

 

var showpostdate = true;

var showpostsummary = true;

speed: 550,

pause: 5500,

showItems: 4,

 

mousePause: true,

direction: 'up'

<script src='http://YOUR BLOG.blogspot.com/feeds/posts/default?

 

  • Save Widget .

 

 

 

 

Leave your comments below……………

2013, By: Seo Master

seo How To Create An Admin Control Panel into your Blogger 2013

Seo Master present to you:

Friends,Blog administrators can create a new post or customize their layout with just one click; when the nav-bar is hidden, many more clicks are required to access the dashboard panel again. Now i share about add admin control panel into your blog.

 

 

Log in to your Blogger

 

  • Find your blogger ID from Browser address bar.

Example:http://www.blogger.com/blogger.gblogID=4528768268243408078#template

  • Go to template.

 

  • Hit on Edit HTML option and proceed.

 

  • Find (Ctrl+F) below line.

 

  <b:section class='sidebar' id='sidebar' preferred='yes'>

  • Copy and paste this code before above line

 

 

  • Replace all “BlogIdNumber” with your blogger ID.

 

  • Save templates

Leave your comments…

2013, By: Seo Master

seo How To Enable Email Subscription with Feedburner 2013

Seo Master present to you:

Hai friends  Now i share a information about “How to activate email subscription in feedburner.

 

 

email subscription disable

 

 

First Setup a Feedburner feed.

 

If you have one already. Then follow these steps:

 

 

  • Click “My Feeds” and Select your feed from the list

 

  • Click the Publicize tab.

 

  • Click Email Subscriptions on the left side

 

  • Click  Activate button.

 

 

 

 

 

Are you happy now??????????……………….

2013, By: Seo Master

seo How To Add A Contact Form To Your Website/Blog 2013

Seo Master present to you:

Friends,How to add free Contact Form to Blogger ?.Now i share a information about add contact form into your blogger.This is a easy way to  contact  with your customers. Follow instructions.

 

 

At first signup/Login to Google Drive.

 

  • Click on CREATE button. Then drop down a menu select FORM option.

 

createform

 

 

  • Then open a black page,Give a title to your form and edit question title,question type etc.

 

contactformeditting

 

 

  • After complete your edits, Select a Theme for your contact form if you want.

 

theme for forms

 

  • Go back to your editing, Select more action and click embed code option.

 

get embed code

 

  • Copy embed code.

 

copyembedcode

 

  • Go to your Website/Blog and create a page. Hit on html mode and  paste embed code.

 

bloggercontactform html

 

  • Hit on compose mode. After Complete your page edit save contact form.Type your Information and  hit on submit button.

 

Contact formin blogger

 

 

 

 

Leave your comments below…..

2013, By: Seo Master

seo How to Create Your blog Sitemap 2013

Seo Master present to you:

A blogger sitemap is, in simple words, a map marked with the addresses of every page on your blog to lead search engine crawlers as well as visitors to where they are looking for. By placing all the URLs in one place, visitors can quickly find the specific contents they want to read, and search engine crawlers can easily index all the pages listed on it.

With a blogger sitemap, it would be easier to increase the visibility of your blog in search engine results and improve the visitor's navigation experience. As a result, you will attract more visitors to your blog and further on, to develop their attachments to visit regularly.

 

 

Now I share  a  software to create  sitemap automatic. Download and enjoy.

 

 

For Download  Click below:

 

 

 

OR

Make your Site maps online click here

 

 

 

Advantages of Using Sitemap X to Build Sitemaps

  • Sitemap X is a free sitemap tool which can automatically generate sitemaps of all kinds and update sitemap files as scheduled. Below are the advantages of using Sitemap X to build blogger sitemap.

 

  • Automatically crawl and generate standard sitemaps to save the tedious work of adding URL;

 

  • Include all the posts published on your blog to ensure all of them can be found by visitors and search engines;

 

  • Immediately ping all major search engines about the newly generated or updated sitemaps instead of submitting the sitemaps to search engines one by one;

 

  • Schedule sitemap generation and search engine pinging so that you need not spare time to build renewed sitemaps every time you update your blog, but let it automatically do all the works at fixed time;

 

  • Save your time, energy and money since it can finish the sitemap building automatically, instantly and freely.

 

 

 

 

Special Thanks  To Sitemaps

 

Leave a comment…………..

2013, By: Seo Master

seo How To Add A Popup Message In Your Blogger 2013

Seo Master present to you:

This is a special post for bloggers, This post about how to create a popup message in your blogger. If you want to show some message to your readers in a Pop up , then this widget will definitely help you. In this post I will be talking about a blogger widget which will include a Button and when your readers clicks on this button, a popup will appear, that displays your message, that you want to add.

 

popup message

 

 

  • Go to Blogger Dashboard --> Layout --> Add A Gadget.

 

  • Select HTML/Javascript and paste the code shown below in it.

 

 

 

  • Replace Message it with your button name.

 

  • Replace Visit www.www.matrixar.com for more blogger widgets with your message

 

 

 

Live Demo: 

 

 

 

 

 

 

Leave a comment……………….

 

2013, By: Seo Master

seo Automatic Read More Effect For Your Blogger With Thumbnail 2013

Seo Master present to you:

Friends,Now i share Read More hack for Blogger with automatic Thumbnail creator script which will automatically create excerpts of blogger posts and with a thumbnail. It is help to decrease your page load time.

 

readmore

 

  • Go to Blogger Dashboard.

 

  • Click on DropDown Menu and select Template.

 

  • Backup your Template before making any changes to your blog.

 

  • Now Click on Edit HTML --> Proceed --> Expand Widget Templates .

 

  • Press Ctrl + F and find </head> tag.

 

  • Copy the code shown below and paste it Before/above </head> tag.

 

 

  • Now find <data:post.body/>

 

  • Replace it with the code shown below.

 

 

  • Now save your template.

 

 

 

 

 

Are you happy???????????……………………….

2013, By: Seo Master

seo Top 15 Free Online File Storage Sites 2013

Seo Master present to you:

Following our coverage of online file storage Box.net which just became a little more social, here are 15 more free online storage sites which you can use for storing, sharing and backing up your important files.

 

  • 4shared - Offers 5GB of free storage for document files (doc, txt, pdf, rtf, xls), music file (mp3, ogg, wav, mid), video file (avi, mpg, mpeg), image file (jpg, gif, bmp, png)

 

  • Snapdrive - Offiers up to 5GB of file storage

 

  • Dropboks - Allows you to store files online securely and offers 1GB of storage space. Uploading/Downloading of files is limited to 50MB.

 

  • Humyo - It’s a file management in the cloud as you can access your file anywhere, using any PC or even your mobile phone. It also allows you to share files with your friends and family.

 

  • ADrive - ADrive is a feature-rich online storage solution offering up to 50GB free storage for a 14-day trial.

 

  • Freedrive - Offers 1GB of free online storage.

 

  • FileQube - Allows you to upload up to 150MB of file per upload. Upgrade features lets you upload 500MB.

 

  • Flipdrive - Offers a free 30-day trial for up to 30GB storage.

 

  • Fileden - Offers both free and paid account for storing your files. The free Fileden account gives you 1GB of storage space, 50MB maximum file size limit, 50GB of monthly bandwith, and hotlinking of files.

 

  • Skydrive - Offers 25GB of free storage, access anywhere and secure password protection features. It ties up with other Windows Live services as well.

 

  • LiveDrive - It offers unlimited storage for free, works like a normal PC hard drive minus the hardware, synchronizes files on your PC, access your files on your mobile phone, PDA and other devices, and share your files.

 

  • FileGenie - A web-based file storage system that offers 20MB free account. If you need more storage, you have to upgrade to a paid account.

 

 

  • MyOtherDrive - Offers tools for managing and sharing your data online. Allows private sharing of files to select group of people. Its privacy security prevents sharing your files to other people that you don’t share the files with. The site also lets you create photo albums as well as hotlinking to your social networking profiles.

 

  • Box.net - The last online storage site on our list is of course, Box.net which we just covered recently.

 

 

 

 

Leave a comment…………………….. 2013, By: Seo Master

Powered by Blogger.