Create Read More in Blogger

1. Log in to Blogger
2. Select Layout -> Edit HTML
3. back-up you first template, if you want to download the template before any posts cilick Download templates, and save.
4.Check the box labeled Expand Widget Templates
5. Copy the following code and put this code right above </ head>

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>

7. Looking for this code

<div class='post-header-line-1'/>

8. Under the code enter the following code:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

9. Change code: <div class='post-body entry-content'> with this code :

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

10. Search code <p><data:post.body/></p> and add code, so all the code will be like this:

<div class='post-header-line-1'/>

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>

<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>

<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Read more...</a></p>

</span>

<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] More...</a></p>

</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

11. Save and Go to Setting -> Formatting
12. At the bottom of the box that have any posts "Post Template", and fill in the code below into it and save the settings.

<span id="fullpost">

</span>

Finnish..:D

If you make a post select the "Edit Html", place abstraksi posting will be displayed on the home page on the code while the rest of the posts in place of code and author : trik-tips.blogspot.com

Read More......

Showing how's Off / Online Yahoo Messenger Widget

In tricks this time we will try to talk about "How do Showing Status Offline / Online Yahoo Messenger." some of you may have to ask. I will explain a little, for example, if you are online on YM, blogging visitors will be able to directly interact with you directly, so that communication will happen in the blogging, and will add to the visitors.

If you offline status of the picture will be like this:


Offline:


Online:


Following how to install the gadget for Yahoo Messenger users:

How easy is it? You copy the script to stay following are you plug in your sidebar, are you already know how to installation, such as how to install masang "page element," Login to Blogger Go to the "Page Element" then "Add a Gadget -> HTML / Javascript ".
Enter the following script:

<a href="ymsgr:sendIM?CristianRonaldo"> <img src="http://opi.yahoo.com/online?u=CristianRonaldo&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Change the text color red (CristianRonaldo) with your YM id.
note the number "2", that you can change the numbers and the result will be images that are displayed differently.




BUZZ...!!Any Question?
>

Read More......

Change the icon on the addres bar

If we explore the website or blog so sometimes we have come across an image or icon in the address bar (the box to type the web address). And if the site is blogspot (blogger) then the default look like this:

If you are not satisfied with the icon / image, you can replace it with a picture in accordance with your picture. is very easy, namely to create a picture (gif, jpg, ICO, and lain2) with a size kira2 24x42 pixels to 32x32 pixels (actual size is free, but let the file to open the small and fast) software can use Photoshop, or with the software correl another. Then follow these steps ...
1. go to "Layout - Edit HTML" are placed before the following script code </ head>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-q9y9zbLZ9l08udorOFI1PxAEWjWcabEs6EU72kBHDUAm9YEWTtsZM9ea__VTQKc1rMQIQFgdSvQmQgCngd2k6WKispnPJuc6yiftd-MabGzljJevbE944zQfATJ0qM2w4Qjrk1RVNsOS/s400/tutorialtrickseo.png' rel='SHORTCUT ICON'/>


*you can change the address link from the image that will be used to link the image you've created yourself







Have other questions?

Read More......

Widget install in a corner of the browser

This trick is working to entice visitors to the website. as the image does not move from its position. so that the image is always visible even when driven scroll

follow these steps:
1. Log in to Blogger and click the "Layout ->> Edit HTML"
2. Find this code ]]></b:skin> if you have met the following code is put on it.

#trick {
position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);

_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

3. Text is a bold position, if you want to change the position in the lower right corner living text "left" is replaced with the "right". Similarly any posts "bottom", if you want to be in the top position was replaced with the "top".

4. The next step is place the following script code before the /body

<div id="trick">
<a href="http://tutorial-trick-seo.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1dmBtPPewEPTNd1nEdmGNnDQTRlJ4hNvUNZ5Rio0YaJkZQ_q8g2syp9qDiS6VEBIX5fkNqkGeYefTxgaFHs4DkyuLFwHbCHIEIrapmAch-BABa-OwK9uER3WYQoVMrMSecrkaS6FlqmjU/s400/tutorial-trick-seo.png" border="0" /></a>
</div>


*any posts that replace the purple with your blog address example : tutorial-trick-seo.blogspot.com*
*change the text with a green image or address directory image

then after the process is finished click "save template"

This link can be replaced with a script, such as time, music player, image and other...

Good Luck. have other questions ..?

Read More......

How to add a comment box in blog

How to add a comment box in my blog? This is my blog: www.tutorial-trick-seo.blogspot.com. I would love to have a comment box that open for public to comment about my blogs.

If you haven't logged in to your Blogger weblog in the last few months, you might be surprised just how many things you can set and change on your weblog. Let me show you how to enable comments, but while you're doing that, do poke around and notice all the other ways you can customize your weblog


First off, when you log in to the main Blogspot admin interface, you'll see something like this:

Next step :

Next step :

Then click save

Is a step above the standard settings of the blogger. if you change the template sometimes with the above step is not successful. You can use the following steps :

Go to "Layout-->Edit HTML"
Check box "Expand widget templates"

search script :
Then replace the code with the code below:
Click save. n good luck

Read More......