Monday, October 26, 2009

Link Exchange

Website promotion, link exchange and other resources to promote your site. Add your website to our link exchange list and promote you site to gain traffic: Site are listed Alphabetically:

E
Ezhan-Artwork = http://ezhan-artwork.blogspot.com/
Description = Great artwork by Ezhan


F
Fedoce = http://www.fedoce.co.cc/
Description = Computer, tech and internet



Description =  free online books, free magazine, video trainings, and guide to gain Knowledge


J
Jhonson blog = http://jhonsonblog.blogspot.com/

Wednesday, October 21, 2009

Put a clock into your blog



Customize your blog with the clock will make your blog look more elegant and stylish.

To puta clock..You need to follow the following step.........

Step 1: You must go first to http://www.clocklink.com.

Step 2: Click at the Gallery..Choose which clock do you want and then click at the View HTML tag..

Step 3: The terms will appear. Accept the terms.

Step 4: Choose the clock colour and select the time.. You may change the size if you want to..

Step 5: Copy the code. Go to your blogger layout and choose the Add a Gadget-HTML/JavaScript.

Step 6: Paste the code copied. Save it.

DONE: To see it, you view your blog..










Add ShouMix chat widget to your blog now..

Let see the widget below:


ShoutMix chat widget



Follow the instruction below to make your own ShoutMix chat widget::

 
Now, you need to go to http://www.shoutmix.com/main/.



 
Next, you click at the create shoutbox picture………..



 
After that, you fill the blank with the ShoutMix information and the Contact information… Make sure you read and agree to the Terms of Service( Tick It)..

 
After it is finished, you click at the button. Then, you go to the control panel (Setting). Under the Quick Start click the Get codes. Copy the code. You go to your blogger layout and choose the Add a Gadget-HTML/JavaScript. Paste the code copied.

Click Save.



And it is done….

Saturday, October 17, 2009

How to delete own comments in other blogger's posts

Hi guys..Nice 2 meet you again.Today i have a good tips for the blogger. It is about how to delete own comments in other blogger's posts. I found out that there are many blogger outside there that still did not know.

But now, it is not a problem. I can show the proper step to do so.All that you need is to be logged into your Blogger account when you surf over to the post where you have left comment you want to delete. You will then see a trash can icon at the bottom corner of your comment.

You just need to click the trash can icon, confirm the deletion, and your comment will be (partially) deleted, leaving behind this:

Thursday, October 8, 2009

Add Yahoo! login to your blog

Nice to meet you again reader.Today I have a good tips for you all. I got this tip from my friend named Haikal who owned http://igadget-school.3forum.biz. To put a Yahoo login to your blog, follow the steps below.

Step 1:Copy the code below.

<div id="yregct" class="yregclb">
<div id="yreglg">
<!-- login box goes here -->
<div class="top yregbx">
<script type="text/javascript">if(top == self) { document.write("<div class=\" badge\">")}</script> <span class="ct"><span class="cl"></span></span>
<div class="yregbxi">
<script type="text/javascript">if(top == self) { document.write("") } else { top.location.href = "http://www.yahoo.com" }</script>
<h1></h1>

<script type="text/javascript">if (top == self) { document.write(" <div id=\"rcta\"> <a href=\"https://protect.login.yahoo.com/login/set_pref?.intl=us&.src=fpctx&.u=cub2hq15fdkof&.partner=&pkg=&stepid=&.pd=c=&.crumb=czozMjoiMjJiN2Y0NjI2ZjE3YjNjYjRjNzVkMDBjZTNjOTFiMmIiOw--&.done=https%3A%2F%2Flogin.yahoo.com%2Fconfig%2Flogin%3F.src%3Dfpctx%26.intl%3Dus%26.done%3Dhttp%253A%252F%252Fm.www.yahoo.com%252F\" tabIndex=\"-1\"> <a href=\"https://protect.login.yahoo.com/login/set_pref?.intl=us&.src=fpctx&.u=cub2hq15fdkof&.partner=&pkg=&stepid=&.pd=c=&.crumb=czozMjoiMjJiN2Y0NjI2ZjE3YjNjYjRjNzVkMDBjZTNjOTFiMmIiOw--&.done=https%3A%2F%2Flogin.yahoo.com%2Fconfig%2Flogin%3F.src%3Dfpctx%26.intl%3Dus%26.done%3Dhttp%253A%252F%252Fm.www.yahoo.com%252F\" tabIndex=\"-1\"> <span class=\"ct\"> <span class=\"cl\"></span> </span> </a> <div class=\"ctact\"> <a href=\"https://protect.login.yahoo.com/login/set_pref?.intl=us&.src=fpctx&.u=cub2hq15fdkof&.partner=&pkg=&stepid=&.pd=c=&.crumb=czozMjoiMjJiN2Y0NjI2ZjE3YjNjYjRjNzVkMDBjZTNjOTFiMmIiOw--&.done=https%3A%2F%2Flogin.yahoo.com%2Fconfig%2Flogin%3F.src%3Dfpctx%26.intl%3Dus%26.done%3Dhttp%253A%252F%252Fm.www.yahoo.com%252F\" tabIndex=\"-1\"> <div class=\"key\"> </div> </a> <div class=\"txt\"> <a href=\"https://protect.login.yahoo.com/login/set_pref?.intl=us&.src=fpctx&.u=cub2hq15fdkof&.partner=&pkg=&stepid=&.pd=c=&.crumb=czozMjoiMjJiN2Y0NjI2ZjE3YjNjYjRjNzVkMDBjZTNjOTFiMmIiOw--&.done=https%3A%2F%2Flogin.yahoo.com%2Fconfig%2Flogin%3F.src%3Dfpctx%26.intl%3Dus%26.done%3Dhttp%253A%252F%252Fm.www.yahoo.com%252F\"> <span class=\"qs\">Are you protected?</span> </a> <div class=\"sltxt\"> <a href=\"https://protect.login.yahoo.com/login/set_pref?.intl=us&.src=fpctx&.u=cub2hq15fdkof&.partner=&pkg=&stepid=&.pd=c=&.crumb=czozMjoiMjJiN2Y0NjI2ZjE3YjNjYjRjNzVkMDBjZTNjOTFiMmIiOw--&.done=https%3A%2F%2Flogin.yahoo.com%2Fconfig%2Flogin%3F.src%3Dfpctx%26.intl%3Dus%26.done%3Dhttp%253A%252F%252Fm.www.yahoo.com%252F\"> <span class=\"sl\">Create your sign-in seal.</span> </a> <span class=\"why\">(<a href=\"https://protect.login.yahoo.com/?.src=fpctx&.v=0&.u=cub2hq15fdkof&.last=&promo=&.intl=us&.bypass=&.help=3&.partner=&pkg=&stepid=&.pd=fpctx_ver%3d0%2526c=&.done=http%3A//m.www.yahoo.com/\">Why?</a>)</span> </div> </div> </div> <a href=\"https://protect.login.yahoo.com/login/set_pref?.intl=us&.src=fpctx&.u=cub2hq15fdkof&.partner=&pkg=&stepid=&.pd=c=&.crumb=czozMjoiMjJiN2Y0NjI2ZjE3YjNjYjRjNzVkMDBjZTNjOTFiMmIiOw--&.done=https%3A%2F%2Flogin.yahoo.com%2Fconfig%2Flogin%3F.src%3Dfpctx%26.intl%3Dus%26.done%3Dhttp%253A%252F%252Fm.www.yahoo.com%252F\" tabIndex=\"-1\"> <span class=\"cb\"> <span class=\"cl\"></span> </span> </a> </a> </div> <div class=\"clear\"> </div>") } else { top.location.href = "http://www.yahoo.com" }</script>
<fieldset id='fsLogin'>
<legend>Login Form</legend>

<form method="post" action="https://login.yahoo.com/config/login?" autocomplete="off" name="login_form" onsubmit="return hash2(this)">

<input type="hidden" name=".tries" value="1">
<input type="hidden" name=".src" value="fpctx">
<input type="hidden" name=".md5" value="">
<input type="hidden" name=".hash" value="">

<input type="hidden" name=".js" value="">
<input type="hidden" name=".last" value="">
<input type="hidden" name="promo" value="">
<input type="hidden" name=".intl" value="us">
<input type="hidden" name=".bypass" value="">
<input type="hidden" name=".partner" value="">
<input type="hidden" name=".u" value="cub2hq15fdkof">
<input type="hidden" name=".v" value="0">
<input type="hidden" name=".challenge" value="v81EEDOqT3VEalcrG0rUTGuJ87nB">

<input type="hidden" name=".yplus" value="">
<input type="hidden" name=".emailCode" value="">
<input type="hidden" name="pkg" value="">
<input type="hidden" name="stepid" value="">
<input type="hidden" name=".ev" value="">
<input type="hidden" name="hasMsgr" value="0">
<input type="hidden" name=".chkP" value="Y">
<input type="hidden" name=".done" value="http://m.www.yahoo.com/">
<input type="hidden" name=".pd" value="fpctx_ver=0&c=&ivt=&sg=">

<table id="yreglgtb" summary="form: login information" cellspacing="0" cellpadding="0">
<tr>
<th id='thun'><label for="username">Yahoo! ID:</label></th></tr>
<tr>
<td><input name="login" id="username" value="" size="17" class="yreg_ipt" type="text" maxlength="96">

<div class="dbidTip">(e.g. free2rhyme@yahoo.com)</div>
</td>
</tr>

<tr>
<th id='thpw'><label for="passwd">Password:</label></th></tr>
<tr>
<td><input name="passwd" id="passwd" value="" size="17" class="yreg_ipt" type="password" maxlength="64"></td>

</tr>


<tr>
<td id='fun'>

</td>
</tr>


</table>
<script src="https://s.yimg.com/lq/lib/reg/js/yahoo_dom_event_animation_2.2.0.js" type="text/javascript"></script>

<p id="sigcopys"><input type="checkbox" id="persistent" name=".persistent" value="y"
CHECKED>
<label for="persistent"> <span class="kmsibold">Keep me signed in</span><br><span class="subperstxt">for 2 weeks unless I sign out.</span> <em class="nwred"><a href="https://login.yahoo.com/config/login?.src=fpctx&.intl=us&.help=4&.v=0&.u=cub2hq15fdkof&.last=&promo=&.bypass=&.partner=&pkg=&stepid=&.pd=fpctx_ver%253D0%2526c%253D%2526ivt%253D%2526sg%253D&.ab=&.done=http%3A//m.www.yahoo.com/" tabindex="99999">Info</a></em></label>

<span class="subperstxt2">[Uncheck if on a shared computer]</span>
</p>
<div class="clear"></div>


<p class="yreglgsb"><input type="submit" id=".save" name=".save" value="Sign In"></p>
</form>
</fieldset>

Step 2: You go to the Page Elements in your layout page.(Log in to your blog first)

Step 3:Click at the Add a Gadget and choose HTML/JavaScript.

Step 4: Paste the code copied.

Step 5: Save it and Done.

Go to your blog to see the result.





widgeo.net

Saturday, October 3, 2009

Put a Youtube video in blog

Put a Youtube video in blog

Hi, we meet again...

want to know how to put a Youtube video in your Blogger post...?
Check this out!

1. Choose any video in the Youtube. Then copy the code from the box given beside the video...for example, see the arrow in the picture below

Image

Example code:

Code: Select all
<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/zQ6e5bo7jpU&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zQ6e5bo7jpU&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>


2. Click the 'New Post' button and choose 'Edit Html'
3. Paste the code in it.
4. Publish your post
5. Finish

Enjoy it...

Add the Related Posts below your post

Add the Related Posts below your post

Want to view related post under your post?
Want to make the readers to find the related post easily?
Don't worry, here is the solution...


Step #1. First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )
Image

Step #2. For this step you need to backup your template (click the 'Download Full Template' to backup your template)
Image

Step #3. To start editing your template, please click the 'Expand Widget Templates'
Image

Step #4. Use Ctrl+F to find this </head> tag. Then paste this code just before this </head> tag:

Code: Select all
<!--syazchess related posts starts-->

<style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}

#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}

#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}

#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}

#related-posts a:hover {
color : #054474;
text-decoration : none;
}

#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}

#related-posts ul li {
display : block;
background : url(&quot;http://i625.photobucket.com/albums/tt337/syafzpic/Forum%20upload%20only/syafzpic-for.gif&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>

<script src='http://www.sigmirror.com/files/30184_hsy8j/syafzpic-related-posts.js' type='text/javascript'/>

<!--syafzpic related posts end-->



Step #5. Use the Ctrl+F to find this <data:post.body/> tag.

Step #6. Then paste this code after the <data:post.body/> tag:

Code: Select all
<!--related post start here-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>My Related Posts: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=xx&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if>

<!--related post end here-->


P/S:
If you found two <data:post.body/> tag, choose the second <data:post.body/> tag

Step #7. Save your template. Done!

Enjoy it!

Expandable Post Summaries


Expandable Post Summaries


Hello, my friends
Syazchess wants to follow up one of the question from the bloggers.
The question is 'How to create expandable post summaries in Blogger?'

It is easy!
Just follow my Steps below. By following these Steps you'll be able to make the summaries of your post instead of showing the entire post on the front page of your blog. Then when people want to read the rest of the post, they can click a “read more” link to see the full post. This is very handy if you have lots of long articles all on one page.
(Note that you'll need to have post pages enabled in order to make this feature work.)


Step #1.
First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )
Image


Step #2.
For this step you need to backup your template (click the 'Download Full Template' to backup your template)
Image


Step #3.
To start editing your template, please click the 'Expand Widget Templates'
Image


Step #4.
Use Ctrl+F to find this </head> tag. Then paste this code just before this </head> tag:

Code: Select all
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.sigmirror.com/files/30386_6ggys/syafzpic-read%20more.js' type='text/javascript'/>


You may change the numbers, as per your wish. If a post doesn't have images then the length of the summary will be 500.
If a post contains image, then text length will be 450, and the first image that will be displayed will have these dimensions:
width= 120, and
height= 100.


Step #5.
Again, use Ctrl+F to find this <data:post.body/> tag. Then, REPLACE that line, with this code:

Code: Select all
<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Step #6
Save template.

Done!

Put a blogger login into your blog


Put a blogger login into your blog

Hi friends...
want to login to your blog easily..?
View my steps below:

Step 1:
Click the Add a gadget.

Step 2:

Then, choose the 'HTML/JavaScript'

Step 3:
Copy these code and paste it in the 'HTML/JavaScript' box appeared:


Code: Select all
<div style="text-align: left;" id="gaia_loginbox" class="body"><form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth?service=mail" method="post"><span class="gaia le lbl" style="font-size:100%;">Username:</span>
<input name="Email" id="Email" value="" class="gaia le val" type="text" >

<span class="gaia le lbl" >Password:</span>
<input name="Passwd" id="Passwd" class="gaia le val" autocomplete="off" type="password" style="font-size:18;">
<input name="PersistentCookie" id="PersistentCookie" value="yes" checked="checked" type="checkbox"><span ><label for="PersistentCookie" class="gaia le rem"> Remember me
</label></span><input class="gaia le button" name="signIn" value="Sign in" type="submit">

Step 4:
Click Save. Done!

Thanks for viewing my post...
Happy blogging

Put Digg vote button on your blog

Put Digg vote button on your blog

step #1
First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )
Image

Step #2.
For this step you need to backup your template (click the 'Download Full Template' to backup your template)
Image


Step #3.
To start editing your template, please click the 'Expand Widget Templates'
Image


Step #4.
Use Ctrl+F to find this <data:post.body/> code line.

Step #5.
Paste this code above the <data:post.body/> code line:


Code: Select all
<!-- syafzpic DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>


Step #6.
Save.

Add a sexy bookmark in post

Add a sexy bookmark in post

Halo... nice to see you again.
Want your blog readers to bookmark your post easily?
Here is the solution

1. First find
Code:Select all
]]></b:skin>

2. Then paste the code given below under the ]]></b:skin> code

Code: Select all
<!-- book mula disini -->

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(&#39;http://img509.imageshack.us/img509/3131/sexysprite.png&#39;) no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>
<!-- book abis disini -->


3. then, find this code
Code: Select all
<p><data:post.body/></p>


4. paste the below code under the <p><data:post.body/></p> code


Code: Select all

<!-- Bookmarkstartdisini -->

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/HERE IS YOUR FEEDBURNER ID' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

<!-- bookmarkakhirdisini -->


5. save your template. Done!

Have a happy day...

To the Top Icon

To the Top Icon

having problems to the header when you are at the bottom of the page?
here is the solution...

1. First click the 'Add a gadget'

2. Then choose the HTML/JavaScript button. A HTML/JavaScript box will be appeared.

3. Copy this code below and paste it in the 'HTML/JavaScript' box

Code: Select all
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:130px;' title='Back to Top'><img src='http://i625.photobucket.com/albums/tt337/syafzpic/SyafzPIC%20Vivo/Vivo.png'/></a>

4. Save it. Done

P/S...
If you want to change the icon given with your own icon, just change the icon URL
For example:

Image

Adding Summaries to Your Posts

Adding Summaries to Your Posts

Nice to you again...
Hey, want to summarize your posts? It is easy!
Just follow my Steps below.

By following these Steps you'll be able to make the summaries of your post instead of showing the entire post on the front page of your blog. Then when people want to read the rest of the post, they can click a “Continue Reading” link to see the full post. This is very handy if you have lots of long articles all on one page.
(Note that you'll need to have post pages enabled in order to make this feature work.)


Step #1.
First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )
Image


Step #2.
For this step you need to backup your template (click the 'Download Full Template' to backup your template)
Image


Step #3.
To start editing your template, please click the 'Expand Widget Templates'
Image


Step #4.
Use Ctrl+F to find this </head> tag. Then paste this code just before this </head> tag:
Code: Select all
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 350;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script>


Step #5.
Again, use Ctrl+F to find this <data:post.body/> tag. Then, replace that line, with this code:
Code: Select all
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:2px;'><a expr:href='data:post.url'> Continue Reading...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Step #6
Save Template and done!

Now, your posts had been summarize...
Thank you for viewing my tips... :)

Friday, October 2, 2009

Add Flash Tag Cloud

Add Flash Tag Cloud to blogger

Image
Want to know how to put the Flash Tag Cloud in your blog?
Just follow the steps.

step #1
First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )
Image

Step #2.
For this step you need to backup your template (click the 'Download Full Template' to backup your template)
Image


Step #3.
To start editing your template, please click the 'Expand Widget Templates'
Image

Step #4.
Use Ctrl+F to find this code line:
Code: Select all
sidebar' preferred='yes'>


Then, paste this code below after the line:
Code: Select all
<b:widget id='Label100' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> <a href='http://www.syafzpic.com'>syafzPic</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Step #5.
Save template. Done!

Blogger favicon

Add Blogger Favicon into Your Blog

hey! check this outAdding favicon for Blogger

First, use Ctrl+F and find this code

Code: Select all
<b:skin><![CDATA[/*


Second, copy and paste this

Code: Select all
<link rel="shortcut icon" href="http://i625.photobucket.com/albums/tt337/syafzpic/syafzpicstudiologo.png"/>

above that code.

After you paste it, all the code will be like these or similar:

Code: Select all
<link rel="shortcut icon" href="http://i625.photobucket.com/albums/tt337/syafzpic/syafzpicstudiologo.png"/>
<b:skin><![CDATA[/*


Then, save your template.

Thursday, October 1, 2009

Friends Banner

 

Blogger Tips and Style Copyright © 2009 Community is Designed by Free Blogger Template