Letakan pilihan menyimpan dan butang 'share' dalam setiap post anda! [Put a multiple option save and share button under all your blog posts]

Gembira
2 comments

Blog tricks
kali ini adalah AddToAny.

AddToAny ini menyimpan / butang 'share' telah menjadi sangat popular di kalangan bloggers.Ia tidak terlalu invasif pada gaya blog anda, mengambil sedikit ruangan merangkumi semua pilihan untuk meningkatkan pengunjung kembali ke blog anda dan memberikan pilihan bookmarksosial kepada pembaca blog anda.

Kita akan menyimpan tetapan tersebut ke dalam blog anda dengan 4 langkah mudah : -

1. Klik Dashboard > Design > Edit HTML. [Klik expand widgets template]

2. Cari kod di bawah ini. [ tekan ctrl + F dengan serentak untuk fungsi mencari]

</data:post.body>

3. Paste kod berikut di bawah </data:post.body>

<a class="a2a_dd" href="http://www.addtoany.com/share_save?linkname=&linkurl=URL Blog anda"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share/Bookmark"/></a><script type="text/javascript">a2a_linkname=document.title;a2a_linkurl="URL blog anda";</script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

Pastikan anda menukar tulisan berwarna merah dengan url blog anda sendiri.

4. Simpan tetapan anda dan refesh untuk melihat hasilnya. Selamat mencuba.



Continue Reading... Labels: , ,


Bagaimana untuk meletakkan tandatangan di bawah setiap post.

Gembira LOL Smiley
1 comments

Rasanya ramai blogger yang mengetahui bagaimana untuk meletakkan signature di bawah setiap post.

Uploadkan gambar yang telah anda edit sama ada di dalam akaun Photoshop atau Photobucket. Kemudian copy url gambar tersebut.

Langkah 1 : Klik Dashboard > Setting > Fomatting.

Langkah 2 : Di bawah ruangan Formatting, anda akan kotak Post Template dan paste'kan link anda di dalam kotak tersebut.

Langkah 3 : Simpan tetapan anda.

<img src="http://api.photoshop.com/home_8c0db01710134d0bb4a690839d588d10/adobe-px-assets/d396e6c7d66f41179abb177a8c9fdb09" height="90" width="300" />

Gantikan tulisan berwarna hijau dengan link gambar yang anda telah edit.

<img src="http://api.photoshop.com/home_8c0db01710134d0bb4a690839d588d10/adobe-px-assets/d396e6c7d66f41179abb177a8c9fdb09" style="border: medium none;" border="0" height="90" width="300" />

Tambahkan perkataan berwarna biru jika anda tidak menginginkan border disekeliling signature anda. Selamat mencuba.

P/s : Jika anda rasa artikel ini berguna dan dapat membantu anda, sila kreditkan pada blog ini dan share bersama sama rakan rakan anda yang lain. Terima kasih.
Continue Reading... Labels: , , ,


How To add Animated Moving Recent Post , Comments for Sidebar Blog Widget.

Gembira LOL Smiley
34 comments

Step 1. Pergi ke Dashboard, klik 'Design' > Page Elements > Add Gadget > Add HTML/Javascript.

Step 2. Kemudian Copykan semua kod - kod dibawah ini dan save .

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:260px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:210px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background: url(-) repeat-x;
border:0px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:9px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 50;
home_page = "http://www.pengerindu.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/pengerindu/pengerindu/animatedrecentpost.js' type='text/javascript'></script>
</div>
<small><a href="http://teh-tarik4u.blogspot.com/2010/12/how-to-add-animated-moving-recent-post.html" target="_blank">get this widget here</a></small>



Sumber : Pengerindu.com
Continue Reading... Labels: , , ,


Add Smileys And Emoticons To Blogger Comments [Menambah Yahoo Smiley ke dalam ruangan komen]

Gembira LOL Smiley
7 comments


Step 1. Pergi ke Dashboard, klik 'Design' > 'Edit Html' > Tandakan kotak 'Expand Widget Templates'.

Step 2. Cari kod dibawah ini dalam HTML anda : (Tekan Ctrl+F untuk memudahkan carian anda).

</body> 

Step 3. Paste kod berikut tepat di atas  </body> 

<script src='http://spiceupyourblogextras.googlecode.com/files/commentsmilys.js' type='text/javascript'/> 

Step 4. Cari kod dibawah ini dalam HTML anda : (Tekan Ctrl+F untuk memudahkan carian anda).

Nota : Untuk memudahkan anda, copy paste tulisan yang berwarna hijau untuk mencari bahagian seterusnya.

<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'><h3><a expr:href='data:post.addCommentUrl'expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></h3></b:if></b:if></p></b:if>  


Step 5. Apabila anda sudah berjaya menemui kod tersebut, gantikan kod tersebut dengan kod di bawah ini :
 
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>To Use A Smiley In Your Comment, Simply Add The Characters Beside Your Choosen Smiley To The Comment:<br/>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =)) <a href='http://www.spiceupyourblog.com/2010/10/smileys-emoticons-blogger-comments-form.html'><small>Grab Smily Gadget</small></a>
</b>
</div>
<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>
</b:if>
 

Step 6. Simpan Template anda, kemudian refresh blog anda untuk melihat hasilnya. Selamat Mencuba. 

Nota kaki : Tulisan yang berwarna hijau boleh ditukar dengan ayat anda sendiri. Manakala tulisan yang berwarna pink adalah kod warna kotak smiley anda. Anda boleh merujuk kod HTML warna di sini
Continue Reading... Labels: , , ,


How To Add Social BookMark Button [ Bagaimana untuk menambah butang 'Bookmark']

Gembira LOL Smiley
202 comments

Step 1. Pergi ke Dashboard, klik 'Design' > 'Edit Html' > Tandakan kotak 'Expand Widget Templates'.


Step 2. Cari kod dibawah ini dalam HTML anda : (Tekan Ctrl+F untuk memudahkan carian anda)

]]></b:skin> 

Step 3. Paste kod berikut tepat di atas ]]></b:skin 

.social { border: dashed #ddd; border-width:1px 0 1px 0; margin: 10px auto 10px; display:block; padding: 3px 0 1px 0px; overflow: hidden; }
.social .social_button {float: left; display: inline; overflow: hidden; height:22px; }.social .si { float:left;padding-top:3px;}
.social .social_button.dg { margin: 0px 0 0 30px ; padding-top: 2px;}
.social .social_button.tm { margin: 0px 0 0 32px; padding-top: 4px;}
.social .social_button.fb { margin: 0 0 0 15px; padding-top:3px;}
.social .social_button.su { margin: 0px 0 0 35px; padding-top: 2px;}
.social .social_button.em { margin: 0 0 0 35px; padding-top: 3px;}
.social .social_button.em a{background:#eee url(http://img180.imageshack.us/img180/1989/emailj.gif) 3px 50% no-repeat; padding:2px 3px 2px 22px; font-size:10px; border:#ddd 1px solid; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.social .social_button.em a:hover {background:#ddd url(http://img180.imageshack.us/img180/1989/emailj.gif) 3px 50% no-repeat}
.social .social_button a img { border: 0; padding: 0; }
.social strong { font-size: 11px; float: left; margin:2px 0 0 0; color:#555;}
.clear{clear:both;} 

Step 4. Cari kod dibawah ini dalam HTML anda : (Tekan Ctrl+F untuk memudahkan carian anda)

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

Step 5. Paste kod berikut tepat di bawah <div class='post-header-line-1'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='social'>
<div class='social_button dg'>
<a class='DiggThisButton DiggCompact'/><script src='http://widgets.digg.com/buttons.js' type='text/javascript'/>
</div>
<div class='social_button tm'>
<script type='text/javascript'>
tweetmeme_style = &quot;compact&quot;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>
<div class='social_button fb'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div class='social_button su'>
<script src='http://www.stumbleupon.com/hostedbadge.php?s=1'/>
</div>
<div class='social_button em'>
<a expr:href='&quot;mailto:?subject=Sharing:&quot; + data:post.title + &quot;&amp;body=Hi ! I Saw This Cool Post And Thought Of You.Check It Out :%0A%0A&quot; + data:post.url' target='_blank' title='Email This'>Email This</a>
</div>
</div>
<div class='clear'/>
</b:if>



Step 6. Simpan Template anda, kemudian refresh blog anda untuk melihat hasilnya. Selamat Mencuba.
Continue Reading... Labels: , , ,


Blog Trick - Moving Thumbnail

13 comments

Untuk mengekal pembaca sentiasa mengetahui post yang berkaitan, widget ini amat sesuai. Ia berbeza jika hendak dibandingkan dengan Link Within. Selamat mencuba.



* Klik Dashboard - Layout - Page Elements - edit HTML -Tandakan Expand Widget Templates

Seterusnya cari kod </head> setelah anda menjumpainya sila Copy dan Pastekan Kod dibawah ini diatas kod </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Dan sekarang Cari Kod ini:

    * <div class='post-footer-line post-footer-line-1'>

atau (jika kod diatas tidak dijumpai sila cari kod yang dibawah ini)

    * <p class='post-footer-line post-footer-line-1'>

Dan setelah itu Copy dan Paste kod dibawah ini. (Dibawah <p class='post-footer-line post-footer-line-1'> )

<!-- Marquee Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if>
</b:if>
<!-- Marquee Related Posts with Thumbnails Code End-->

*gantikan nombor berwarna hijau kepada seberapa banyak yang anda inginkan. contoh 20 untuk 20 related post.
Continue Reading... Labels: ,


[PC]Red Alert 2: Yuris Revenge

0 comments

In Yuri's Revenge, the Allies are celebrating their victory over the Soviet Union in the previous game. However, Yuri escaped both the Soviets and Allies and formed a secret army of his own, drawing heavily on telepathic abilities and genetic manipulation. He then constructed a network of mind controlling Psychic Dominators all across the world in order to control the entire planet all at once. He activated the network and started turning the world's population into mindless slaves. At the last minute, an air strike ordered by the President of the United States Michael Dugan barely manages to damage the nuclear plant powering the device in San Francisco, saving the United States military command from falling under Yuri's control.
The expansion includes NEW units,buldings and specially a new army (Yuris Army)

Download here! :


Special Tool Here!

P/s : Extract semua file yang dimuat turun dalam satu folder yang sama.
Continue Reading... Labels: ,


Mystery Case Files 7: 13th Skull Collector's Edition [FINAL]

0 comments

Tak lama selepas berpindah ke sebuah rumah menyeramkan di Louisiana, Sara Lawson terasa tragedi ketika suaminya menghilang secara misteri. Anak perempuan Sara, Magnolia, percaya ayahnya diculik oleh hantu dari Lanun Pendendam untuk melindungi kekayaannya hilang. Dengan penduduk tempatan takut kutukan lanun, anda adalah harapan terakhir keluarga tersebut. Hanya Ketua Detaktif dengan kemahiran Objek Tersembunyi luar biasa dapat mencari Marcus Lawson di Mystery Case Files: Tengkorak 13!



System Requirements:
OS: Windows XP/Vista
CPU: 1.0 GHz
RAM: 512 MB
DirectX: 9.0

The medicine: not required (full version)
Platform: Windows 7 / Vista / XP
Language: Eng

Download here!
and
Download here!
Continue Reading... Labels: ,


 

Sharing Is Caring

Return to top of page Copyright © 2010 | Flash News Converted into Blogger Template by HackTutors