Install A Paypal Donation Button On A Blog Or Website

In this page I will share tips about how to install a Paypal donation button on a blog or website, who knows that there is a friend who also want to install a Paypal donation button on his blog.

Before we can install a Paypal donation button on a blog or website, of course, we must register into Paypal first, to register into paypal click here.If you already have an account, you can directly follow the steps below:

1. Login to your Paypal account, select the Merchant Services
2. On the Key Features, select Donations (see the right section)
3. On the Accept Payments For menu , select Donations
4. Organization name / service, Write the name of your organization or your name.
5. Donation ID (optional), write the donation id eg:id for the site A, site B (if you install some of the donation button).
6. On the Customize Button menu, select Customize Appearance to set the display of Paypal donation button .
Paypal button (setup according to your needs)
Use your own button image (if you want the button image with your own creations)
7. Currency, leave the default USD
8. Contribution amount, Donors enter their own contribution amount (donor is free to specify the number of donation).
Donors contribute a fixed amount (donor will give a donation to the amount you specify).
9. Press the Create Button to create a donation button HTML code.
10. Then highlight the HTML code and Copy-paste the HTML code to your site or blog.

That's it, a Paypal donation button was created.

Create Read More 0n The Blog Post 0n New Blogger

May be there are some people don't know how to create read more on the blog post on new Blogger.On this page, I will share tips about how to create read more on the blog post on new Blogger.There are two methods to do as listed below:
- The first method:
1. Log in to Blogger with your account .
2. On the dashboard menu select template tab.
3. On the template menu select edit HTML.
4. On the edit HTML tick the check box for Expand Widget Templates.
5. Then scroll-down and search for the </head> tags, then copy-paste the code below before that </head> tags :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

6. Then scroll down again and search for the <data:post.body/> tags like this:

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>

7. After that,copy-paste the code below after the <data:post.body/> tags:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

8. Click Save.
9. And each time you make a post make sure in the edit HTML mode not in compose mode,then you add the code <span class="fullpost"> and </span> between the rest of post that you want to marked as read more like this:

<span class="fullpost">
the rest of post
</span>

- The second method
1. Repeat the steps 1-4 on the first method above.
2. On the edit HTML scroll down and directly search for the <data:post.body/> tags like this:

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>

3. If you find it, then replace the <data:post.body/> tags with the code below:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More...</a>
</b:if>

4. Save the results.
5. On the dashboard menu select Settings tab then on the Settings menu select the Formatting tab.
6. On the box Post Template fill the following code:

<span class="fullpost">

</span>

And save.
7.Each time you make a post make sure in the edit HTML mode not compose mode, the above code automatically appears in the edit HTML mode,so you can placing the code <span class="fullpost"> and </span> between the rest of post that you want to marked as read more like this:

<span class="fullpost">
the rest of post
</span>

Hide Navigation Bar

For user blog provided by Blogger, on the top of blog will appear something what we called navigation bar (nav-bar). Nav-bar actually has many functions, including: we can move to another blogs by pressing the "next blog" on the nav-bar. A blog that we visit will be visited us back,as feedback.
But if we want a blog look neat that sometimes have a way to hide nav-bar on the blog provided by Blogger, as following:
1.Login to Blogger with your account.
2.On the dashboard menu select layout.
3.On the layout menu select edit HTML and copy-paste the code below under the outer wrapper like this:

# navbar-iframe (
height: 0px;
visibility: hidden;
display: none;
)

4. And next click save and we will see the results.

Background Image For Blog

In this page I will share tips about how to create a background image, the first things to be done are preparing URL image we can retrieve it from the free image hosting of the website such as Photobucket, Flickr, Picasa and others.Click on the image that we want after that right-click the mouse then select view image source and click on the image and right-click again select copy image source.The URL image is like this:
http://i247.photobucket.com/albums/gg130/chapunk501/motogp.jpg
Now we already have a background image as the next step is:
1.Login to Blogger with your account.
2.On the dashboard menu select layout.
3.On the layout menu select edit HTML and scroll down you will see code like this:

body (
background: $ bgcolor;

4.Change the code above with an URL image that you have Like this:

body (
background: url (http://i247.photobucket.com/albums/gg130/chapunk501/motogp.jpg);

5.If you want to repeat or not, you can change the code like this:

body (
background: url (http://i247.photobucket.com/albums/gg130/chapunk501/motogp.jpg) repeat;

or

body (
background: url (http://i247.photobucket.com/albums/gg130/chapunk501/motogp.jpg) no-repeat;

6.Alternatively, you may only want the image to be repeated horizontally or vertically. The code is this:
-horizontally:

body (
background: url (http://i247.photobucket.com/albums/gg130/chapunk501/motogp.jpg) repeat-x;

-or vertically:

body (
background: url (http://i247.photobucket.com/albums/gg130/chapunk501/motogp.jpg) repeat-y;

7.If you have an image that is not repeated, you may like to specify the exact position of this image on your page. The code like this:

body (
background: url (http://i247.photobucket.com/albums/gg130/chapunk501/motogp.jpg) repeat top left;

Your image will appear at the top left corner of your page. The other possible values that you can use to replace "top left" are:

top center;
top right;
center left;
center center;
center right;
bottom left;
bottom center;
bottom right;

8.If you do not want it you can also define the horizontal and vertical alignments either in percentage or in pixels. Use either of these values instead, with x being the horizontal value and y being the vertical value.

x% y%;
xpx ypx;

9.You may specify whether you want your background image to remain in a fixed position when the contents of your blog are scrolled. By default, the picture Scrolls with your content. To have it fixed, the code like this:

body (
background: url (http://i247.photobucket.com/albums/gg130/chapunk501/motogp.jpg) repeat center center fixed;

10.You now have a background image for your blog.

Blog Setting

If your blog want to be indexed by Google, you must doing several settings. This is how to setting your blog:

1. Log in to Blogger.com with your account.


2. If your blog more than 1, click at the blog title want to setting.


3. Click Setting and then click Basic. Several form that must in the contents to the menu basic:


* Title : Content with your blog title. Example : Blog Tips.


* Description : Content with your description blog. Example : All about blogging resources.


* Add your blog to our listing : chose Yes, so that every time posting always entered the Blogger.com list.


* Show Quick Editing on your blog : Chose Yes.


* Show Email post link : It is best to chose Yes, but if you chose No also it's allright.


* Show compose Mode for all your blog : Chose Yes.


* Show transliteration button for your post : chose Yes if the you wanted to be button to change normally alphabet to hindi (India) alphabet, Chose No if being the reverse.


* Click Save Settings.


* Finish.


4. Click Publishing to arrange the publishing menu.


* Blogspot Address : Content with your blog address. Example : blog-tips


* Send Pings : Chose Yes.


* Click Save Settings.


* Finish.


5. Click Formatting to arrange the formatting menu.


* Show : Chose the number of post want you to display in your blog. Example : Show : 6 post, it's means your posting will display in your page Totally six posting. Chose Post at scrolldown menu.


* Date header Format : Chose the style of date/month what you wanted, this date/month will display above your post.


* Archive Index Date Format : Chose the style for your archive.


* Time Format : Chose the style of the time, what you wanted.


* Time Zone : Chose the matching zone with your place. Example for WIB : [UTC+7.00] jakarta.


* Language : Chose language what you wanted.


* Convert line break : Chose Yes, but if you chose No it's allright.


* Show Link Field : Chose No, but if you chose Yes it's allright.


* Enable Float alignment : Chose Yes, but if you chose No it's allright.


* Click Save Settings.

* Finish.


6. Click Comment to arrange the Comment menu.


* Comments : Chose Show.


* Who Comment? Chose Anyone. It's means anyone can comment to your post.


* Comments Default for Post : Chose New post Have Comments.


* Back links : Chose Show. It's means you will know if another people has linked to your post.


* Backlinks default for Posts : Chose New post have Backlinks.


* Show comments in a popup window? : Chose Yes. It's means when the people click Comment link your blog not lost.


* Show word verification for comments? : It's better to chose Yes.


* Enable comment moderation? : Chose No, but if you wanted chose Yes it's allright.


* Show profile images on comments? : Chose Yes. It's means the photo of commentator of blogger member can display.


* Comment Notification Address : Content with your email address.


* Click SAVE SETTINGS.


* Finish.


7. Click ARCHIVING to arrange the archiving menu.


* Archive Frequency : Chose monthly.


* enable Post Pages? : Chose Yes.


* Click SAVE SETTINGS.


* Finish.


8. Click Site Feed.


* Publish Site Feed : Chose Yes.


* Descriptions : Chose Full.


* Article Footer : If you have advertising code like Google Adsense, you can insert the code here.


* Click SAVE SETTINGS.


* Finish.

Blog

Maybe, there are some of you who still don't understand about blog, and still wondering about blog. As my kindness, I’ll try to review a little about blog. (Based on my version),



1. Blog, What it is?


Blog (abbreviation from Web log) is sites which more dominant in private characteristic. This means, most of the content will be affected (realize or not) by the characteristic of the Blogger (Blog user) himself.

Blog was made by the designers of the blog provider in order to work automatically and easily to be operated on, so for we that still was confused with the programming language to make one website still not the problem.If you could have made an email account in the internet, then to made a blog I was convinced you could.



2. How to make a blog?



Like if when we start to make an ordinary e-mail, we’ll need an account first, so as well as to make a blog. Because of that reason, feel free to register yourself in free blog provider. We can find a lot of free blog provider in internet, and some blog provider which really famous nowadays, are http://www.blogger.com/, http://www.wordpress.com/ or http://www.blogsome.com.

In this chance, I’m going to review about make a blog in http://www.blogger.com/
after we arrive in Blogger, follow my instruction:


1. Click an arrow sign, inscribed with “CREATE YOUR BLOG NOW”
2. Complete the ‘e-mail address’ form, with your own e-mail address (of course with the valid one).
3. Rewrite your e-mail address in form ‘retype e-mail address’
4. Type the password as you wanted to. Type it in form, ‘enter a password’
5. Retype your password in form ‘type password again’
6. Type the password as you wanted to. Type it in form, ‘enter a password’
7. Retype your password in form ‘type password again’
8. Type the word which has shown, in form ‘word verification’. Click the white little square beside the sentence, ‘I accept the Terms of Service’.
9. Click an arrow sign inscribed with “CONTINUE”
10. Write the title of your blog that you desire (you can change it later) in form ‘Blog Title’
11. Type the name of your site in form ‘Blog Address (URL)’ .
12. Type verification word which shown in form ‘word verification’. After that, click an arrow image inscribed with word, ‘CONTINUE’.
13. Choose one template that you wanted to (You can change it later, if you want), then click again an arrow sign inscribed with word ‘CONTINUE’.
14. Wait a moment. After you meet a sentence ‘Your blog has been created’. Click an arrow sign (again) which inscribed with “BEGIN POSTING’. Feel please to fill up your blog with everything you want to. After you finish with your first posting, just click the sentence, ‘PUBLISH YOUR POSTING’, Please write What you want, if being finished then click of the publish button.
15. It's Done.