SEO Tips & Tricks

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

Find ]]></b:skin> [easily find Ctrl + F]

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.

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 == "item"'>
<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;'>

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...

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

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpF1UToRG65za4UhxZOjdI7Y3vz4PkojtL_QVPgqLvwQ9dJU86Py7WkGfcfLmQuFW653R0FPFolo4t3Y-yxCalFtcbtn3a36BNTDe5IFFPWyZIBuo62HuZLUycaOyBldVL-DQvCXkIvo/s1600/404+error+page+1.jpg"/>

Error Page Style 2

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaBKHh6tCPQ2_70V50NYtjbZJhNMX689aYYrv5HKBNqFvSjPT-3REwI6ScK-FSCVObxuZTmYFpI8eRbNx9ITjFZEkYV4JhAZMun9lYB5j4vJ60aZuS-O4lWAcRjjj72HlAiui1Q33-rQI/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrYqlNf9MkCy80EQsmJhlYg5mkf2xqjdHls3rxL4p1aeknL9bU56vyzIGdQgVyerGVD6fCMDPB9LSYbsOJjLBZmZs5oaQSmCKmLCfOCgXknFODJ3UCawnOFS368wp0fiRZRd-BVagVbbI/s1600/404+error+page+4.jpg"/>

Error Page Style 4

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUNdexqBzY8NP_2uVQY-5Xb9d3YPsWdMMQ848NqkVO-_HBCf-iIprTEAHCtScGFSPeb65RnKFELXjqSdV-lw2yqZr0c2RFuTYH4fiVo2uhQFE2Frjoyf8VX4ASsQ2ZTxXWQ3ZTgmzuu8/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9pEIozAqDHzu2G1QxzXGKeILvShsY8qQAkXgvYM22D_ZzBzyKSFSsc8x1bURzZWMnHFa1Gc4Rlzg8x3icnNKsW04xafP9GksYqEbGKe_AVgBp8euomXS3XXU8aocpCf234ggjAj3Yy44/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Z9yH2yIFLlXRrvLQrU0rCJson-Ui2wDJBB0FAQfD85_Y0tCxNe9VR22Qxl729TRrlfsydfDsQic1MzHb5wgGfiYm0AyEzuaa0HAeeV3XnQr9Nm3_H_4p95Qcsrqbxodxstge1vFfl0U/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...