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

Loading...

seo How to Add Yahoo Smileys on Blogger Threaded Comments? 2013

Seo Master present to you:
Yahoo smileys for Blogger Threaded Comments
I 'm going to say about how to add yahoo smileys to Blogger Threaded comments. This is an awesome trick was scripted by an Indonesian Blogger Kang Ismet and I think he did a very good job for us. This Blogger hack works with New Blogger Threaded commenting system.
Follow the instructions Below..







To see demo :
Go to Comments OR Click Here

What's inside this article?
How to Add yahoo smileys to Blogger Threaded comments in 3 steps..?
  • Go to Blogger Account
  • Go to Template -> Edit HTML [click Proceed]

Add CSS code

img.bhacksmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

Add Javascript code

  • Find </body> and copy the below code just above it.
<script src='https://netoopscodes.googlecode.com/svn/branches/Js files/ysmiley threaded comments-min.js' type='text/javascript'/>
  •   Save the template
    Save Template

Add HTML code

  • Check Expand Widget Templates
  • Find <div class='post-footer-line post-footer-line-3'>
  • Find the next </b:includable> and copy the code above it
Example
 </div>
.
Place code here


</b:includable>

  • Copy the below code above </b:includable>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='netoopsblogysmile' id='ysmile' style='
background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);border-radius: 3px;width:100%; padding:10px; height:65px;'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
</div><a href="http://www.matrixar.com"></a></b:if>

  • Save the Template
  • That's all



We proudly introduced our new yahoo smileys to Blogger threaded comments...Please Check it and feel it...Click HERE
We will post like our Yahoo smileys soon...
If you liked this article please Join via Google Friend Connect,Share,Like us to get Stronger...
2013, By: Seo Master

seo Optimize your post title to H1 tags better SEO Blogger Hack 2013

Seo Master present to you:
Increase SEO with h1 tag Blogger hack
This is an important SEO Blogger trick to increase SEO. Heading tags have a great importance in Search engine results, Heading tags helps Search engines to recognize what is important in your blog.Heading are form H1 to H6 .H1 tags have higher priority.So we are going to hack blogger template by changing H3 tags to H1 tags. By default blogger post title is in H3 tag,here is a trick to change it to H1 tag for more SEO.





  • Go to Blogger Account
  • Select Template -> Edit HTML [click Proceed] 
  • Find the code like below [Find easily using Crtl+F]
  • Or simply find <H3


<h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
  </h3>
  • and Change it with <H1 [Change all H3 to H1]
  • Change all H3 tags with H1 tag
  • Done ..Wait for few weeks you can find the change in Google SERP.
  • Your Blog pages will show in Google Search Page.

Update [21.11.2012] : I have noticed that this trick displays error in some webmaster like Bing. If you get error message from the webmaster then change the H1 tags which we changed before to H2.
Note: Only change the H1 tags you changed earlier.
Google Webmaster will not show error on this trick.

    I think you enjoyed this ..if so please share...
    2013, By: Seo Master

    seo Awesome Stylish 404 Error Pages For Blogger 2013

    Seo Master present to you:
    Custom 404 Error Page for Blogger
    404 Error or Page Not Found Error generated by Blogger when a user enters an invalid URL or 404 Error is an HTTP status code that means the page you are trying to reach on your Blog couldn't found or Page not exist in the Server.
    By Default Blogger shows Error page message in a box and its not look Style.
    Here I am saying about how to Customize it much better...




    View Demo

    Only Custom message [No Style]

    If you want to show only a custom message then First Go to updated Blogger Interface
    Then Go to Setting->Search Preferences

    Error Message with Stylish 404 images

    If you want Colorful Stylish  404 page do the following.
    • Go to Design->Edit HTML
    • Find </head> and copy the below code just above it.
    <b:if cond='data:blog.pageType == "error_page"'>
    <style type="text/css">.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}</style>
    </b:if>
    • Save the Template

    Error Page Style 1

    Custom 404 error page for blogger 1

    •  Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]
    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://www.matrixar.com/-3_mjW7aMWMo/T22zQQHn-sI/AAAAAAAAAMQ/f-biNvAo1-Y/s1600/404+error+page+1.jpg"/>

    Error Page Style 2

    Blogger custom Error page
    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]
    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://www.matrixar.com/-oGC6zPGYpDk/T22zRTPEHkI/AAAAAAAAAMY/_QDDN_HW40A/s1600/404+error+page+2.jpg"/>

    Error Page Style 3


    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]
    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://www.matrixar.com/-ldrwg_L3hPw/T29ZifhYlUI/AAAAAAAAAMo/wdhPPVcNEDM/s1600/404+error+page+4.jpg"/>

    Error Page Style 4

    blogger custom 404 error page
    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]
    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://www.matrixar.com/-gdd8Nj5zNqg/T29ZjfvDjYI/AAAAAAAAAMw/vwwjnuqR1Ro/s320/404+error+page+6.jpg"/>

    Error Page Style 5


    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]
    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://www.matrixar.com/-VazK8ZIMIo0/T29ZktlwCVI/AAAAAAAAAM4/Fb4VUpCh2LY/s1600/404+error+page+7.jpg"/>

    Error Page Style 6


    • Go to Setting->Search Preferences
    • Copy below code in Custom Page Not Found section [as shown in fig. first]
    <h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
    <h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="http://www.matrixar.com/-unUiQAZJDZM/T29ZhgrSbnI/AAAAAAAAAMg/7KLym2snYbI/s1600/404+error+page+3.jpg"/>

    Then Click Save..That all..
    First thanks to Bloggerplugins.com for the custom error page code, visit here. Then i made some changes and add beautiful 404 images that i was inspired from HongKiat .

    I thinks this article helped you..If any bugs of doubts don't hesitate to ask..do comment...
    Like and share...
    2013, By: Seo Master
    Powered by Blogger.
    Design by Dev Nasser