Blog Tricks

Add Facemoods Emoticons To Your Blogger Comments

by

Want to add Facemoods emoticons in your Blogger comments? Then follow the next steps:Step 1.

If you are using the old Blogger interface:

  • Go to Dashboard – Design – Edit HTML – Expand Widget Template (make a backup)

If you are using the new Blogger interface:

  • Go to Dashboard – Template – Edit HTML – Proceed – Expand Widget Template (make a backup)


Step 2. Search (CTRL + F) for this code:


Read Also : Add �Email Subscription Form� To Blogger Blogspot

  • For previous commenting system: 

<h4 id=’comment-post-message’><data:postCommentMsg/></h4>

  • For threaded comments:

<div class=’post-footer-line post-footer-line-3′>

Step 3. Add the below code just above it
(for threaded comments, add the code after):

<b:if cond=’data:blog.pageType == “item”‘>
<div style=’ width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; ‘>
<img border=’0′ src=’http://1.bp.blogspot.com/-zY65UBxSl6w/T67AajI_U6I/AAAAAAAACIc/fCV19C1627Q/s1600/helplogger.blogspot.com(1).gif’/> :a
&#160;
<img border=’0′ src=’http://4.bp.blogspot.com/-M8aBZtLjGqY/T67Ai2d8eAI/AAAAAAAACIk/PrDerObloAw/s1600/helplogger.blogspot.com+(2).gif’/> :b
&#160;
<img border=’0′ src=’http://3.bp.blogspot.com/-HfIjCWOuxwo/T67Ar7HZiHI/AAAAAAAACIs/RgwvdPP4JSc/s1600/helplogger.blogspot.com(3).gif’/> :c
&#160;
<img border=’0′ src=’http://4.bp.blogspot.com/-98YuuiC8MIc/T67AzJ3Xf0I/AAAAAAAACI0/UtaFpgTb_PM/s1600/helplogger.blogspot.com(4).gif’/> :d
&#160;
<img border=’0′ src=’http://3.bp.blogspot.com/-ikCFMFesIrE/T67BAtTQGhI/AAAAAAAACI8/AisqU7R–Yc/s1600/helplogger.blogspot.com(5).gif’/> :e
&#160;
<img border=’0′ src=’http://2.bp.blogspot.com/-VSY5nbsSEIs/T67BK3G-B6I/AAAAAAAACJE/n_fhk-2Ihqc/s1600/helplogger.blogspot.com(6).gif’/> :f
&#160;
<img border=’0′ src=’http://3.bp.blogspot.com/-e9hytPNLXeY/T67BSj27JJI/AAAAAAAACJM/Rwonrid9oiQ/s1600/helplogger.blogspot.com(7).gif’/> :g
&#160;
<img border=’0′ src=’http://4.bp.blogspot.com/-mT-nqGFvXec/T67BZDPxvxI/AAAAAAAACJU/fgTPtQNxMK8/s1600/helplogger.blogspot.com(8).gif’/> :h
&#160;
<img border=’0′ src=’http://3.bp.blogspot.com/-xcMDAiCizIE/T67BfnBeWSI/AAAAAAAACJc/_OqmXLGhjLg/s1600/helplogger.blogspot.com(9).gif’/> :i
&#160;
<img border=’0′ src=’http://3.bp.blogspot.com/-XJUn74vJTwo/T67BrafHO3I/AAAAAAAACJk/B40nJjxUxNE/s1600/helplogger.blogspot.com(10).gif’/> :j
&#160;
<img border=’0′ src=’http://3.bp.blogspot.com/-JgARtAx7IHo/T67B2Db6LjI/AAAAAAAACJs/U1EWgczqOYY/s1600/helplogger.blogspot.com(11).gif’/> :k
&#160;
<img border=’0′ src=’http://2.bp.blogspot.com/–K1Z6RvN57w/T67CCzlaGcI/AAAAAAAACJ0/iF2-osmFALE/s1600/helplogger.blogspot.com(12).gif’/> :l
&#160;
<img border=’0′ src=’http://4.bp.blogspot.com/-c0DJDg4M2n4/T67CTf-xShI/AAAAAAAACJ8/BqUmJYoDBLI/s1600/helplogger.blogspot.com(13).gif’/> :m
&#160;
<img border=’0′ src=’http://1.bp.blogspot.com/-zrvYy6caFXM/T67CZi7etnI/AAAAAAAACKE/iPJsX_duWjE/s1600/helplogger.blogspot.com(15).gif’/> :n
&#160;
<img border=’0′ src=’http://3.bp.blogspot.com/-F2LUTd1hG_o/T67CfNLnIlI/AAAAAAAACKM/UHuPyigCX24/s1600/helplogger.blogspot.com(16).gif’/> 😮
&#160;
<img border=’0′ src=’http://3.bp.blogspot.com/-Vd6U_2eq_Gk/T67CosaWm8I/AAAAAAAACKU/JgnYMS4AJOc/s1600/helplogger.blogspot.com(14).gif’/> :p
&#160;
<img border=’0′ src=’http://1.bp.blogspot.com/-faDYi6E_d6E/T67CybEuj1I/AAAAAAAACKc/nHxSH7KMSwY/s1600/helplogger.blogspot.com(17).gif’/> :q
&#160;
<img border=’0′ src=’http://2.bp.blogspot.com/-2QiwXpJ7gxk/T67C41ItlCI/AAAAAAAACKk/8sba1I9fZOY/s1600/helplogger.blogspot.com(18).gif’/> :r
&#160;
<img border=’0′ src=’http://2.bp.blogspot.com/-KUlSaDVWqW8/T67C_4ITH-I/AAAAAAAACKs/e6N7K2jJvl8/s1600/helplogger.blogspot.com(19).gif’/> :s
&#160;
<img border=’0′ src=’http://2.bp.blogspot.com/-UC_5gE8LgaQ/T67DGU12FBI/AAAAAAAACK0/oHA628PaDhk/s1600/helplogger.blogspot.com(20).gif’/> :t   <a href=’http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html’ style=’color: rgb(30, 122, 183); font-size: x-small;’>Add smileys to Blogger + </a>
</div></b:if>

Step 4. Now search for this piece of code:

</body>


Step 5. And add the following code immediately above it:

  • For previous commenting system:

<script type=’text/javascript’ src=”http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js”/>

  • For threaded comments: 

<script type=’text/javascript’ src=”http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js”/>

Step 6. Save the Template. And enjoy your comments 🙂Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Share Your Blog Posts To 101 Social Networks

by
MyTricksTime is take new and updated tricks for you dear readers,Now Get huge Traffic By Social networks.Sharing your blog and blog�s posts to different social networks is a nice way to drive traffic to your site. Bloggers do this trick to get publicize their blog and blog�s content. If you share your content to many social networks this will creates more chances to get traffic. But sharing a blog or blog�s content to more than 5 social networks is very difficult.

But don�t I have a nice way from which you an share your blog content to 130 social networks only with one click. YES !!! can�t believe me check out Social Poster. Just enter your post URL, Title, Some Description and related tags and click Post at the front of Social Network.

Click Here To Visit Social Poster


Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Why you should be carefull while choosing WebHost

by
Web host is not an important part of seo but it may affect you seriously. You should be very careful in choosing the webhost. One of my friend bought a webhost through ebay by giving a penny of $10 for a year. It was a good prize, but he was not aware of the consequences that may come. The webhost demand a 99.9% uptime but most of the days it will go down. There is only one person whom you can contact, it is the one who have the web space. But when you contact him he is not responsible to help you because he got nice feetback in ebay and the sail is over.
He is no more responsible. If you did not backup the website regularly it will result in the data loss.

There is no one you can contact when you have got a problem and need help on your host. We do not have any guarantee on the data that we upload. It may be lost after the update of the server and it happened in my friend�s case.

Read Also : Customized And Stylized Subscription Widget

If you are serious about a website then you should choose a better webhost that have got some reputation and feedback.

Never register a domain from the host because if you wanna shift from that host in future, you will be in trouble.
Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Speed up our blog by hosting CSS files externally

by

Nowadays, blogs and websites are ranked on basis of various factors and page load speed is also one of the factor on which your search rank depends.
If you are on Blogger then the reason you don’t get good search results if compared to similar WordPress blogs is because WordPress sites load faster and that’s because the CSS for the website is hosted externally.
In blogger templates the CSS styles are always internal and those CSS lines are 100s in number. The simple template in Blogger have more than 20kb
of CSS styles inside the document.You maybe thinking
how 20kb of CSS can slow down your page, 20kb can be downloaded easily with speed or even slow internet connection but here it’s not about your internet connection speed, it is about your page’s speed. Every single bytes can decide your rankings on search pages.

The first thing you must check is your current page speed marks, the highest score you can get is 100.


If you get less than 90 then you should now host the CSS externally and speed up your site.

Read Also :Customized and Stylized Subscription Widget


Get your CSS codes into a stylesheet file


Note: The first step to out the CSS styles in your template on an external stylesheet file. To do that you have to make changes into your template, so i suggest you to keep a backup of your template for future.

You are now ready to remove the CSS from your template and put it into a CSS file. Follow the instruction below.

Create a CSS file

Before you take out the CSS codes from the template you have to make a stylesheet file. You don’t need any special tool to create a .css file. You just need a plain text editor (notepad).
  1. Open Notepad, don’t type anything 
  2. Click on the file menu and click on Save As
  3. Locate where you want to Save the file
  4. Now name your file with .css at end, in Save As type place select ‘All Files’ and in Encoding select ‘UTF8’ that is it. See what it should look like this

Read Also : Colorful jquery digital clock Add on Blogger

  1. Save the file and it will be in a .css format if you did it right
Continue the next section to learn how to take out all the CSS in your blogger template and then put it into the stylesheet file

Move style code from template to stylesheet

Now you have to open up your template code, you can do it by going to Blogger Dashboard -> Template -> Edit HTML ->  and Proceed.

Now copy all the CSS codes you have in your template and paste it into the stylesheet file we just created and delete the codes from template as you have now pasted it already into the file.
Note: You can not normally use the Blogger’s default CSS code which has dollar sign into it’s values for example font: $(body.font); as the value of a property is fetched from database, so you can’t use it into a normal stylesheet file. If you want to speed up your blog page more efficiently than you can ask me to make the blogger’s CSS code compatible with a stylesheet for as low as $8 as a donation amount. Contact me on my email [email protected]

Host the file

Now when you have made the stylesheet file ready with the codes you can now upload it to your hosting service [Click here to know how to use free DropBox as CDN]. When the file is uploaded, get the hotlink (direct link) to it.

Attach it to your template

This is the last step, you now have to link the hosted CSS file to your template so it fetches the styles from the stylesheet. To do that go to your Blogger Dashboard -> Template -> Edit HTML -> Proceed -> Use CTRL+F5 to find </head> and paste this code above </head> 
1
<link rel='stylesheet' type='text/css' href='http://host.com/files/stylesheet.css'/>
You obviously have to have the link in the href value, replace this link in above HTML

http://host.com/files/stylesheet.css

With the link to CSS file hosted by you.

Mission Accomplished

Yay ! congrats on improving your page load speed by using external CSS files, it not only optimize your page speed but also makes the page rendering easy. But the problem is that you can only put normal CSS in the stylesheet, if you want to make all the CSS codes compatible with a stylesheet you can contact me on MyTricksTime@gmail.com and yes you have to pay $8 for it.
Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Adding any thing under every post

by

Bloggers with less experience with some advance feature of HTML and Blogger will always end up adding ‘Thank for reading this post’ under every blog they post, but there is much easier way to add any thing, from normal text to good looking HTML elements below the post.
In this tutorial you will get to learn about adding anything you want under each and every post without adding it. It will automatically appear below your post, take my sharing buttons, previous post and subscribe box. I don’t add them in individual posts, they all render automatically.

You maybe thinking what’s the big deal ? You can add the gadget from Layout, but note that gadgets added under Blog posts gadget actually appear under the comments section which is again under the post. So the gadget gets in little distance from the post, ain’t it ?

I don’t think that i must stretch this post to add extra information, i am sure you have understand what i am trying to say.

The trick is to add the element directly in Template’s HTML, but you need to have an idea about where you exactly need add the HTML. The obvious way for the edit HTML is

Blogger Dashboard ->
Template ->
Edit HTML ->
Proceed ->
Check mark the ‘Expand widget template‘. The next step is to use CTRL+F to find this line

<div class=’post-footer’>

Once you find it, but any HTML you want just above the div element. See the image below.

All you need is to paste any HTML or JavaScript code above it to render the code under post. But if you want to control where should the HTML appear then see this tutorial on using blogger conditional tags.
Now you can make your weblog more attractive and dynamic with this simple but useful trick.

Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com