tag:blogger.com,1999:blog-29965471417843080232024-03-14T22:36:42.461+08:00Techno Blog..Unknownnoreply@blogger.comBlogger60125tag:blogger.com,1999:blog-2996547141784308023.post-79778806888395013282009-08-28T13:52:00.004+08:002010-04-06T05:22:10.908+08:00How To Add Table Of Content On Your Blog<span class="fullpost"">
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBeoQgPrwCHmy65IbcipNveVEx_lrgczGKN8D5iaNB3HcnfeQ4Lzrc0Xsx02Rluw-5OEhOCEbpvRofG6JKanK22yWp1qDqQ-2XQDziqmL-y3peCWBE8bEU5XLSw4TSB1TeOn-03R0U0Kc/s1600-h/toc+simplte.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 315px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBeoQgPrwCHmy65IbcipNveVEx_lrgczGKN8D5iaNB3HcnfeQ4Lzrc0Xsx02Rluw-5OEhOCEbpvRofG6JKanK22yWp1qDqQ-2XQDziqmL-y3peCWBE8bEU5XLSw4TSB1TeOn-03R0U0Kc/s320/toc+simplte.png" alt="" id="BLOGGER_PHOTO_ID_5374893718143040546" border="0" /></a>
Want to create table of content to ease your viewer to see all of your article/posts..Here are the way to do...example as above..
</span>
1. As always click (Layout->Edit HTML->Expand Widgets Templates)
2. Then, find this codes <b:include data='post' name='post'/>
3. Simply delete it and replace with below codes..
<div class="codeview">
<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</div>
4. The next step, go to (Layout->Page Elements->Add A gadget->HTML/Javascript)
<div class="codeview">
<a href="http://<span style="color: rgb(255, 102, 102);">YourBlogName</span>.blogspot.com/search?max-results=<span style="color: rgb(255, 102, 102);">250</span>">Show all post »»</a>
</div>
<div> Changes <span style="color: rgb(255, 102, 102);">YourBlogName</span>..Example my blog..firdausforlife and value <span style="color: rgb(255, 102, 102);">250 </span>costumize according to your own needs</div>
5. Save your templates...doNe!
aUnknownnoreply@blogger.com2tag:blogger.com,1999:blog-2996547141784308023.post-37603955511697375632009-08-28T04:31:00.006+08:002010-04-06T08:54:43.961+08:00How To Add Islamic Clock To Your Blog<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZH-_2yyvF31fqVtlap4f8OPhm3TlCACGGKFrIRFtADzLe63ZQHmtyTrbFIOuVEKeb2h-QKvttkTxhPXfyUhs2DBU6Rt0p-yLDZca7KTzgJnLob_2eTFtg9I1aIZdFEWdGFUslRshchyphenhypheng/s1600-h/islamic+clock.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 191px; height: 107px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZH-_2yyvF31fqVtlap4f8OPhm3TlCACGGKFrIRFtADzLe63ZQHmtyTrbFIOuVEKeb2h-QKvttkTxhPXfyUhs2DBU6Rt0p-yLDZca7KTzgJnLob_2eTFtg9I1aIZdFEWdGFUslRshchyphenhypheng/s320/islamic+clock.png" alt="" id="BLOGGER_PHOTO_ID_5374749472018658722" border="0" /></a>
<span class="fullpost">Visit this how to get to a get islamic clock..example below..
<img style="visibility: hidden; width: 0px; height: 0px;" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTE*MDUyMDgzNTUmcHQ9MTI1MTQwNTU4MzQwMiZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayZnPTEmbz1kYTQ5MzM1ZmJhZTM*OWEyOTBmMGJiODBmMGU3OTk2YiZvZj*w.gif" border="0" height="0" width="0" /><div style="margin: 0px auto; text-align: center; width: 175px; height: 100px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1251405155862&__view=expanded" flashvars="&col1=FF0099&col2=000000&col3=eeffcc&tzoffset=p480&gig_lt=1251405208355&gig_pt=1251405583402&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" height="100" width="175"></embed></div>
</span>
<div>Clock With Pink Color..</div>
<div class="codeview">
<code>
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTE*MDUyMDgzNTUmcHQ9MTI1MTQwNTUyMDEyOCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayZnPTEmbz1kYTQ5MzM1ZmJhZTM*OWEyOTBmMGJiODBmMGU3OTk2YiZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:175px;height:100px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1251405155862&__view=expanded" width="175" height="100" flashvars="&col1=FF0099&col2=000000&col3=eeffcc&tzoffset=p480&gig_lt=1251405208355&gig_pt=1251405520128&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>
</code>
</div>
<img style="visibility: hidden; width: 0px; height: 0px;" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTE*MDU3NjUyNTYmcHQ9MTI1MTQwNTc2OTIyMSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayZnPTEmbz1kYTQ5MzM1ZmJhZTM*OWEyOTBmMGJiODBmMGU3OTk2YiZvZj*w.gif" border="0" height="0" width="0" /><div style="margin: 0px auto; text-align: center; width: 175px; height: 100px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1251405155862&__view=expanded" flashvars="&col1=00ff00&col2=000000&col3=eeffcc&tzoffset=p480&gig_lt=1251405765256&gig_pt=1251405769221&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" height="100" width="175"></embed></div>
<div>Clock With Green Color..</div>
<div class="codeview">
<code>
<img style="visibility: hidden; width: 0px; height: 0px;" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTE*MDU3NjUyNTYmcHQ9MTI1MTQwNTc2OTIyMSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayZnPTEmbz1kYTQ5MzM1ZmJhZTM*OWEyOTBmMGJiODBmMGU3OTk2YiZvZj*w.gif" border="0" height="0" width="0" /><div style="margin: 0px auto; text-align: center; width: 175px; height: 100px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1251405155862&__view=expanded" flashvars="&col1=00ff00&col2=000000&col3=eeffcc&tzoffset=p480&gig_lt=1251405765256&gig_pt=1251405769221&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" height="100" width="175"></embed></div>
</code>
</div>
<span style="font-style: italic;">For more clock visit <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;font-family:'Times New Roman';font-size:16px;"><span class="Apple-style-span" style="white-space: pre-wrap;font-family:-webkit-monospace;font-size:13px;"></span></span> <a href="http://www.al-habib.info/islamic-clock/" target="_blank">this great site</a></span>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-2996547141784308023.post-25987737543475871022009-08-28T03:26:00.004+08:002009-08-28T03:41:28.307+08:00How To Add "Contact Me" form to Your Blog<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5wEpG7NtHRJBNhwT3OublPEMWTT9fSVjLZb8YEvNzOk2E5WQAk8mHCUFOTU8HBhU7vLocg1y-PYZNA11kxONYLycCDjdVSvOPUsmdYeIJa653uE6l0DCIRIIJ13sYl_1I1W1azgqus7Y/s1600-h/0.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 61px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5wEpG7NtHRJBNhwT3OublPEMWTT9fSVjLZb8YEvNzOk2E5WQAk8mHCUFOTU8HBhU7vLocg1y-PYZNA11kxONYLycCDjdVSvOPUsmdYeIJa653uE6l0DCIRIIJ13sYl_1I1W1azgqus7Y/s200/0.png" alt="" id="BLOGGER_PHOTO_ID_5374727621619640290" border="0" /></a>
Contact Me form can be useful for your blog especially blog that have a many fan..hence by using contact me form blogger can sent email to blogger owner without needing to go to gmail or yahoo mail..Kontactr will help to ease fan or blogger to sent questions or anything to blogger owner's..Example like my blog "contact me form"
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv6eeBssfrGXUYf_mOazL-xKoveIGor6W7wkG0my7KzHtv6FncZZpnsf8l1_gsQFq3y9MC7yPL-VWV15K-wjUt94Su0IS9akdENI_sIwv1vHWRJDNo0RKDzkdjZ4GIZbBsw0IbHL36M0I/s1600-h/contact+me+form.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 156px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv6eeBssfrGXUYf_mOazL-xKoveIGor6W7wkG0my7KzHtv6FncZZpnsf8l1_gsQFq3y9MC7yPL-VWV15K-wjUt94Su0IS9akdENI_sIwv1vHWRJDNo0RKDzkdjZ4GIZbBsw0IbHL36M0I/s200/contact+me+form.png" alt="" id="BLOGGER_PHOTO_ID_5374727963537601522" border="0" /></a>
1. Here's are the step to implement..The first step you need to do is visit <a href="http://kontactr.com/"target="_blank">this site</a> and sign up..
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWLd0bHoKS0UK657VzPjDBinyDHubNcj5YLbyF_TZJ0SE2vQHxXZeBw2G0uKtwiiYnbSUVLMwQMVR7G6XB7Jy3DnBw-IzPQIMnrfCM8MoTPTdr4gYio4KmsGDWav7fxQLBIXm-sUcacL0/s1600-h/1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 178px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWLd0bHoKS0UK657VzPjDBinyDHubNcj5YLbyF_TZJ0SE2vQHxXZeBw2G0uKtwiiYnbSUVLMwQMVR7G6XB7Jy3DnBw-IzPQIMnrfCM8MoTPTdr4gYio4KmsGDWav7fxQLBIXm-sUcacL0/s200/1.png" alt="" id="BLOGGER_PHOTO_ID_5374727623628177122" border="0" /></a>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjKo3JvzdsCK-XN0YfcyGB5QDXMyNVscN8i6Em8_eNVhQM2NoyvWVkaIw4MYxyEum0QepopVNVI1SesAAoyGkuWmBfhC4fiAJG0apKzrfcnh37gf8kkhS53z78Rm7WQ3d6zpDz3mZqkU/s1600-h/2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 142px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjKo3JvzdsCK-XN0YfcyGB5QDXMyNVscN8i6Em8_eNVhQM2NoyvWVkaIw4MYxyEum0QepopVNVI1SesAAoyGkuWmBfhC4fiAJG0apKzrfcnh37gf8kkhS53z78Rm7WQ3d6zpDz3mZqkU/s200/2.png" alt="" id="BLOGGER_PHOTO_ID_5374727950192627026" border="0" /></a>
2. Secondly, you will forwarded to page..example like below..copy the codes called as AJAX Embed widget..
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBvDrzQcZoFFVGeQRVPTXxqamrp-q5o1yUyOWNLH_FQ-QOvn10utzLz6UaPUntSqz2tQm_K7P2VFPQR9E5bfDj5sagRGloIHZvrjsRVY8gAraV3uR5aobh8z-tw9c_i72rG0MZCfRTojw/s1600-h/3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 70px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBvDrzQcZoFFVGeQRVPTXxqamrp-q5o1yUyOWNLH_FQ-QOvn10utzLz6UaPUntSqz2tQm_K7P2VFPQR9E5bfDj5sagRGloIHZvrjsRVY8gAraV3uR5aobh8z-tw9c_i72rG0MZCfRTojw/s200/3.png" alt="" id="BLOGGER_PHOTO_ID_5374727958557840706" border="0" /></a>
3. Then, back to your blogger dashboard..create new post and simply paste the codes that already been copying before this..doNe! Good Luck!Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2996547141784308023.post-34784171728044129132009-08-28T02:03:00.006+08:002009-08-28T02:24:43.263+08:00How to Create Your Own Avatar For Your Blog<div style="text-align: center;">
</div><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxF9EyF6sXcUYtooUUnS8bHBHwo9jnpzN2esWToNE5wIQvAi7Zx0CiPkFefEQTtHTqUVtW7-FcAjQNLT2cYuDtsS44Y-X8wTRLIqNZ0HuWzlPTB1Lu_rZrzNKJJ0yeXu0qlyoitGIZI3Y/s200/images.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 101px; height: 101px;" border="0" alt="" id="BLOGGER_PHOTO_ID_5374710454951647794" /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMQkjnPob4_lcr9v-9lzlMLbDAuWcTkW-V_tyEM8IIRxwP1xvmhM-2_iMfRoPiL1hLl0Emzd8sOpA05oMafyYXB-4gxgBozx5SnleA_WHZYZi2nmlcBSifBV5Q8Ha-PvMs-nWWgzQMnd4/s1600-h/firdausforlife@gmail.com_8f55b595.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 178px; height: 178px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMQkjnPob4_lcr9v-9lzlMLbDAuWcTkW-V_tyEM8IIRxwP1xvmhM-2_iMfRoPiL1hLl0Emzd8sOpA05oMafyYXB-4gxgBozx5SnleA_WHZYZi2nmlcBSifBV5Q8Ha-PvMs-nWWgzQMnd4/s200/firdausforlife@gmail.com_8f55b595.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5374710450300029954" /></a>
<div style="text-align: center;"><b><i>Want to create avatar like this one?</i></b></div><div style="text-align: center;"><b><i>
</i></b></div><div style="text-align: center;"><b><i>
</i></b></div><div>
</div>Here's are the easy way to create an avatar for your blog...<div>
<div>Just visit <a href="http://www.faceyourmanga.it/homepage.php?lang=eng" target="_blank">this site</a> and started to create your own avatar..</div><div>
</div><div>
</div><div>
</div><div><a href="http://www.faceyourmanga.it/homepage.php?lang=eng"></a><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6fXdI7XfvSrAqba0Xe2zxtt_dfEFSoMvRWHTb9VI4xc_xyIhbmSv5jxiT7T1VelLAh5vXRLm845WEOnKuviEDg7oAoNdGT0FMh9QgoOdPAVPjov2OLx3eVzcjLOk6WjrQZraf3Rc99I/s320/manga.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 286px; height: 320px;" border="0" alt="" id="BLOGGER_PHOTO_ID_5374709641216074178" />
</div></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-2996547141784308023.post-85141588042934757072009-08-07T16:20:00.004+08:002009-08-07T16:37:12.496+08:00How to Change Your Blog Fonts Titles With A Very Nice Fonts<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDi60b0G1B_Heu5_DLt5CoKo15EUVA8DC7MtDOOO4s3M2FQ4mPPTBcVVHb7TCJiBcol0nd9EUdNM7H5YBsAR6MnP4DwYS2Y6u0S30djWBGIrYOycR6QKTC7WqdWDSHk6WOEoufC5jnhI/s1600-h/fonts+title.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 59px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDi60b0G1B_Heu5_DLt5CoKo15EUVA8DC7MtDOOO4s3M2FQ4mPPTBcVVHb7TCJiBcol0nd9EUdNM7H5YBsAR6MnP4DwYS2Y6u0S30djWBGIrYOycR6QKTC7WqdWDSHk6WOEoufC5jnhI/s320/fonts+title.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5367137895508162258" /></a>
<div>The easy way to change font titles just like my blog..</div>
<div> I find this cool hacks at <a href="http://www.kevinandamanda.com" target="_blank">Kevinandamanda</a></div> and You want fonts just like my blog you can follow the instructions below..
<div>1. Go to (Layout->Edit HTML-> and find this code </head> and paste below above </head> codes </div>
<div class="codeview">
<div><link href='http://malaysiaforunity.comxa.com/fonts%20style/sifr.css' media='all' rel='stylesheet' type='text/css'/><br /></div>
<div><script src='http://malaysiaforunity.comxa.com/fonts%20style/sifr.js' type='text/javascript'/><br /></div>
<div><script src='http://malaysiaforunity.comxa.com/fonts%20style/blogger-sifr.js' type='text/javascript'/></div>
</div>
<div>If you want to change with your own fonts visit <a href="http://www.kevinandamanda.com/whatsnew/tutorials/how-to-use-a-cute-font-for-your-blogger-post-titles.html" target="_blank">Amanda Blog</a> for more detail</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2996547141784308023.post-20576249187173799902009-08-07T15:53:00.005+08:002009-08-07T16:15:37.483+08:00How to Create Tabbed View Content Box (Part 2) [Easy Way]<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5PP5Q6VlDeygfUJCcU1JRnxq18cdNpB8m8iLV31zvEch58GcQzmmwY6zJTzAVH98b52BP55wty3geKhLdyFHfoie1UDm1Te6rfBOLucleeI0LIVPkE9LOa4NcjEGm5YDDPjq7UgmsGLk/s1600-h/tab.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 174px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5PP5Q6VlDeygfUJCcU1JRnxq18cdNpB8m8iLV31zvEch58GcQzmmwY6zJTzAVH98b52BP55wty3geKhLdyFHfoie1UDm1Te6rfBOLucleeI0LIVPkE9LOa4NcjEGm5YDDPjq7UgmsGLk/s320/tab.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5367127501474102274" /></a>
<div class="codeview">
<div><style type="text/css"></div>
<div>div.TabTampil div.TTs</div>
<div>{height: 24px; overflow: hidden; }</div>
<div>div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active</div>
<div>{ background-color: #77d0ee; }</div>
<div>div.TabTampil div.Halamans</div>
<div>{ clear: both; border: 1px solid #<span class="Apple-style-span" style="color:#FF0000;">0199cb</span>; overflow: hidden; background-color: #<span class="Apple-style-span" style="color:#CC0000;">ffffff</span>;}</div>
<div>div.TabTampil div.Halamans div.Halaman</div>
<div>{ height: 100%; padding: 0px; overflow: hidden; }</div>
<div>div.TabTampil div.Halamans div.Halaman div.Alas</div>
<div>{ padding: 3px 5px; }</div>
<div>div.TabTampil div.TTs a</div>
<div>{ border-left:1px solid #<span class="Apple-style-span" style="color:#CC0000;">0199cb</span>; border-right:1px solid #<span class="Apple-style-span" style="color:#CC0000;">0199cb</span>; border-top:1px solid #<span class="Apple-style-span" style="color:#CC0000;">0199cb</span>; border-bottom:0px solid #<span class="Apple-style-span" style="color:#CC0000;">0199cb</span>; float: left;</div>
<div>display: block; width: 100px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; text-decoration: none; font-family: "Arial", Serif;
font-size: 12px; font-weight: 900; color: #222}</div>
<div></style></div>
<div><form action="tabtampil.html" method="get"></div>
<div><div id="TabTampil" class="TabTampil"></div>
<div><div style="width: <span class="Apple-style-span" style="color:#000099;">370</span>px;" class="TTs"> <a><span class="Apple-style-span" style="color:#009900;">Tab 1 Name</span></a> <a><span class="Apple-style-span" style="color:#009900;">Tab 2 Name</span></a> <a><span class="Apple-style-span" style="color:#009900;">Tab 3 Name</span></a></div></div>
<div><div style="width: <span class="Apple-style-span" style="color:#000099;">350</span>px; height: <span class="Apple-style-span" style="color:#000099;">300</span>px;" class="Halamans"></div>
<div><div class="Halaman"></div>
<div><div class="Alas"></div>
<div><span class="Apple-style-span" style="color:#006600;">Tab 1 content goes here</div>
<div>Tab 1 content goes here</div>
<div>Tab 1 content goes here</span></div>
<div></div></div>
<div></div></div>
<div><div class="Halaman"></div>
<div><div class="Alas"></div>
<div><span class="Apple-style-span" style="color:#009900;">Your tab 2 content goes here</div>
<div>Your tab 2 content goes here</div>
<div>Your tab 2 content goes here</span></div>
<div></div></div>
<div></div></div>
<div><div class="Halaman"></div>
<div><div class="Alas"></div>
<div><span class="Apple-style-span" style="color:#009900;">Tab 3 content goes here</div>
<div>Tab 3 content goes here</div>
<div>Tab 3 content goes here</span></div>
<div></div></div>
<div></div></div>
<div></div></div>
<div></div></form></div>
<div><script style="text/javascript" src="http://malaysiaforunity.comxa.com/misc/newscriptab.js"></script></div>
<div><script type="text/javascript">tabtampil_inisial('TabTampil');</script></div>
</div>
<div>change color in <span class="Apple-style-span" style="color:#FF0000;">red</span> to your prefered color</div>
<div>change color in <span class="Apple-style-span" style="color:#009900;">green</span> to your prefered Text/ widget</div>
<div>change color in <span class="Apple-style-span" style="color:#000099;">blue</span> to your prefered sidebar width and also height</div>
<div>Source from <a href="http://www.adiestudio.com/2009/03/how-to-make-tab-view-in-blogspot.html" target="_blank">Adiestudio</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-1892700182355876062009-08-04T23:35:00.004+08:002009-08-07T02:28:18.417+08:00Contact Me<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFqaxtQsZLSk0hZohkOEQIcn-ZVK820SDiM2kfNdB-DQQRq-ZAz2LVGx-PL0hMtn1CixN4Snh4CLfY7s7ZE_Xin42UnIjv0MbuOGVGk82lJqKpO_kBpvYCUJJk0MEgUH5iVqeyoC3Oe4/s1600-h/Software-Mail-128x128.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 128px; height: 128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFqaxtQsZLSk0hZohkOEQIcn-ZVK820SDiM2kfNdB-DQQRq-ZAz2LVGx-PL0hMtn1CixN4Snh4CLfY7s7ZE_Xin42UnIjv0MbuOGVGk82lJqKpO_kBpvYCUJJk0MEgUH5iVqeyoC3Oe4/s320/Software-Mail-128x128.png" alt="" id="BLOGGER_PHOTO_ID_5366137429270976194" border="0" /></a>
<h3>Contact Me If You Want To Ask A Tutorial or anything..</h3>
.
<form method="post" action="http://kontactr.com/euser.php">
<input name="id" value="27594" type="hidden">
<table style="font-size: 13px; font-family: Tahoma,Verdana;" border="0" cellpadding="10"><tbody></tbody><tbody><tr><td align="right">Your Name : </td><td><input name="sender_name" style="width: 250px;" type="text"></td></tr><tr><td align="right">Your Email : </td><td><input name="sender_email" style="width: 250px;" type="text"></td></tr><tr><td align="right">Subject : </td><td><input name="subject" style="width: 250px;" type="text"></td></tr><tr><td align="right" valign="top">Message : </td><td><textarea rows="10" cols="40" name="message" style="padding: 3px; font-size: 13px; font-family: Tahoma,Verdana;"></textarea></td></tr><tr><td align="right" valign="middle">Image (case-sensitive): </td><td><img src="http://kontactr.com/captcha.php" /> <input name="captcha_code" style="padding: 3px; margin-bottom: 10px; font-size: 13px; font-family: Tahoma,Verdana;" type="text"></td></tr><tr><td colspan="2" align="center"><input name="send" id="send" value="Send" style="font-size: 18px; width: 100px; letter-spacing: 5px;" type="submit"></td></tr></tbody></table>
</form>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-42880544136492306492009-07-25T02:56:00.002+08:002009-07-25T03:08:44.128+08:00Comfy Magazine Blogger Template<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEO7ne7yNXwwk_aC-UAYFxKo6LdMyFCchRJpH6jscPDcPpS7Wj5CmBFfnpIQ6khov4UUU9a8wD4-pDoiTKO5RB4dfA0b62j4k3BTBcuU1aoFwT8BqkQNzxNnf2-ykzEqyK_c39sTZVBg/s1600-h/comfy+magazine.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 246px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEO7ne7yNXwwk_aC-UAYFxKo6LdMyFCchRJpH6jscPDcPpS7Wj5CmBFfnpIQ6khov4UUU9a8wD4-pDoiTKO5RB4dfA0b62j4k3BTBcuU1aoFwT8BqkQNzxNnf2-ykzEqyK_c39sTZVBg/s320/comfy+magazine.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5362102914259980738" /></a>
<div>Download this amazing template that converted to blogger template from wordpress by <a href="http://www.tricksdaddy.com/2009/04/comfy-magazine-blogger-template-by-technolizard.html"target="_blank">TechnoLizard</a>. Thanks for the author for making this amazing template..</div>
<center><a href="http://comfymagazine-bloggertemplate.blogspot.com/"target="_blank">Demo Site</a> <a href="http://www.mediafire.com/?uzjyrywdmzm"target="_blank">Download Here</a></center>
<div> Here's are the feature of this template..</div>
<div>Features:</div>
<div>1) Post title and blog title swap.</div>
<div>2) Yahoo Smilies : to give this template a professional look..</div>
<div>3) Read More : Read more script is already added to this template.</div>
<div>4) Related Post Widget : Below the posts, you will see related posts. This widget is already added in this template to make your work easy.</div>
<div>5) Retweet Button : For better traffic, retweet button has already been added.</div>
<div>6) Page Navigation : Like wordpress, page navigation is already added.</div>
<div>7) Search Bar : Built in search bar.</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-79064199366389948702009-07-25T01:50:00.006+08:002009-07-25T02:30:21.493+08:00How to Add Emoticon To Your Comment Part 3 (Onion Emoticon)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8P3_PezTO_FEjnPTOhT0nkOmakNMDxM7M_scjw-ITRQzV1js7kBgl28OcNnG7-uH3zH6XcB5__e55BiCUW4NQhy0kZAX8LPEF9_LZAWgnU_WFEKlnkD3V5aoON5barx3EVNurKQ4yM1k/s1600-h/onion+emo.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 91px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8P3_PezTO_FEjnPTOhT0nkOmakNMDxM7M_scjw-ITRQzV1js7kBgl28OcNnG7-uH3zH6XcB5__e55BiCUW4NQhy0kZAX8LPEF9_LZAWgnU_WFEKlnkD3V5aoON5barx3EVNurKQ4yM1k/s320/onion+emo.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5362095712849732770" /></a>
Now i'm releasing Onion Emoticon for comment section after my friend request for it and so many of people out there love Onion Club Emoticon..Here's how to do it..
<div>visit my part 1 for baby emoticon <a href="http://firdausforlife.blogspot.com/2009/07/how-to-add-emoticon-to-your-comment.html" target="_blank"><span style="font-style: italic;">here</span></a></div>
<div> And you can visit my part 2 for girl emoticon <a href="http://firdausforlife.blogspot.com/2009/07/how-to-add-emoticon-to-your-comment_20.html" target="_blank"><span style="font-style: italic;">here</span></a></div>
<div>
1.As always go to (Layout->Edit HTML->Expand Widget Templates)Find the codes and paste below codes in the middle of it..</div>
<div class="codeview">
<div><b:if cond='data:post.embedCommentForm'>
</div>
<div><span style="font-style: italic;">paste codes here</span></div>
<div><b:include data='post' name='comment-form'/></div>
</div>
<div class="codeview">
<div><B><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/1capek.gif'></IMG> <br /></div>
<div>:f<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/2bigsmile.gif'></IMG> <br /></div>
<div>:D<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/3hi.gif'></IMG> <br /></div>
<div>:)<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/4kagum.gif'></IMG> <br /></div>
<div>;;)<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/5love.gif'></IMG> <br /></div>
<div>:x<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/6malu.gif'></IMG> <br /></div>
<div>:$<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/7marah.gif'></IMG> <br /></div>
<br />
<div>x(<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/8bingung.gif'></IMG> <br /></div>
<div>:?<br /></div>
<div></B><br /></div>
<div><BR></BR><br /></div>
<div><B><br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/9mumet.gif'></IMG> <br /></div>
<div>:@<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/10muntah.gif'></IMG> <br /></div>
<div>:~<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/11mentok.gif'></IMG> <br /></div>
<div>:|<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/12ngakak.gif'></IMG> <br /></div>
<div>:))<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/13sedih.gif'></IMG> <br /></div>
<div>:(<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/14senang.gif'></IMG> <br /></div>
<br />
<div>:s<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/15tolong.gif'></IMG> <br /></div>
<div>:((<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/16wow.gif'></IMG> <br /></div>
<div></B></div>
</div>
<div>2. Second thing are find this code </body> and paste below codes before </body> </div>
<div class="codeview">
<script src='http://malaysiaforunity.comxa.com/misc/onion%20emo.js' type='text/javascript'/><noscript><a href="http://firdausforlife.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
</div>
<div>Say thanks if in the comment section if your use this emoticon.I appreciate it if you do so</div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-2996547141784308023.post-71299387773184049592009-07-21T12:04:00.004+08:002009-07-21T12:38:08.684+08:00Grab Firdausforlife Banner<div>Grab My Banner..created by me especially for my follower and fellow blogger..Put on your blog either in sidebar or near header..Hooray!</div>
<div>1. Go to (Layout->Page Elements->Add A Gadget->HTML) and paste this code..</div>
<center><img src="http://malaysiaforunity.comxa.com/misc/125banner.gif" border="0" alt="Techno Blog" /></center>
<div class="codeview">
<a href="http://firdausforlife.blogspot.com/"><img src="http://malaysiaforunity.comxa.com/misc/125banner.gif" border="0" alt="Techno Blog" /></a>
</div>
<center><img src="http://malaysiaforunity.comxa.com/misc/460banner.gif" border="0" alt="Techno Blog" /></center>
<div class="codeview">
<a href="http://firdausforlife.blogspot.com/"><img src="http://malaysiaforunity.comxa.com/misc/460banner.gif" border="0" alt="Techno Blog" /></a>
</div>
<center><img src="http://malaysiaforunity.comxa.com/misc/125bannerblack.gif" border="0" alt="Techno Blog" /></center>
<div class="codeview">
<a href="http://firdausforlife.blogspot.com/"><img src="http://malaysiaforunity.comxa.com/misc/125bannerblack.gif" border="0" alt="Techno Blog" /></a>
</div>
<center><img src="http://malaysiaforunity.comxa.com/misc/460bannerblack.gif" border="0" alt="Techno Blog" /></center>
<div class="codeview">
<a href="http://firdausforlife.blogspot.com/"><img src="http://malaysiaforunity.comxa.com/misc/460bannerblack.gif" border="0" alt="Techno Blog" /></a>
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-82280382167569112662009-07-20T16:06:00.007+08:002009-07-21T11:37:46.259+08:00How to Add Emoticon To Your Comment Part 2 (Girl Emoticon)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJTVSsC0K3eNeRrfRLQ7Swbf6oKNpvUtAPl16Beio0uJ5jNIDXzZQUeaiT7M76-POF96FGbAi6tLkc9e6tLlj6GsPndPSLUgfLiGygGTik40Cv5RikOW8yKlEy9A1wjYKyjiv7hieF28/s1600-h/girl+emo.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 139px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJTVSsC0K3eNeRrfRLQ7Swbf6oKNpvUtAPl16Beio0uJ5jNIDXzZQUeaiT7M76-POF96FGbAi6tLkc9e6tLlj6GsPndPSLUgfLiGygGTik40Cv5RikOW8yKlEy9A1wjYKyjiv7hieF28/s320/girl+emo.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5360462246872907746" /></a>
After releasing Baby Emoticon for comment section now I'm releasing another emoticon for comment section call as Girl Emoticon..Here's how to do it..visit my part 1 <a href="http://firdausforlife.blogspot.com/2009/07/how-to-add-emoticon-to-your-comment.html"target="_blank"><span style="font-style:italic;">here</span></a>
<div>
1.As always go to (Layout->Edit HTML->Expand Widget Templates)Find the codes and paste below codes in the middle of it..</div>
<div class="codeview">
<div><b:if cond='data:post.embedCommentForm'><br /></div>
<div><span style="font-style:italic;">paste codes here</span></div>
<div><b:include data='post' name='comment-form'/></div>
</div>
<div class="codeview">
<div><B><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-001.gif'/> <br /></div>
<div>:f<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-002.gif'/> <br /></div>
<div>:D<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-003.gif'/> <br /></div>
<div>:)<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-004.gif'/> <br /></div>
<div>;;)<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-005.gif'/> <br /></div>
<div>:x<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-006.gif'/> <br /></div>
<div><div>:$<br /></div>
<div></B><br /></div>
<div><BR/><br /></div>
<div><B><br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-007.gif'/> <br /></div>
<div>x(<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-008.gif'/> <br /></div>
<div>:?<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-009.gif'/> <br /></div>
<div>:@<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-010.gif'/> <br /></div>
<div>:~<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-011.gif'/> <br /></div>
<div>:|<br /></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-012.gif'/> <br /></div>
<div>:))<br /></div>
<div></B></div>
</div></div>
<div>2. Second thing are find this code </body> and paste below codes before </body> </div>
<div class="codeview">
<script src='http://malaysiaforunity.comxa.com/misc/emogirl.js' type='text/javascript'/><noscript><a href="http://firdausforlife.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
</div>
<div>Say thanks if in the comment section if your use this emoticon.I appreciate it if you do so</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-4482838713518979822009-07-20T14:11:00.004+08:002009-07-20T15:12:49.528+08:00How to Add Blog Post View Counter<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjegMsfzwolJ8OROvNlngrDOtQqND2ImMY8cVtzenI90KlOeQOQeWcSl6cRIZJrQn3uITnXONj8JZzP3DKEmLM2Bbf9Na6eY8X8jP085k-AmYM1Vo6B4QOm76B9O2N6hxbbqb-emY2Tfww/s1600-h/view.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 171px; height: 87px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjegMsfzwolJ8OROvNlngrDOtQqND2ImMY8cVtzenI90KlOeQOQeWcSl6cRIZJrQn3uITnXONj8JZzP3DKEmLM2Bbf9Na6eY8X8jP085k-AmYM1Vo6B4QOm76B9O2N6hxbbqb-emY2Tfww/s320/view.png" alt="" id="BLOGGER_PHOTO_ID_5360436814670763138" border="0" /></a>
I will not talk much about this widget but if you wanted to add this to your blog below is the step you need to do..
<div>1. Go to (Layout->Edit HTML->Expand Widget Templates).Backup first you templates if you dont want anything bad happen..</div>
<div>2. Then, find this code.. <data:post.body/> and paste below codes above it..</div>
<div class="codeview">
<div><b:if cond='data:blog.pageType == "item"'></div>
<div><div id='hit-counter'></div>
<div><p><i><font color='#666666'><script src='http://wizom.net/counter.php' type='text/javascript'/> Views </font></i></p></div>
<div></div></b:if></div>
</div>
<div>Kredit to <ablockquote><a href="http://anujpathania.blogspot.com/2008/09/blog-post-hitview-counter-for-blogger.html">Author</a> that make this script/widget..
</ablockquote></div>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-2996547141784308023.post-36978429476989717562009-07-19T20:45:00.008+08:002009-07-21T11:33:12.433+08:00How to Add Emoticon To Your Comment Part 1 (Baby Emoticon)<div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKS6Cmnj0RRmg0gZOs4iWSXmqnWTSO0UXhnai577d3bhDzuZjLMguI2jVyWalnqqZswJ6TF0P0P-0udoXQlDrr9stTdqeNg1OB92QtPfVCgz27mm_0ALpAkyvjOQPToRrNv6GT3JyMHSc/s1600-h/1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 132px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKS6Cmnj0RRmg0gZOs4iWSXmqnWTSO0UXhnai577d3bhDzuZjLMguI2jVyWalnqqZswJ6TF0P0P-0udoXQlDrr9stTdqeNg1OB92QtPfVCgz27mm_0ALpAkyvjOQPToRrNv6GT3JyMHSc/s320/1.png" alt="" id="BLOGGER_PHOTO_ID_5360156651658587602" border="0" /></a>
</div>
<div style="text-align: justify;">I feel bored today and then i decided to make something different..Hence i decided to create my own emoticon that something different to other..Most of Blogger use Yahoo Emoticon but today i decided to add Baby Emoticon to comment section..Here are the result and how to do it..
</div>
<div class="codeview">
<div><b:if cond='data:post.embedCommentForm'></div>
<div><b:include data='post' name='comment-form'/></div>
</div>
<div>
1. The thing you need to do is go to (Layout->Edit HTML->Expand Widget Templates) find the above codes..After that paste the below in the middle of above codes..
</div>
<div class="codeview">
<div><B><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-1.gif'/></div>
<div>:f</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-2.gif'/></div>
<div>:D</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-3.gif'/></div>
<div>:)</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-4.gif'/></div>
<div>;;)</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-5.gif'/></div>
<div>:x</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-6.gif'/></div>
<div>:$</div>
<div></B></div>
<div><BR/></div>
<div><B></div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-7.gif'/></div>
<div>x(</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-8.gif'/></div>
<div>:?</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-9.gif'/></div>
<div>:@</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-10.gif'/></div>
<div>:~</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-11.gif'/></div>
<div>:|</div>
<div><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-12.gif'/></div>
<div>:))</div>
<div></B></div></div>
<div>2. Find this code </body> and paste below codes before </body> </div>
<div class="codeview">
<script src='http://malaysiaforunity.comxa.com/misc/babyemo.js' type='text/javascript'/><noscript><a href="http://firdausforlife.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
</div>
<div> Tomorrow i will posts other emoticons to put in the comment section.Say thanks if in the comment section if your use this emoticon.I appreciate it</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-77755307473930725132009-07-19T17:18:00.002+08:002009-07-19T17:30:12.107+08:00How to Add Alert Script To Your Blog<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6RKl7XwZt97kqem0nOonRDNB-j8jzMGQm5p3jpBHaLfD3AvJ4yy2X_p0H_majhk4TAGIczf9xmpGeVwlul5TE7g2NaH6h_eAR326A1OHxZYrQcGhpbyHkb2_rh-AvvIUyR8FQuSdeII/s1600-h/welcome.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 119px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6RKl7XwZt97kqem0nOonRDNB-j8jzMGQm5p3jpBHaLfD3AvJ4yy2X_p0H_majhk4TAGIczf9xmpGeVwlul5TE7g2NaH6h_eAR326A1OHxZYrQcGhpbyHkb2_rh-AvvIUyR8FQuSdeII/s320/welcome.png" alt="" id="BLOGGER_PHOTO_ID_5360099556613359778" border="0" /></a>
Simple trick to implement it..
1. Go to (Layout->Edit HTML) and find this code </head> and paste the following code above it..Change '<span style="color: rgb(51, 204, 0);">hi geng how are u</span>' to your words..Easy
<div class="codeview">
<span style="color: rgb(0, 0, 0);"><SCRIPT language='JavaScript'>alert("<span style="color: rgb(51, 204, 0);">hi geng how are u</span>");</SCRIPT></span>
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-52032411543965775982009-07-19T16:21:00.006+08:002009-07-19T17:45:47.003+08:00How to Add Recent Posts With Thumbnails<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGJzn1VmSX4S-prwmo0ZhBH_EnCEQsmo9taYhV0vopf8KQQ51kGEH8ArMrH4DFSaLRc8weP02N-PP3xDeaK1LNwzdxpbVYi9lIMTIRV5cCEgFT8kXa4p_t1Xff-_SpGFAfMoFuu92mTg/s1600-h/recent+pts+w+t.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 149px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGJzn1VmSX4S-prwmo0ZhBH_EnCEQsmo9taYhV0vopf8KQQ51kGEH8ArMrH4DFSaLRc8weP02N-PP3xDeaK1LNwzdxpbVYi9lIMTIRV5cCEgFT8kXa4p_t1Xff-_SpGFAfMoFuu92mTg/s320/recent+pts+w+t.png" alt="" id="BLOGGER_PHOTO_ID_5360093111526412546" border="0" /></a>
Here How to add recent posts with thumbnails..
<div>
1. Go to (Layout->Page Elements->Add A Gadgets->HTML) and paste the below codes..
</div>
Change<span style="font-weight: bold;"> <span style="font-weight: bold;"></span></span><span style="font-weight: bold; color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);"></span></span></span><span style="color: rgb(51, 204, 0);"><span style="font-style: italic;">http://yourblog.blogspot.com/</span></span><span style="font-weight: bold; color: rgb(255, 0, 0);"> </span><span style="color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);">to your blog url...
</span></span>Other thing,you can costumize according to your blog..
<div style="color: rgb(0, 51, 51);" class="codeview">
<div><script language="JavaScript"></div>
<div>imgr = new Array();</div>
<div>imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";</div>
<div>imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";</div>
<div>imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";</div>
<div>imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";</div>
<div>imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;</div>
<div><span style="color: rgb(255, 0, 0);">boxwidth</span> = 298;</div>
<div><span style="color: rgb(153, 0, 0);">cellspacing</span> = 8;</div>
<div><span style="color: rgb(0, 153, 0);"> borderColor</span> = "#ffffff";</div>
<div>bgTD = "#000000";</div>
<div><span style="color: rgb(51, 51, 255);">thumbwidth</span> = 40;</div>
<div><span style="color: rgb(51, 51, 255);">thumbheight</span> = 40;</div>
<div><span style="color: rgb(153, 51, 153);">fntsize</span> = 12;</div>
<div><span style="color: rgb(255, 153, 0);">acolor</span> = "#666";</div>
<div><span style="font-weight: bold;">aBold</span> = true;</div>
<div>icon = " ";</div>
<div>text = "comments";</div>
<div>showPostDate = false;</div>
<div>summaryPost = 40;</div>
<div>summaryFontsize = 10;</div>
<div>summaryColor = "#666";</div>
<div>icon2 = " ";</div>
<div><span style="font-weight: bold; color: rgb(204, 153, 51);">numposts</span> = 5;</div>
<div>home_page = "<span style="color: rgb(51, 204, 0); font-style: italic;">http://yourblog.blogspot.com/</span>";</div>
<div></script></div>
<div><script src="<a href="http://malaysiaforunity.comxa.com/misc/recentposts_thumbnail.js">http://malaysiaforunity.comxa.com/misc/recentposts_thumbnail.js</a>" type="text/javascript"></script></div>
</div>
Source from <a href="http://www.bloggertricks.com/"><span style="font-style: italic;">Kanthi</span></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-21569476595973037972009-07-19T15:31:00.005+08:002009-07-19T16:40:07.910+08:00How To Make Page Peel EffectHere how to make page peel effect
There are two method you can try...
Method 1 (Source from <a href="http://www.cssreflex.com/">CssReflex</a>)
<div>1. Go to (Layout-Edit HTML) and find this code </head>
</div>
<div>2. Paste the below code just after <body></div>
<div class="codeview">
<span class="html__tag_start"><div</span> <span class="html__attr_name">id</span>=<span class="html__attr_value">'pageflip'</span><span class="html__tag_start">></span>
<span class="html__tag_start"><a</span> <span class="html__attr_name">href</span>=<span class="html__attr_value">'http://feeds.feedburner.com/naeemnur'</span><span class="html__tag_start">></span><span class="html__tag_start"><img</span> <span class="html__attr_name">alt</span>=<span class="html__attr_value">''</span> <span class="html__attr_name">src</span>=
<span class="html__attr_value">'http://www.wallheaven.com/page_flip.png'</span><span class="html__tag_start">/></span><span class="html__tag_end"></a></span>
<span class="html__tag_start"><div</span> <span class="html__attr_name">class</span>=<span class="html__attr_value">'msg_block'</span><span class="html__tag_start">></span><span class="html__tag_end"></div></span>
<span class="html__tag_end"></div></span>
</div>
Method 2
<div>
1. As always go to (Layout-Edit HTML) and find this code </head> and paste below codes above it..
</div>
<div class="codeview">
<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(<span style="color: rgb(255, 102, 102);">http://www.wallheaven.com/subscribe.png</span>) no-repeat right top;
}
</style>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>
</div>
<div>
2. Then find this code <body> and paste the below code after it.
Change http://feeds2.feedburner.com/<span style="color: rgb(51, 204, 0); font-style: italic;">firdausforlife </span>to your own feedburner
</div>
<div class="codeview">
<div id='pageflip'>
<a href='<span style="color: rgb(255, 102, 102);">http://feeds2.feedburner.com/firdausforlife</span>'><img alt='' src='<span style="color: rgb(255, 102, 102);">http://www.wallheaven.com/page_flip.png</span>'/></a>
<div class='msg_block'></div>
</div>
</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2996547141784308023.post-45638647663003650392009-07-18T11:19:00.006+08:002009-07-18T12:02:19.485+08:00How To Add Expandable Content Script<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijuawVf5QuLRZoXW2gyYeWN7bewV_kvYSTWBjM4p4jMCy2u5h5vS4wuo92PX9po8Q8Ig5C4YDpyntfLllOfzFnmmKPZIpfpfpbz4jqTNebt9Nw_1J4nhU02n3O5GK_mBa9Isdbp3y1VHA/s1600-h/1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 126px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijuawVf5QuLRZoXW2gyYeWN7bewV_kvYSTWBjM4p4jMCy2u5h5vS4wuo92PX9po8Q8Ig5C4YDpyntfLllOfzFnmmKPZIpfpfpbz4jqTNebt9Nw_1J4nhU02n3O5GK_mBa9Isdbp3y1VHA/s320/1.png" alt="" id="BLOGGER_PHOTO_ID_5359638955548523298" border="0" /></a>
I get this hacks from <a href="http://www.bloganol.com/">Blognarol</a>..This hacks is very interested to be..Here how to do it..
1.The first step that we need to do are to put the following Code Between <head> and </head> of your Template..
<div class="codeview">
<div><!-- flooble Expandable Content header start --></div>
<div><script language="javascript"></div>
<div>// Expandable content script from flooble.com</div>
<div>// Promoted by bloganol.blogspot.com</div>
<div>// For more information please visit:</div>
<div>// http://www.flooble.com/scripts/expand.php</div>
<div>// Copyright 2002 Animus Pactum Consulting Inc.</div>
<div>//----------------------------------------------</div>
<div>var ie4 = false; if(document.all) { ie4 = true; }</div>
<div>function getObject(id) { if (ie4) { return document.all[id]; } else {</div>
<div>return document.getElementById(id); } }</div>
<div>function toggle(link, divId) { var lText = link.innerHTML; var d =</div>
<div>getObject(divId);</div>
<div>if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }</div>
<div>else { link.innerHTML = '+'; d.style.display = 'none'; } }</div>
<div></script></div>
<div><!-- flooble Expandable Content header end --></div>
</div>
2. Second step are go to (Layout->Page Elements->Add A gadget->HTML) and add below codes..
<div class="codeview">
<div><!-- flooble Expandable Content box start -->
<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE;
"><table border="0" cellspacing="0" cellpadding="2" width="100%"
style="background: #000000; color: #FFFFFF; "><tr><td><span style="color: rgb(204, 0, 0);font-size:130%;" >Title Here</span></td><td
align="right"></div>
<div>[<a title="show/hide" id="exp1209796610_link" href="javascript:
void(0);" onclick="toggle(this, 'exp1209796610');"</div>
style="text-decoration: none; color: #FFFFFF; ">−</a>]</td><<div>/tr></table></div>
<div><div id="exp1209796610" style="padding: 3px;"><span style="color: rgb(0, 0, 153);font-size:130%;" >Content Here</span></div>
</div><noscript><a href="http://www.flooble.com/scripts/expand.php">this</div>
<div>expanable content box is made using a</div>
<div>free javascript from flooble</a> | <a href="http://perplexus.info/">logic
problems, math puzzles</a></div>
<div></noscript></div>
<div><script language="javascript">toggle(getObject('exp1209796610_link'),
'exp1209796610');</script>
<!-- flooble Expandable Content box end --></div>
</div>
3. Replace "Title Here" with your Widget Title and Replace "Content Here" with your own title and content..Example As below
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhpyQXaEXzZbMYi2JNvtVhXQPSX1UIKl9ijQQxzQgx_V6m-QV76RzerMzjTEZQoRDW4siNoMTt3XqjijAkfyWGGo7GdlskjIXISybL0AJTIQPjzlNlSoRt1imul26oDaFKGCRZN9xbVpA/s1600-h/2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 144px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhpyQXaEXzZbMYi2JNvtVhXQPSX1UIKl9ijQQxzQgx_V6m-QV76RzerMzjTEZQoRDW4siNoMTt3XqjijAkfyWGGo7GdlskjIXISybL0AJTIQPjzlNlSoRt1imul26oDaFKGCRZN9xbVpA/s320/2.png" alt="" id="BLOGGER_PHOTO_ID_5359645529887660434" border="0" /></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-10633706925458594562009-07-18T05:24:00.007+08:002009-07-18T06:26:46.382+08:00How to Create Tabbed View Content Box<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5T4Eg3-yYMqbHa0DMCTqVoTyFrdp1R7lZWVKGK2KK_jDNvqYIVsH3klB_n3oNA0DlR60u3NtozrLYwe7ryA-l_Pg6Ck2qUR8Dosyk8-hDt38kvdxMI67byqDCgvedYoimcTzmgKGbyM0/s1600-h/1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 215px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5T4Eg3-yYMqbHa0DMCTqVoTyFrdp1R7lZWVKGK2KK_jDNvqYIVsH3klB_n3oNA0DlR60u3NtozrLYwe7ryA-l_Pg6Ck2qUR8Dosyk8-hDt38kvdxMI67byqDCgvedYoimcTzmgKGbyM0/s320/1.png" alt="" id="BLOGGER_PHOTO_ID_5359543130054248066" border="0" /></a>How to Create Tabbed View Content Box? Thanks for <a href="http://www.lawnydesigns.com/">LawnyDesigns</a> for this cool hacks and modified by me to make it more simple..
<div>
1. The first step you need to do are go to (Layout->Edit HTML) and find the code below..
</div>
<div class="codeview">
<code></head></code>
</div>
<div>
2. Secondly, you need to open and copy the <a href="http://www.barelyfitz.com/projects/tabber/tabber.js">java script codes</a> and paste it into the red code below and paste all this code below before <code></head></code>...
</div>
<div class="codeview">
<div><script type='text/javascript'></div>
<div>//<![CDATA[</div>
<div>document.write('<style type="text/css">.tabber{display:none;}<\/style>');</div>
<div><span style="color: rgb(255, 0, 0);">/* paste the full contents of your tabber script here */</span></div>
<div>//]]></div>
<div></script></div>
</div>
<div>
3. After that, find this <div id='sidebar-wrapper'>just below there add the following code
</div>
<div class="codeview">
<div><div class='tabber'></div>
<div><b:section class='tabbertab' id='tab1' maxwidgets='1'/></div>
<div><b:section class='tabbertab' id='tab2' maxwidgets='1'/></div>
<div><b:section class='tabbertab' id='tab3' maxwidgets='1'/></div>
<div></div></div>
</div>
4. Then, add this css codes on top of your template(see my example picture)
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWsBTpxxYQPUtc8YV9W_tOtEDy4Y1NyfwfXmtPYpPgvtt5piAfcAjRemKqc__G5rB_gPWXejj132UTHgD3szZuhp2kuJVSMCyIUQ-hE9B-BEOGvYeCQhVd5Qza-VfDl2RrEIA4kQMceZ8/s1600-h/2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 199px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWsBTpxxYQPUtc8YV9W_tOtEDy4Y1NyfwfXmtPYpPgvtt5piAfcAjRemKqc__G5rB_gPWXejj132UTHgD3szZuhp2kuJVSMCyIUQ-hE9B-BEOGvYeCQhVd5Qza-VfDl2RrEIA4kQMceZ8/s320/2.png" alt="" id="BLOGGER_PHOTO_ID_5359551806600678162" border="0" /></a>
<div class="codeview">
<div><Variable name="tbbxbgcolor" description="Tab box Background Color" type="color" default="#f8f8f8" value="#f8f8f8"></div>
<div><Variable name="tbbxbrcolor" description="Tab box Border Color" type="color" default="#dcdcdc" value="#dcdcdc"></div>
<div><Variable name="tbbxcolor1" description="Tab box Color 1" type="color" default="#ffffff" value="#ffffff"></div>
<div><Variable name="tbbxcolor2" description="Tab box Color 2" type="color" default="#5588aa" value="#5588aa"></div>
</div>
<div class="codeview">
<div>/* start tab styles */</div>
<div>.tabberlive{</div>
<div>margin:0;</div>
<div>padding:5px;</div>
<div>clear:both;</div>
<div>background:$tbbxbgcolor;</div>
<div>border:1px solid $tbbxbrcolor;</div>
<div>}</div>
<div>.tabbernav {</div>
<div>margin:0;</div>
<div>padding: 3px 0;</div>
<div>border-bottom: 1px solid $tbbxbrcolor;</div>
<div>font-family:Arial,Helvetica,sans-serif;</div>
<div>font-size:12px;</div>
<div>font-weight:bold;</div>
<div>}</div>
<div>.tabbernav li {</div>
<div>list-style:none;</div>
<div>margin:0;</div>
<div>display:inline;</div>
<div>}</div>
<div>.tabbernav li a {</div>
<div>padding:3px 0.5em;</div>
<div>margin-right:1px;</div>
<div>border:1px solid $tbbxbrcolor;</div>
<div>border-bottom:none;</div>
<div>background:$tbbxcolor2;</div>
<div>text-decoration:none;</div>
<div>color:$tbbxcolor1;</div>
<div>}</div>
<div>.tabbernav li a:hover {</div>
<div>color:$tbbxcolor2;</div>
<div>background:$tbbxcolor1;</div>
<div>border-color:$tbbxbrcolor;</div>
<div>text-decoration:none;</div>
<div>}</div>
<div>.tabbernav li.tabberactive a,</div>
<div>.tabbernav li.tabberactive a:hover {</div>
<div>background:$tbbxcolor1;</div>
<div>color:$tbbxcolor2;</div>
<div>border-bottom: 1px solid $tbbxcolor1;</div>
<div>}</div>
<div><div>.tabberlive .tabbertab {</div>
<div>padding:5px;</div>
<div>border:1px solid $tbbxbrcolor;</div>
<div>border-top:0;</div>
<div>background:$tbbxcolor1;</div>
<div>}</div>
<div>.tabberlive .tabbertab h2,</div>
<div>.tabberlive .tabbertabhide {</div>
<div>display:none;</div>
<div>}</div>
<div>.tabbertab .widget-content ul{</div>
<div>list-style:none;</div>
<div>margin:0 0 10px 0;</div>
<div>padding:0;</div>
<div>}</div>
<div>.tabbertab .widget-content li {</div>
<div>border-bottom:1px solid $tbbxbrcolor;</div>
<div>margin:0 5px;</div>
<div>padding:2px 0 5px 0;</div>
<div>}</div>
<div>/* end tab styles */</div>
</div>
</div>
<div>
4.Lastly, go to Layout->Fonts and colors if you want to change the colors..doNE!
p/s Example in page eif you are success to create it..
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGJEOlj-3Y6uJUKPl9z11tSgjyZ0Hin_XH8dADEfdKYgGac-xyw9L-mv-QdXtHIC1ZLRCQjIsOdbTNKH4xnEb-mw_aMsShMR5cxIjsoy7r_Qu713EJ9KRwCNvniRKvOX5pNrxq9WliEEI/s1600-h/result1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 275px; height: 138px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGJEOlj-3Y6uJUKPl9z11tSgjyZ0Hin_XH8dADEfdKYgGac-xyw9L-mv-QdXtHIC1ZLRCQjIsOdbTNKH4xnEb-mw_aMsShMR5cxIjsoy7r_Qu713EJ9KRwCNvniRKvOX5pNrxq9WliEEI/s320/result1.jpg" alt="" id="BLOGGER_PHOTO_ID_5359551815562078738" border="0" /></a>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_TsuSb48cG8RZuBYGAwZdK4Zv2MKW7BNk6ueeN1wY-3nt5AMIKFD6K_bsW57x-gXgMz9jT4u8Is-QAEmz4S20P44SSwv677QyAcliMqkNjyCuXC8wWQ5m77caXl4K_u3yVWtidn_jGmI/s1600-h/3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 109px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_TsuSb48cG8RZuBYGAwZdK4Zv2MKW7BNk6ueeN1wY-3nt5AMIKFD6K_bsW57x-gXgMz9jT4u8Is-QAEmz4S20P44SSwv677QyAcliMqkNjyCuXC8wWQ5m77caXl4K_u3yVWtidn_jGmI/s320/3.png" alt="" id="BLOGGER_PHOTO_ID_5359551810687336274" border="0" /></a>
</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2996547141784308023.post-71822657412021997382009-07-17T21:22:00.007+08:002009-07-17T22:52:34.524+08:00How to Add Most Viewed Post Widget<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP1J8RRml9Z_6aoYUC2a-pe2TVZeipf5JYVOH9CilN5WEWbmGEYpKs4x4aRNtFHpyoCqzOZaHgBfHnjXMVMr3jopR9Z8ZioPoh6852XSZErK5t7fY0HB-gYfzr2jD5-MVAjdnGd6wEr-g/s1600-h/Most+Viewed+Widget.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 197px; height: 295px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP1J8RRml9Z_6aoYUC2a-pe2TVZeipf5JYVOH9CilN5WEWbmGEYpKs4x4aRNtFHpyoCqzOZaHgBfHnjXMVMr3jopR9Z8ZioPoh6852XSZErK5t7fY0HB-gYfzr2jD5-MVAjdnGd6wEr-g/s320/Most+Viewed+Widget.png" alt="" id="BLOGGER_PHOTO_ID_5359438315125264018" border="0" /></a>
This amazing widget i get from <a href="http://www.blogfixes.com/">Blogfixes</a> called as Most Viewed Post Widget for Blogger..This widget will show your most viewed post or popular among blogger who visit your blog..
Here how to get it..
<div>
1. The first thing you need to do are go to (Layout->Page Elements->Add A Gadget->HTML) and then copy the below script into it.
</div>
<div>
2. Change start_view_num (Start viewed number for each post), and limit (number of displayed posts in widget) options if you want to change if not use default options.
</div>
<div>
3. Download the <a href="http://blogfixes.googlepages.com/MostViewedPostsBlogfixes.js">Most Viewed Javascipt here</a> and host it on <a href="http://www.hotlinkfiles.com/">Hotlinkfiles</a>. Copy the link/source of the javacript below. Just replace the red "JAVASCRIPT SOURCE".
</div>
<div>
4. Upload the javascript at <a href="http://www.hotlinkfiles.com/">Hotlinkfiles</a> and get the url...for example below..
</div>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0E2wpMv_S2Khwr7VVsdZxqgIxdgMwhSBQlw7Ob0rPeF0jC4VQgERxVKd30ULIjaqZvbaO28REcjMYP0JcrV__tLp5EkWg0npv-_6KbMB821bep_yjdOBoaRg7-B7kO-m-R-GXjSK6iGM/s1600-h/17-7-2009+10-40-27+PM.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 461px; height: 49px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0E2wpMv_S2Khwr7VVsdZxqgIxdgMwhSBQlw7Ob0rPeF0jC4VQgERxVKd30ULIjaqZvbaO28REcjMYP0JcrV__tLp5EkWg0npv-_6KbMB821bep_yjdOBoaRg7-B7kO-m-R-GXjSK6iGM/s320/17-7-2009+10-40-27+PM.png" alt="" id="BLOGGER_PHOTO_ID_5359440084498486626" border="0" /></a>
<div class="codeview">
<script type="text/javascript">
start_views_num = 5;
limit = 7;
</script>
<script src="<b><span style="color:red;">JAVASCRIPT SOURCE</span></b>" type="text/javascript"></script>
</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2996547141784308023.post-2912666774672887342009-07-17T18:50:00.007+08:002009-07-17T19:08:27.075+08:00How to Add Rotating Ad Banner for Blogger<div style="text-align: justify;">What is rotating Ad Banner? Rotating Ad Banner Javascript to show various Ad banners on same space by rotating it in timely banner. It will be very helpful for those who sometimes feel short of space to show there advertisers.As this is very helpful to show off different ads in timely manner..This cool hacks by <a href="http://www.widgetblogger.co.cc/">Blog Widgets</a>
</div>
1. Go to Layout->Page Elements->Add Page Element->HTML and paste the script below
<div class="codeview">
<div><script type="text/javascript"></div><div>var imgs1 = new Array("http://your Image Link Here.gif","https://your Image link.gif","https://Image Link.gif","https://Image Link","http://image Link");</div><div>var lnks1 = new Array("<span class="Apple-style-span" style="color: rgb(0, 153, 0);">http://www.linkworth.com/?a=15034</span>","http://<span class="Apple-style-span" style="color: rgb(0, 153, 0);">Clickable Link here</span>","http://Clickable link","http://Clickable Link","http://<span class="Apple-style-span" style="color: rgb(0, 153, 0);">Clickable Link</span>");</div><div>var alt1 = new Array();</div><div>var currentAd1 = 0;</div><div><span class="Apple-style-span" style="color: rgb(153, 0, 0);">var imgCt1 = 5</span>;</div><div>function cycle1() {</div><div>if (currentAd1 == imgCt1) {</div><div>currentAd1 = 0;</div><div>}</div><div>var banner1 = document.getElementById('adBanner1');</div><div>var link1 = document.getElementById('adLink1');</div><div>banner1.src=imgs1[currentAd1]</div><div>banner1.alt=alt1[currentAd1]</div><div>document.getElementById('adLink1').href=lnks1[currentAd1]</div><div>currentAd1++;</div><div>}</div><div>window.setInterval("cycle1()",<span class="Apple-style-span" style="color: rgb(255, 0, 0);">9000</span>);</div><div></script></div><div><a id="adLink1" href="http://<span class="Apple-style-span" style="color: rgb(0, 153, 0);">Your First link</span>" target="_blank"></div><div><img id="adBanner1" border="0" width="125" src="youir Image Link here" height="125"/></a></div>
<span class="Apple-style-span" style="color: rgb(0, 153, 0);"><span style="color: rgb(0, 0, 0);"></span>
</span></div>
2. Change "http://your Image Link Here.gif" to that image that want to add..and also "http://Clickable Link" the url that you want to add.. and so on..good luck..Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2996547141784308023.post-51365065672122368782009-07-17T18:18:00.005+08:002009-07-17T18:43:30.367+08:00How to Add Emoticon To Your Shoutmix<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16sSahk8d4iirwNaeamCGaAh2R7GzYQKghbr4Z8Rjtclvg6oJSZq8-be9kiyieIbjehyTR4F_TbrXpTMXLHk-E02xA6yBtgr7Am1qIf3oExegY_YhvVtn982bwQ9v_iY3bX5xKGImsEw/s1600-h/1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 220px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16sSahk8d4iirwNaeamCGaAh2R7GzYQKghbr4Z8Rjtclvg6oJSZq8-be9kiyieIbjehyTR4F_TbrXpTMXLHk-E02xA6yBtgr7Am1qIf3oExegY_YhvVtn982bwQ9v_iY3bX5xKGImsEw/s320/1.jpg" alt="" id="BLOGGER_PHOTO_ID_5359372846499962930" border="0" /></a>
1. Login to your shoutmix account..Then choose settings-> smileys..
2. Find a emoticon that you want and upload it to image hosting. For example, imageshack,Tinypic.. Then save it..
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRImfqn0qKbeDqh0B0rBIE5_0SE191tXR86Tyjng_55BwxFbteTg6NITOAupopi92rvl63i62d6o17rlVZX3c0LOMT3wMCnzHHcJ1GGGy_Ta4bdlMeQdvMyFOyblzr0cwGzv6u8f_JvL8/s1600-h/3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 89px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRImfqn0qKbeDqh0B0rBIE5_0SE191tXR86Tyjng_55BwxFbteTg6NITOAupopi92rvl63i62d6o17rlVZX3c0LOMT3wMCnzHHcJ1GGGy_Ta4bdlMeQdvMyFOyblzr0cwGzv6u8f_JvL8/s320/3.jpg" alt="" id="BLOGGER_PHOTO_ID_5359377007410436338" border="0" /></a>
3. DoNe! Your emoticon are ready in your shoutmix..
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjymr_cfyj68zCZvPMFjVfHJjX3T0HweBiu-z-WOQwnpPRSbeNOQQdXfqS1X4s3HnXcJET-0IjTbpj8vXyOcqFxKFgcEFCA57tPmkEakL5ZJYNgP8sMNrlXTuzgKdh2KxxvAHNWc3tMHtI/s1600-h/4.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 203px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjymr_cfyj68zCZvPMFjVfHJjX3T0HweBiu-z-WOQwnpPRSbeNOQQdXfqS1X4s3HnXcJET-0IjTbpj8vXyOcqFxKFgcEFCA57tPmkEakL5ZJYNgP8sMNrlXTuzgKdh2KxxvAHNWc3tMHtI/s320/4.jpg" alt="" id="BLOGGER_PHOTO_ID_5359377014676986498" border="0" /></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-8547641006162981892009-07-17T16:39:00.009+08:002009-07-18T00:47:13.036+08:00How To Add Icon Before Post Titles<div style="text-align: justify;">Here how to add icon before post titles.. Thanks for Blogger <a href="http://www.techieblogger.com/">Blogger Accessories</a> for the great for the great hacks.
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkC1p07jDSA_se6GbHNta4dZgVprKFUmCPYtGezaEB3Wjqpx6-XboJ_jvDDFHZuGqyhu5KyWWaQaWUZ3hzL4BsbxdVLolFhI-KXTviVtqFJndjXjHFUFPEIO-HAQphNhy5lIoMo2N7YWE/s1600-h/icon+before+post+titles.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 62px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkC1p07jDSA_se6GbHNta4dZgVprKFUmCPYtGezaEB3Wjqpx6-XboJ_jvDDFHZuGqyhu5KyWWaQaWUZ3hzL4BsbxdVLolFhI-KXTviVtqFJndjXjHFUFPEIO-HAQphNhy5lIoMo2N7YWE/s320/icon+before+post+titles.JPG" alt="" id="BLOGGER_PHOTO_ID_5359346992192385474" border="0" /></a>
</div><div style="text-align: justify;"> </div><div style="text-align: justify;">So, follow the step below to implement it..</div><div style="text-align: justify;"> </div><div style="text-align: justify;">1. The first step you need to do are to create an image which you would like to show before each post title. You can download a image or create by yourself using Photoshop or else. Then upload it to image hosting such as photobucket, Imageshack or Tinypic .I personally prefer Imageshack.
</div><div style="text-align: justify;"> </div><div style="text-align: justify;">2. The second step you need to do are change the text in red with your image url
<div class="codeview">
<img src=” <span style="color: rgb(204, 0, 0);">your Image Url</span> ” />
</div>
3. Then, lastly click (Layout-> EDIT HTML tab -> Expand Widget Templates) and find the codes below..
<div class="codeview">
<div>
<b:if cond=’data:post.url’>
</div>
<div> <a expr:href=’data:post.url’><span style="color: rgb(0, 153, 0);"><data:post.title/></span></a>
</div>
</div>
And then u need to add the image code after the <span style="color: rgb(51, 102, 255);">blue</span> line. For example below...
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHMNAd6T8ZZlyWzeA51BF4I036WomGMiYXXRVHbpsZ31CprxMpsOKAC1JhYJ29Tn4JBuMc9ruHeqAkAUSKaIb-8ozmhFoQhWSrqiMh6ZZiYbZd5qY3Ud2-WKk-z5Py-qN_viW8GJHkWCo/s1600-h/3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 71px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHMNAd6T8ZZlyWzeA51BF4I036WomGMiYXXRVHbpsZ31CprxMpsOKAC1JhYJ29Tn4JBuMc9ruHeqAkAUSKaIb-8ozmhFoQhWSrqiMh6ZZiYbZd5qY3Ud2-WKk-z5Py-qN_viW8GJHkWCo/s320/3.jpg" alt="" id="BLOGGER_PHOTO_ID_5359353575322731138" border="0" /></a>
DoNE!
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-35760174023426080512009-07-13T02:21:00.002+08:002009-07-13T02:25:42.720+08:00Table Of Content<div id="toclink"><p>Welcome To My Blog..This is my table of content..All my posts can be search here..On this page you can see the whole list of posts published.</p> <p>To show the full table of contents, please click on the link below (this may take a few moments to load)</p> <p><a href="javascript:showToc();"><b>Show table of contents</b></a></p> <br/><br/><br/><br/></div> <script style="text/javascript" src="http://bloggerbuster.com/scripts/blogtoc.js"></script> <script src="http://firdausforlife.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script> <div id="toc"></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2996547141784308023.post-41540177219188210842009-06-12T20:17:00.000+08:002009-07-12T22:21:58.201+08:00How to Submitting Blog to Google Webmaster<div style="text-align: justify;">How to Submitting Blog to Google Webmaster...<a href="http://en.wikipedia.org/wiki/Google_Webmaster_Tools">What is Google Webmaster?</a>Here's how to submit your blog to Google Webmaster...<br /><br />1. Visit <a href="http://www.google.com/webmasters/">this page</a> and sign in as Google Account (GMail)..if you don't have GMail sign up for that first..<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbwg2rW533RjBTZXPS3GcIiPLRZDKc3Wkn0DU2AIOqhLwVoIWdnYxbEFumXYHQwEMmJvpy1_ZOVVE6JeLtlZp2wc-c7CBVLjvsI4QZui67qlCQSEmtq6FMbUS5uLO4Mul32zIQfAe5coY/s1600-h/1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbwg2rW533RjBTZXPS3GcIiPLRZDKc3Wkn0DU2AIOqhLwVoIWdnYxbEFumXYHQwEMmJvpy1_ZOVVE6JeLtlZp2wc-c7CBVLjvsI4QZui67qlCQSEmtq6FMbUS5uLO4Mul32zIQfAe5coY/s320/1.png" alt="" id="BLOGGER_PHOTO_ID_5346581930990445266" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvrq8Y8ZVnRut4460PWit-ouIcF2jAIkU6oyJ2uW5iZrSSLzqDpJepU1T3FgMK109Q_NkDQW5i8HmrzQnaVH21k9GAW4hNhYvQZoDT8IwfdD6Hz2d8OyKlNb_7xY6Ztbwlif5-6vOHog/s1600-h/2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 142px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvrq8Y8ZVnRut4460PWit-ouIcF2jAIkU6oyJ2uW5iZrSSLzqDpJepU1T3FgMK109Q_NkDQW5i8HmrzQnaVH21k9GAW4hNhYvQZoDT8IwfdD6Hz2d8OyKlNb_7xY6Ztbwlif5-6vOHog/s320/2.png" alt="" id="BLOGGER_PHOTO_ID_5346581937297992642" border="0" /></a><br />2. Secondly, add blog using 'add a site' tab...<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3so7Nj9YrF2u2wgEYIblPxFmAYPhKHBRyiCME4Q8MbPfBYt4FeLU4xCCCDPA5Xi_VPbQTFFyRLdY-yYBvHZ2UkgoN609_1_-4q8M4tPaXDm9O3l9f7P6hZKGPuuco_0quG5lbjsgpaY/s1600-h/3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 116px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3so7Nj9YrF2u2wgEYIblPxFmAYPhKHBRyiCME4Q8MbPfBYt4FeLU4xCCCDPA5Xi_VPbQTFFyRLdY-yYBvHZ2UkgoN609_1_-4q8M4tPaXDm9O3l9f7P6hZKGPuuco_0quG5lbjsgpaY/s320/3.png" alt="" id="BLOGGER_PHOTO_ID_5346581935950470178" border="0" /></a><br />3. Thirdly, Google will ask you to verify your site then choose 'add meta tags'..<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMmfBNPfU_vQrAP-JunPszn_ymMNroZcOmK_tqFQXiZQejwP8cnHpg5Hf3oXVygnc68mTmpHgq_7FDTE92HwJv91RpFbObk0lRq84Jn3OFCFoc6aNuuOq3yQivHZtkQjxW4DyShOHiJA/s1600-h/4.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMmfBNPfU_vQrAP-JunPszn_ymMNroZcOmK_tqFQXiZQejwP8cnHpg5Hf3oXVygnc68mTmpHgq_7FDTE92HwJv91RpFbObk0lRq84Jn3OFCFoc6aNuuOq3yQivHZtkQjxW4DyShOHiJA/s320/4.png" alt="" id="BLOGGER_PHOTO_ID_5346587102908456306" border="0" /></a><br />After that, copy the meta tags to (Layout->Edit HTML) and add meta tags after<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;font-family:arial;font-size:16;" ><span class="Apple-style-span" style="white-space: pre-wrap;font-size:13;" > </span></span><head> click save the templates and click verity also in the Google Webmaster..and doNe!<br /><br />For example as picture below..<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKK9a0vLKki0tg7nrgUadNlmm_7UDclAbNvdf7AntCgXOxDICCpGxtISLuYbdgDop3yGi1L011N1Zm7d80qDc-PLEJz8-oKoQHZVQbnhzqgO2m8-Ky85w8JI13g5boqpByooiRF_qiyg/s1600-h/5.5.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 70px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKK9a0vLKki0tg7nrgUadNlmm_7UDclAbNvdf7AntCgXOxDICCpGxtISLuYbdgDop3yGi1L011N1Zm7d80qDc-PLEJz8-oKoQHZVQbnhzqgO2m8-Ky85w8JI13g5boqpByooiRF_qiyg/s320/5.5.png" alt="" id="BLOGGER_PHOTO_ID_5346587106782552866" border="0" /></a><br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2996547141784308023.post-77158514909348807522009-06-12T13:01:00.000+08:002009-07-12T22:21:58.211+08:00How to Add Highlight Author Comment<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvzjaaXIbebRH_ME18uXU8OwCAe3gQnQnk8uGHniG2LTM4HTR_H3E-Xks7hsxTqHAQJxX61BJTg_X4t6npy4QIAUlpKmGzyv3ZoMq0VtaHJ5Hm_nMtmmGrB823uWulFF2h7erQKA_BKik/s1600-h/1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 33px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvzjaaXIbebRH_ME18uXU8OwCAe3gQnQnk8uGHniG2LTM4HTR_H3E-Xks7hsxTqHAQJxX61BJTg_X4t6npy4QIAUlpKmGzyv3ZoMq0VtaHJ5Hm_nMtmmGrB823uWulFF2h7erQKA_BKik/s320/1.png" alt="" id="BLOGGER_PHOTO_ID_5346304346955163106" border="0" /></a><br />What is highlight Author Comment?..This will make the blog's owner comments looks different from the visitors comments..<br /><span class="fullpost"><br /><br />1. Click (Layout -> Edit HTML-> </span><span class="fullpost">Expand Widget Templates)</span><span class="fullpost"><br /><br />2. Copy this script and put it before <b><span style="color: rgb(255, 0, 0);">]]></b:skin> </span></b><br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4xphXWPGIN5Ir7rjL3I7s8ijiR3lP0kwBwoYDOjqrobnJcXFAE89Xu6cgKnhq1nef9Fudc-NlD5PAu2ARJRgvqZLoVKmRApxzGuoox-O9uJ9l-7SEjNPxj9zGcYAaE8tGZpmkheN3ubc/s1600-h/2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 73px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4xphXWPGIN5Ir7rjL3I7s8ijiR3lP0kwBwoYDOjqrobnJcXFAE89Xu6cgKnhq1nef9Fudc-NlD5PAu2ARJRgvqZLoVKmRApxzGuoox-O9uJ9l-7SEjNPxj9zGcYAaE8tGZpmkheN3ubc/s320/2.png" alt="" id="BLOGGER_PHOTO_ID_5346304355557655346" border="0" /></a><br /><span class="fullpost"><p class="alert">.comment-body-author {<br />background: #E6E6E6; <span style="color: rgb(255, 0, 0);"> /* Background color*/</span><br />color: #000; <span style="color: rgb(255, 0, 0);"> /* Text color*/</span><br />border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;<br />margin:0;<br />padding:0 0 0 20px; <span style="color: rgb(255, 0, 0);"> /* Posotion*/</span><br />}</p><br />3. Then find this code and add read code to your templates..See picture below..<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtGgiIlfytmCfKmM2OWk0WFCvIl-zzpbyTog6WfWMRdk_3UZpzRWLF5hbzTtZgkm9wvlgS8dea6fo0QQiqZgdTEoogU_c1GnXpXYnRVO_XuCLs6WucDV93mdJWsl2oCn02HbDdyt0BtuQ/s1600-h/3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 170px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtGgiIlfytmCfKmM2OWk0WFCvIl-zzpbyTog6WfWMRdk_3UZpzRWLF5hbzTtZgkm9wvlgS8dea6fo0QQiqZgdTEoogU_c1GnXpXYnRVO_XuCLs6WucDV93mdJWsl2oCn02HbDdyt0BtuQ/s320/3.png" alt="" id="BLOGGER_PHOTO_ID_5346304354983968146" border="0" /></a><br /><span class="fullpost"><p class="alert"><dl id='comments-block'><br /><b:loop values='data:post.comments' var='comment'><br /><dt class='comment-author' expr:id='"comment-" + data:comment.id'><br /><a expr:name='"comment-" + data:comment.id'/><br /><b:if cond='data:comment.authorUrl'><br /><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br /><b:else/><br /><data:comment.author/><br /></b:if><br />said...<br /></dt><br /><br /><span style="color: rgb(255, 0, 0);"> <b:if cond='data:comment.author == data:post.author'><br /><dd class='comment-body-author'><br /><p><data:comment.body/></p><br /></dd><br /><b:else/> </span><br /><br /><dd class='comment-body'><br /><b:if cond='data:comment.isDeleted'><br /><span class='deleted-comment'><data:comment.body/></span><br /><b:else/><br /><p><data:comment.body/></p><br /></b:if><br /></dd><br /><br /><span style="color: rgb(255, 0, 0);"></b:if></span><br /><br /><dd class='comment-footer'><br /><span class='comment-timestamp'><br /><a expr:href='"#comment-" + data:comment.id' title='comment permalink'><br /><data:comment.timestamp/><br /></a><br /><b:include data='comment' name='commentDeleteIcon'/><br /></span><br /></dd><br /></b:loop><br /></dl></p><br />4. And then save your template and doNE..<br /><br /></span><p></p>Unknownnoreply@blogger.com0