Popular Posts

Erlan_xp. Powered by Blogger.
Showing posts with label English Tutorial Blog. Show all posts
Showing posts with label English Tutorial Blog. Show all posts

How to Make Money from Blogging

Written By mohamad erlan efarda on Saturday, 16 March 2013 | 21:44


 This is one of the most used ways to make money because it’s too easy to add it to your blog, and the most famous advertising Program is Google Adsense.

Do you want to make money blogging? If you do – you’re not alone. More and more bloggers are finding that blogging is a profitable medium. Whether it be to earn a few extra dollars a week to feed their coffee habit, or making enough money to stop them having to get a part time job to get through college, or whether they’ve got it to a point where they are able to make a full time living from their blogging – there are tens of thousands of bloggers who make money blogging. Making money from our blogs is an important goal for alot of bloggers, but most of us invested alot of time and may so money too, but usually we disappoint with the results. And always ask, What is the best way to make money from our blogs,
And what we all should know is that the answer is not the same for every single person and blog. But we can try to list the best and easiest ways to make money, at this article, i’ll just list it, but latter in my next articles, i’ll talk about the ways in more detailed tutorials. And here is the 5 ways,

1. Advertising Programs
imagethis programs is easy because you don’t have to do any thing but adding the program code to your blog, and then work on placement and traffic.


Other Advertising Programs
- Google Adsense
- Chitika
- Adbrite

2. Affiliate Marketing
imageThis programs is working in many ways,they provide you a banner that you can place on your blog, so your visitors can visit it, and your can earn if your visitors sign up for a website or Buy something for example , this programs give you a commission from 5% Up to 75% per lead.




Affiliate Marketing companies
- Commission Junction
- LinkShare
- Click Bank

3. Place a Donation Link or Button on Your Blog
and this way depends on your blog visitors, and how your blog useful for the visitors,
it won’t make you get alot of money but it may help you getting few dollars,

4. Sell Products On your blog.
imageyou can sell related products on your blog if you have got good amount of traffic, and this way is great when your concentrate on one niche.
you can sell e-books, soft wares, download able products,
and more,
you may sell your own products or other people products.



5. Sell Advertising Space On Your Blog.
imageThis is a great way for making money and guaranteed way, because it’s easy and one step way, just try to sell your spaces and relax for next 30 days.
You may Use to have a good chance to sell your spaces like:
- BuySellAds.com
21:44 | 0 comments | Read More

On Site SEO Techniques

image

Having looked at Off site Search Engine Optimization Techniques I’ll now turn my attention to examining some of the factors you might like to keep in mind as you build your blog – (or Onsite techniques – things you do on your blog that help build a higher ranking). As with all SEO techniques there are many of these and a lot of speculation around all of them so let me touch on as many as I can:



1. Keyword Rich Content – identify a few keywords for your article that you’re hoping will get indexed highly by Google. Don’t pick too many but consider the questions
  • How do I want people to find this post in Search Engines?
  • What will they type into Google if they want information on the topic you’re writing?
  • How would I find information on this topic in the Search Engines?
  • What results come up when I do plug these keywords into Google?
  • What other keywords are other sites using?
The answer to these questions will give you a hint as to what words you’ll want to see repeated throughout your article a number of times.
These keywords will need to be the most common words used in your article. Use them in some or all of the following ways:
  • Keywords in post and page titles
  • Keywords in URL of page
  • Keywords in outbound links
  • Keywords in bold tags (try do it at least once)
  • Keywords in heading tags (there is debate over exactly how to use them but it’s generally accepted that h1 tags are important and that h2, h3, h4 etc tags also have an impact. Having said that I’ve seen some pages rank very well in search engines without using heading tags.
  • Keywords in image alt tags
  • Keywords in the general throughout the text of your post – but especially early on in the first few sentences
  • Keywords in meta tags

2. Themed sites - One of the growing theories of SEO is that you are more likely to rank well if you have a substantial amount of pages on a similar theme.

3. Site Design – Search Engines like well laid out, well coded and easily to navigate sites. Make sure your pages validate (I need to work more on this) and that they are viewable on all major browsers. Search Engines don’t tend to like too much Flash, Frames or JavaScript in your site – keep it simple and clean and their robots will index your site a lot faster and more accurately.

4. Interlink your Site – The way Search Engines index your blog is to send little robot crawlers to your site to track what you’ve written and follow the links. Make it easier for them to get around your blog by using internal linking wisely.

5. Update regularly – The more you update your blog the more often Search Engines will send their crawlers to your site to index it.

6. Outbound Links – There is debate over how SEs treat outbound links from your blog. I’m in the camp who believe that relevant outbound links enhance your site’s ranking in search engines.

7. Choose your domain name wisely – there are numerous factors to keep in mind when selecting a domain name. For one you might like to include your keyword in it if possible. Secondly you should do a little research to see if someone else has previously used the domain.

8. Register your Domain for a Lengthy Period – a recent patent by Google indicates that it now looks at the length of your domain’s registration in ranking it.

9. One topic per post – the more tightly focused the theme of a page the better when Search Engines come to rank it. Sometimes you might find yourself writing long posts that end up covering a number of different topics. They might relate loosely but if search engine ranking is what you’re after it could be better to break up your post into smaller more focused pieces.

10. Write optimal length posts – there is some thought going around the Search Engine Optimization community that pages that are too short can get passed over for high rankings. I try to keep posts at least 250 words. Of course there are some posts on my blogs that are shorter, but if I’m writing a post that I want to rank well I try to give it some meatiness in terms of length.

11. Avoid Duplicate content – Google warns publishers in its guidelines about having the same content on multiple pages. This goes for both multiple pages that you own but also pages that others own. This is because a tactic of spammers is often to reproduce content on many pages and/or to steel content from other sites.

12. Ping – services like Pingomatic (there are numerous others too) will ping a variety of websites for you to notify them that you’ve updated. In doing so you’ll also be letting search engines know that you’ve updated which will trigger their robots to come visit your blog.

13. Submit your RSS to MyYahoo – submitting your RSS feed to MyYahoo seems to help with getting indexed on Yahoo.

14. Quantities of Content – I always get into trouble when I write about having lots of content – but I think its true that bigger sites tend to rank better than smaller sites – whilst it is possible to rank highly with a small site – it’s probably not the norm.. Search Engines will see your site as more comprehensive the more content you have.

15. Submit to Search Engines – You can do all the best onsite SEO strategies in the world and still get no where because the Search Engines have not found you to start with. Each search engine has a way of letting it know about your site – submit your URL to be included in the index.
21:37 | 0 comments | Read More

17 Effective Search Engine Optimization Techniques


  Proper ways to perform SEO has become a popular topic of conversation. The difference between having a successful website and a flop usually depends on how you incorporated your SEO.
Learning proper SEO techniques can seem like a daunting task, especially to those who are not familiar with the concept. The biggest problem is SEO changes as the search engines change their algorithms, so it is something that you have to stay on top of.
The following list offers 10 simple SEO techniques you should keep in mind when developing and marketing your website.
#1. Make sure your website is initially designed with your SEO needs in mind. Search engines look for text, not flashy graphics and cool layouts. The trendiest web designs will mean nothing if no one is able to find your site.
#2. Every page of your website should have a title tag with text describing either your site or what is on the page. Be sure the text includes SEO-type keywords instead of the name of your website. Unless you’re incredibly popular, no one is going to be looking for you by searching for your name. They’ll most likely search for a product or service and the keywords you use will lead them to your site.
#3. Consider canonicalization, or whether or not your website address includes or excludes the www prefix. If you choose to use the www version of your website, make sure the non-www version directs users back to the one you use. Make sure you use your preferred version (http://www.mydomain.com or http://mydomain.com) every time you place a link to your site on the web. Don’t use both!
#4. When designing your website, be sure to avoid too many drop-down menus, confusing image maps, and excessive images. If you must use any of these methods, be sure to include plenty of text links for the search engine spiders to find and identify. Without links, the search engines will not pick up your site information.
#5. It does not matter what type of website extension you use (ie. .html, .htm. .asp, .php). Search engines do not look at the web extension and it will not have any impact at all on search results or ranking.
#6. Every page on your website should include a link to your home page and your sitemap. Make sure every link is the same. Home page links should go directly to your domain (http://www.mydomain.com). Make sure your internal links do not include the additional /index.html or .php text as it is not needed (ie. http://www.mydomain.com/index.html).
#7. You’ll hear the same phrase over and over again: “Content is king”. It is imperative that your website have fresh, unique, and quality content that is updated on a regular basis. Be sure to include your favorite keyword phrase within the body of the content!
#8. People are more likely to input a phrase instead of a single word when conducting internet searches. If your business has a physical location, incorporate the name of your city into the text as well. For example, you might use “our Philadelphia location” instead of “our location”. Including your city name will improve the chances of your site being seen in location searches.
#9. If the information on your company website doesn’t change regularly, or remains static, you might want to consider starting a blog. Search engine spiders are always looking for fresh content. Use your blog as an advertising tool and link back to your website within each and every post.
#10. Write naturally. The worst thing you can do is try to cram a zillion keywords into your article or blog entry, making it messy and difficult to read. Search engines are able to determine whether or not your text is logical and they will ignore content with ridiculously high keyword density.
#11. Building links to your website is essential to its success. As a matter of fact, links are like the queen to complement your king’s fresh content. Choose a keyword phrase and network with other websites, asking them to place links on their pages. Don’t hurt your ranking by having non-related websites place haphazard links. While it may seem great to gather 100s of backlinks, you’re better off limiting your links to related websites. Ten relevant links stand a better chance than 100 irrelevant links.
#12. Links within your website should be built with keyword phrases as well. Try to avoid using generic anchor text such as, “click here”. Also, do not use the same anchor text over and over when building any links, you will get penalized by the search engines.
#13. Don’t place a list of links on your website. Always place a link within at least two to three lines of related content. The better your description, the more likely it is someone will click on the link.
#14. Don’t limit your keyword or phrase to text links. You should also incorporate your keywords into your image alt tag and domain name, whether it is part of the name itself or contained within the description.
#15. Try to avoid using frames, Ajax, and Flash as much as possible. None of these functions are keyword or search engine friendly and will hurt your SEO results.
#16. Before your website can be found by the search engine spiders, it must be indexed. Search engines such as Google have regular submission forms, but it can take days or weeks for your form to be processed. Having a highly ranked website place a link to your site is a sure-fire way to have your site indexed quickly.
#17. No matter what you hear, don’t be overly concerned with the Google PageRank of your website. A website that is properly developed and contains good content can outrank a website with higher PageRank.
21:35 | 0 comments | Read More

Put Twitter Badge in Blogspot

image

 Twitter is a website owned and operated by Twitter Inc., which offers a Micro-blogging social network that
allows users to send and read messages are called tweets. Tweets are text posts to 140 characters are displayed on the user profile pages. Tweets can be seen outside, but the sender can restrict delivery of messages to their friends list only. Users can see the tweets of other writers known as followers.
All users can send and receive tweets via Twitter site, compatible external applications (mobile phones), or with a short message (SMS) available in certain countries. This site is based in San Bruno, California near San Francisco, where the site was first created. Twitter also has a server and an office in San Antonio, Texas and Boston, Massachusetts.
Since established in 2006 by Jack Dorsey, Twitter has gained popularity worldwide and currently has more than 100 million users. This is sometimes described as "SMS from the internet".
If you want put your profile badge in your blog, we can add twitter Widgets let you display Twitter updates on your website or social network page
Our widgets are compatible with any website and most social networks. Simply choose the one that matches where you would like to include it.
Ok, i will explain how to get the widget and put it in yur blog
1. First, login to your twitter
2. Goto www.twitter.com/about/resources/widgets
3. Click in My Website and Choose Profile Widget
4. Setup the Preferences, Appearance and Dimensions of your badge
5. After finish click Finish & Grab Code
6. Put the Code to HTML/Javascript Gadget in your blog

if you do not want trouble, here I provide the code
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('your_id').start();
</script>

Change your_id with your twitter username.
You can change the red code to value that you want, for HTML colour code you can look here
21:34 | 0 comments | Read More

How to Show Yahoo Messenger Status (YM) in Blogger

Messenger (often abbreviated as "Y! M" or "YM") is a popular instant messenger programs provided by Yahoo. Messenger is available for free and can be downloaded and accessed using Yahoo!
ID that is used to access the service Yahoo! others, such as Yahoo! Mail. The use of ID is also cause users to instantly notified when getting an e-mail.

Yahoo! has announced a partnership with Microsoft to join the network instant messenger. This resulted in the Messenger may be associated with the service. NET Messenger from Microsoft.

Now I will explain how to show your YM status in your blog. The way is so simple
1. Login to your blog
2. Goto Design -> Add Gadget -> HTML/Javascript
3. Put this code to HTML/Javascript

Code 1
<a href="ymsgr:sendIM?<span style="color: blue;">your_id"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=<span style="color: blue;">2&amp;l=us"/>
</a>

Result
Yahoo Messenger Offline Yahoo Messenger Online

Change your_id to your yahoo messenger id, and change the red colour to value that you want, the value 1 upto 24

4. Finish click Save to see the result
21:31 | 0 comments | Read More

Disable Right Click in Blogger

Disable Right Click in Blogger

Disable Right Click in Blogger - If we want, we can disable right click on our blog. With disable right click on our blog, we can reduce or prevent the visitors of the our blog copying your contens.
This tool is very useful to different site owners who don't want to let their site content Copied.This script is provided in two style Alert and non alert . After you use Alert Script if someone Right click then a Message is appeared and if you use non alert then no message is displayed.To setup this tool in your blog Copy the Following code and paste it to your blog by adding a new page element.

How to Disable Right Click in Blogger, this is the steps:
1. Login to your blog
2. Goto Design -> Edit HTML
Copy Following Code
Message Alert Script:
<script language=JavaScript>
<!--

//Disable right mouse click Script

var message="<span style="color: red;">Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>
You can change alert Function Disabled!

Message nonAlert Script:
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)


var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

3. Paste the code before code </head>
4. Click Save Template
21:30 | 0 comments | Read More

How to Put to Social Bookmarking Share Button in Blogger


 One way to increase visitors to the blog or website is by registering your articles into the Social Bookmarking Sites, Social Bookmarking Network, Favourite Bookmarking and so forth. For example
registering your posts to digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, and other social bookmarking site. I admit this is very effective way to increase your blog pengunnjung. In addition, social networking sites (sites) like facebook, twitter, myspace and others can also be used as a media campaign that also can increase your blog visitors.
And the trick this time I will explain how to install the sharing and submit to social bookmarking button to your blog. With bloggers put the submit button / share to a social bookmarking site like this, will allow anyone to share the article / post directly to the media bookmarking pal if deemed useful for others, it will be very useful to improve the reputation and will increase visitors to your blog. Share button / submit to be made ​​here I think is very complete from facebook, Twiiter, digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, and much more. To display are as follows:


okay if you was interested in installing the button, here I will describe how to install into your blog, check it
1. Login to Your Blog
2. Go to Design -> Edit HTML
3. Check the box Expand Widget Templates
4. Find this code
<data:post.body/>

or

<p><data:post.body/></p>
(Note: use CTRL+F to find the code)

5. After you found it, put this code after after the code <data:post.body/>

<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
</div>

6. Finish, click Save Template and you can see the result
21:28 | 0 comments | Read More

How to Create Float Image in Blogspot


 in this post I will explain about floating image i the blog.
Float Image, maybe you've seen the float image. Float Image is an image that floated in the blog, pictures are always in place even though the blog on the scroll. For clarity, the following are examples of the float image, the example here






You see this picture?

image

That is the float image, if you want to create and put it in your blog, I will explain in this post.
How to Create Float Image :
1. Login to your Blogger Account
2. Goto Design(Layout) -> Edit HTML
3. In your template, put this code above code ]]></b:skin>
#float_image {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:[removed]document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:[removed]document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

the code with red colour are the position of the image, you can change it to right, left, bottom, and top

4. Then, put following code before </head>
<div id="float_image">
<a href="<b>http://trick-id.blogspot.com</b>"> <img src="<br> <b>http://i496.photobucket.com/albums/rr329/grandisyf/74.gif</b>" border="0" /></a>
</div>

http://trick-id.blogspot.com is image link and http://i496.photobucket.com/albums/rr329/grandisyf/74.gif is the image url, change it with yours

5. The last steps is click Save Template

Now See the result, float image is in your blog
21:28 | 0 comments | Read More

How to Create Text Area


image
Text area? what is it? Text area is the area or place to store the text or writings by forming a new area. Usually this text area used to store the HTML code or other text to be copied by the visitors. Textarea no effect with html code, so that we can put html code without the first parse. There are 2 text area which I will explain here, the first is a text area with no button highlights and the text area to highlight button. with the highlight button will allow visitors to copy text that is inside the text area without blocking the text.

To create a text area, please copy the code below:
<p align="center"><textarea name="code" rows="6" cols="20"> Write your text that you want here, you can put html code here </textarea></p>

so the result is
<textarea cols="20" name="code" rows="6"> Write your text that you want here, you can put html code here</textarea></div>
Explanation:
Rows is the height of text area, you can change it to value that you want
Cols is the width of text area, change it to value that you want

To create a text area using Highlight, please copy the code below:
<div><form name="copy"><div align="<span style="color: red;">center"><input onclick="[removed]this.form.txt.focus();this.form.txt.select();"
type="button" value="<span style="color: red;">Highlight All"> </div><div align="center"></div><p
align="center"><textarea style="WIDTH: <span style="color: blue;">300px; HEIGHT: 144px" name="txt"
rows="100" wrap="VIRTUAL" cols="55">Write your text that you want here, you can put html code here</textarea></p></div></form>

And the result is
<form name="copy"><div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">Write your text that you want here, you can put html code here</textarea></div></form></div>
Explanation:
You can change the blue code with value that you want, and the red code is the value of highlight element
21:26 | 0 comments | Read More

Javascript Hosting Tricks on Blogger


When the most unpleasant moment the javascript file where we store on another host start running out of bandwidth. Blogs are originally seen interactive display will be damaged. Well, this is one weakness bloggers because they do not give us the capacity of disk space, especially those dealing with the javascript file. As an alternative, we use free web hosting, but are usually given bid was not always satisfactory. offered greater storage capacity, but so useless when given bandwidth capacity is not comparable. Well, here I try to share tips to overcome the problem of hosting javascript in blogger, hopefully can help


There are, The Trick of Javascript Hosting in Blogger

1. Change the format of the file extension from. js to. txt
Remember, not all the javascript is called by the ending. js, this is an advantage where we can store and call the javascript file in a text format that are stored in the format. txt

Not all free web hosting services provide the flexibility for us to store the file format. js, so we can outsmart just by changing the extension from. js to. txt

How to call a javascript format. txt file on another host:
<script type="text/javascript" src="your-url.js" />

The invitation can be replaced with

<script type="text/javascript" src="your-url.txt" />


2. Save the javascript code directly in HTML EDIT page
Platform bloggers actually frees us to put the code directly javascipt on Edit HTML page. This way I always managed to apply, but sometimes not very effective when we use javascript code is too long. This way I think is the best one that should be attempted.
For host the JS code directly used in blogger, we can directly use the code below.
<script type='text/javascript'>
//<![CDATA[
Your JavaScript Here
//]]>
</script>
Well, there my tricks and tips to overcome the problem of hosting javascript in blogger, hopefully can help
21:25 | 0 comments | Read More

How to Show the Contents of Blog (Contents Widget)

image

List of contents on the blog will allow visitors to find articles that sought, with table of contents on this blog will make the visitor feel more at home reading our blog, because we already give to all content available on our blog.
Another benefit of the list to fill in the blog is going to create a search engine like our blog, an implication will index all the pages that we display on the main page on the table of contents

Okay do not have wide-winded again, for those bloggers who are interested to install a list of content in his blog, the following steps:
1. Login to your blog
2. If already logged in, then if do not want difficulty, there is easy way, please click the button below to directly add a widget to your blog:
<form action="http://www.blogger.com/add-widget" method="post"><br>
</form><br> 6. If you want to create manually, please goto Design -> Add Gadget ->HTML/Javascript
7. Put the following code to HTML/Javascript Gadget
<div style="border: <span class="Apple-style-span" style="color: red;">2px solid rgb(51, 255, 51); overflow: auto; height: "350px;" margin="<span class="Apple-style-span" style="color: red;">5px" ;>
<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="<b><span class="Apple-style-span" style="color: blue;">http://blog-triks.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
Widget By: [<a href="http://blog-triks.blogspot.com">blog-triks</a>]


Explanation:
For the red color code please change its value according to taste
Change blog-triks.blogspot.com with each blog url:)
var numposts: The number of posts displayed
var showpostdate: displays the date (false means not shown)
var showpostsummary: displays a summary of posts
var numchar: number of characters post summary
rgb (51, ​​255, 51) border color table of contents
21:24 | 0 comments | Read More

How to Give Emoticons in The Comment Box ( New )

image

 Give Emoticons in The Comment Box - In the previous post, I have explained about How Give Yahoo Emoticons in The Comment Box, if you have not read it, you can read here. In this post I will explain again about how to put emoticon in the comment box blogger, but its different emoticons. With the emoticons in the comment box will surely create a blog becomes more alive. The commentators have become more able to express his feelings through icons (emoticons).


The emoticon that we will instal is boy girl emoticon.
The emoticons look like the following:
image image image image image image image
image image image image imageimage image

For Detail Example of this Emoticon you can look my other blog here, I instal the emoticon there
what is your opinion? you want to put this emoticon? Ok, I will explain the steps to put it in your blog

The Steps to Put it to Your Blog:
1. Login to Your Blog
2. Goto Design (Layout) -> Edit HTML
3. Check the box 'Expand widget templates "
4. Then place the following script code before </ body>
<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i)[removed].replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")


a.item(i)[removed] = _str;
}
}

a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i)[removed].replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
b.item(i)[removed] = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i)[removed].replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
c.item(i)[removed] = _str;
}
}
}
//]]>
</script>

5. Then find the following code:
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
Note:You can use CTRL+F to find this code

6. After you find it, put the following code after the code
<p class='comment-footer'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' width='30'/> :a:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif' width='30'/> :b:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' width='30'/> :c:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' width='30'/> :d:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' width='30'/> :e:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' width='30'/> :f:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' width='30'/> :g:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' width='30'/> :h:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' width='30'/> :i:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' width='30'/> :j:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' width='30'/> :k:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' width='30'/> :l:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' width='30'/> :m:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' width='30'/> :n:
</b>
</div>

7. Now you can Save your tamplate and see the result
21:22 | 0 comments | Read More

How to Show Recent Comments in Blogger

image

 By displaying recent comments, we can easily see who has commented on our blog. So that we can also immediately answer the comment. With these recent comments, we automatically know that there is traffic on our blog. We also will know which posts are popular and favored visitors. The other advantage of showing related article to your post is it will help your readers find more information related to the topics. This is base on label or category. This is usually put to the end of the article. After your visitors finish read your article, they will find some links that related to the post base on label or category.


Immediately, to put recent comments on your blog, follow these steps
1. Login to your blog
2. Copy This Code

<script style="text/javascript" src="http://grandisa.hexat.com/blogtriks/rccommentsbullet.js"></script>
<ul>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="<span style="color: red;">http://trick-id.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>

-var numcomments is the sum of comments that will show up.
-var showcommentdate to show the comments date
-var showposttitle to show the post title
-var numchars the sum of characters of post contents that will show up
-change http://trick-id.blogspot.com with your blog's url

3. Entrance Design -> Add Gadget -> HTML/Javascript
4. Paste the code there and Save

Now, you can see the results
21:21 | 0 comments | Read More

Put Paypal Donation Box to Blog


image
Paypal Donation Box to Blog - PayPal is an e-commerce business allowing payments and money transfers to be made through the Internet. Online money transfers serve as electronic alternatives to traditional paper methods such as cheques and money orders.

A PayPal account can be funded with an electronic debit from a bank account or by a credit card. The recipient of a PayPal transfer can either request a cheque from PayPal, establish their own PayPal deposit account or request a transfer to their bank account.

PayPal performs payment processing for online vendors, auction sites, and other commercial users, for which it charges a fee. It may also charge a fee for receiving money, proportional to the amount received. The fees depend on the currency used, the payment option used, the country of the sender, the country of the recipient, the amount sent and the recipient's account type. In addition, eBay purchases made by credit card through PayPal may incur extra fees if the buyer and seller use different currencies.

If you want to add paypal donation box in your blog, you can follow this step
1. Login to your paypal account
image

2. Select Merchant Services
image

3. In form PayPal Website Payments Standard select Donations
image

4. Now Set your Donation Identity and Donation Button
image

5. Click Create Button, after you finished your set up. image

6. Now you will get html code, you can take the code to blog gadget
image
21:20 | 0 comments | Read More
Related Posts Plugin for WordPress, Blogger...