Sit amet felis. Mauris semper,

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, ...

Category name clash

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. ...

Test with enclosures

Here's an mp3 file that was uploaded as an attachment: Juan Manuel Fangio by Yue And here's a link to an external mp3 file: Acclimate by General Fuzz Both are CC licensed. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, ...

Block quotes

Some block quote tests: Here's a one line quote. This part isn't quoted. Here's a much longer quote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In dapibus. In pretium pede. Donec molestie facilisis ante. Ut a turpis ut ipsum pellentesque tincidunt. Morbi blandit sapien in mauris. Nulla lectus lorem, varius aliquet, ...

Contributor post, approved

I'm just a lowly contributor. My posts must be approved by the editor.Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at ...

Posted by Heaven Name - - 1 comments

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.. 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..
<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>
4. The next step, go to (Layout->Page Elements->Add A gadget->HTML/Javascript)
<a href="http://YourBlogName.blogspot.com/search?max-results=250">Show all post »»</a>
Changes YourBlogName..Example my blog..firdausforlife and value 250 costumize according to your own needs
5. Save your templates...doNe! a
[ Read More ]

Posted by Heaven Name - - 4 comments

Visit this how to get to a get islamic clock..example below..
Clock With Pink Color..
<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>
Clock With Green Color..
<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>
For more clock visit this great site
[ Read More ]

Posted by Heaven Name - - 2 comments

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" 1. Here's are the step to implement..The first step you need to do is visit this site and sign up.. 2. Secondly, you will forwarded to page..example like below..copy the codes called as AJAX Embed widget.. 3. Then, back to your blogger dashboard..create new post and simply paste the codes that already been copying before this..doNe! Good Luck!
[ Read More ]

Posted by Heaven Name - - 2 comments

Want to create avatar like this one?
Here's are the easy way to create an avatar for your blog...
Just visit this site and started to create your own avatar..
[ Read More ]

Posted by Heaven Name - - 2 comments

The easy way to change font titles just like my blog..
I find this cool hacks at Kevinandamanda
and You want fonts just like my blog you can follow the instructions below..
1. Go to (Layout->Edit HTML-> and find this code </head> and paste below above </head> codes
<link href='http://malaysiaforunity.comxa.com/fonts%20style/sifr.css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://malaysiaforunity.comxa.com/fonts%20style/sifr.js' type='text/javascript'/>
<script src='http://malaysiaforunity.comxa.com/fonts%20style/blogger-sifr.js' type='text/javascript'/>
If you want to change with your own fonts visit Amanda Blog for more detail
[ Read More ]

Posted by Heaven Name - - 0 comments

<style type="text/css">
div.TabTampil div.TTs
{height: 24px; overflow: hidden; }
div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active
{ background-color: #77d0ee; }
div.TabTampil div.Halamans
{ clear: both; border: 1px solid #0199cb; overflow: hidden; background-color: #ffffff;}
div.TabTampil div.Halamans div.Halaman
{ height: 100%; padding: 0px; overflow: hidden; }
div.TabTampil div.Halamans div.Halaman div.Alas
{ padding: 3px 5px; }
div.TabTampil div.TTs a
{ border-left:1px solid #0199cb; border-right:1px solid #0199cb; border-top:1px solid #0199cb; border-bottom:0px solid #0199cb; float: left;
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}
</style>
<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 370px;" class="TTs"> <a>Tab 1 Name</a> <a>Tab 2 Name</a> <a>Tab 3 Name</a></div>
<div style="width: 350px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
Tab 1 content goes here
Tab 1 content goes here
Tab 1 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
Your tab 2 content goes here
Your tab 2 content goes here
Your tab 2 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
Tab 3 content goes here
Tab 3 content goes here
Tab 3 content goes here
</div>
</div>
</div>
</div></form>
<script style="text/javascript" src="http://malaysiaforunity.comxa.com/misc/newscriptab.js"></script>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>
change color in red to your prefered color
change color in green to your prefered Text/ widget
change color in blue to your prefered sidebar width and also height
Source from Adiestudio
[ Read More ]

Posted by Heaven Name - - 0 comments

Contact Me If You Want To Ask A Tutorial or anything..

.
Your Name :
Your Email :
Subject :
Message :
Image (case-sensitive):
[ Read More ]

Posted by Heaven Name - - 0 comments

Download this amazing template that converted to blogger template from wordpress by TechnoLizard. Thanks for the author for making this amazing template..
Demo Site Download Here
Here's are the feature of this template..
Features:
1) Post title and blog title swap.
2) Yahoo Smilies : to give this template a professional look..
3) Read More : Read more script is already added to this template.
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.
5) Retweet Button : For better traffic, retweet button has already been added.
6) Page Navigation : Like wordpress, page navigation is already added.
7) Search Bar : Built in search bar.
[ Read More ]

Posted by Heaven Name - - 3 comments

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..
visit my part 1 for baby emoticon here
And you can visit my part 2 for girl emoticon here
1.As always go to (Layout->Edit HTML->Expand Widget Templates)Find the codes and paste below codes in the middle of it..
<b:if cond='data:post.embedCommentForm'>
paste codes here
<b:include data='post' name='comment-form'/>
<B><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/1capek.gif'></IMG>
:f
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/2bigsmile.gif'></IMG>
:D
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/3hi.gif'></IMG>
:)
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/4kagum.gif'></IMG>
;;)
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/5love.gif'></IMG>
:x
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/6malu.gif'></IMG>
:$
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/7marah.gif'></IMG>

x(
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/8bingung.gif'></IMG>
:?
</B>
<BR></BR>
<B>
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/9mumet.gif'></IMG>
:@
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/10muntah.gif'></IMG>
:~
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/11mentok.gif'></IMG>
:|
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/12ngakak.gif'></IMG>
:))
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/13sedih.gif'></IMG>
:(
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/14senang.gif'></IMG>

:s
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/15tolong.gif'></IMG>
:((
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/16wow.gif'></IMG>
</B>
2. Second thing are find this code </body> and paste below codes before </body>
<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>
Say thanks if in the comment section if your use this emoticon.I appreciate it if you do so
[ Read More ]

Posted by Heaven Name - - 0 comments

Grab My Banner..created by me especially for my follower and fellow blogger..Put on your blog either in sidebar or near header..Hooray!
1. Go to (Layout->Page Elements->Add A Gadget->HTML) and paste this code..
Techno Blog
<a href="http://firdausforlife.blogspot.com/"><img src="http://malaysiaforunity.comxa.com/misc/125banner.gif" border="0" alt="Techno Blog" /></a>
Techno Blog
<a href="http://firdausforlife.blogspot.com/"><img src="http://malaysiaforunity.comxa.com/misc/460banner.gif" border="0" alt="Techno Blog" /></a>
Techno Blog
<a href="http://firdausforlife.blogspot.com/"><img src="http://malaysiaforunity.comxa.com/misc/125bannerblack.gif" border="0" alt="Techno Blog" /></a>
Techno Blog
<a href="http://firdausforlife.blogspot.com/"><img src="http://malaysiaforunity.comxa.com/misc/460bannerblack.gif" border="0" alt="Techno Blog" /></a>
[ Read More ]

Posted by Heaven Name - - 0 comments

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 here
1.As always go to (Layout->Edit HTML->Expand Widget Templates)Find the codes and paste below codes in the middle of it..
<b:if cond='data:post.embedCommentForm'>
paste codes here
<b:include data='post' name='comment-form'/>
<B><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-001.gif'/>
:f
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-002.gif'/>
:D
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-003.gif'/>
:)
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-004.gif'/>
;;)
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-005.gif'/>
:x
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-006.gif'/>
:$
</B>
<BR/>
<B>
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-007.gif'/>
x(
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-008.gif'/>
:?
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-009.gif'/>
:@
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-010.gif'/>
:~
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-011.gif'/>
:|
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/emo-girl-012.gif'/>
:))
</B>
2. Second thing are find this code </body> and paste below codes before </body>
<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>
Say thanks if in the comment section if your use this emoticon.I appreciate it if you do so
[ Read More ]

Posted by Heaven Name - - 6 comments

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..
1. Go to (Layout->Edit HTML->Expand Widget Templates).Backup first you templates if you dont want anything bad happen..
2. Then, find this code.. <data:post.body/> and paste below codes above it..
<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<p><i><font color='#666666'><script src='http://wizom.net/counter.php' type='text/javascript'/> Views </font></i></p>
</div></b:if>
Kredit to Author that make this script/widget..
[ Read More ]

Posted by Heaven Name - - 1 comments

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..
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
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..
<B><IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-1.gif'/>
:f
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-2.gif'/>
:D
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-3.gif'/>
:)
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-4.gif'/>
;;)
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-5.gif'/>
:x
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-6.gif'/>
:$
</B>
<BR/>
<B>
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-7.gif'/>
x(
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-8.gif'/>
:?
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-9.gif'/>
:@
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-10.gif'/>
:~
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-11.gif'/>
:|
<IMG border='0' src='http://malaysiaforunity.comxa.com/babyemo/stars-on-head-baby-12.gif'/>
:))
</B>
2. Find this code </body> and paste below codes before </body>
<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>
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
[ Read More ]

Posted by Heaven Name - - 0 comments

Simple trick to implement it.. 1. Go to (Layout->Edit HTML) and find this code </head> and paste the following code above it..Change 'hi geng how are u' to your words..Easy
<SCRIPT language='JavaScript'>alert("hi geng how are u");</SCRIPT>
[ Read More ]

Posted by Heaven Name - - 0 comments

Here How to add recent posts with thumbnails..
1. Go to (Layout->Page Elements->Add A Gadgets->HTML) and paste the below codes..
Change http://yourblog.blogspot.com/ to your blog url... Other thing,you can costumize according to your blog..
<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 = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://yourblog.blogspot.com/";
</script>
<script src="http://malaysiaforunity.comxa.com/misc/recentposts_thumbnail.js" type="text/javascript"></script>
Source from Kanthi
[ Read More ]

Posted by Heaven Name - - 1 comments

Here how to make page peel effect There are two method you can try... Method 1 (Source from CssReflex)
1. Go to (Layout-Edit HTML) and find this code </head>
2. Paste the below code just after <body>
<div id='pageflip'> <a href='http://feeds.feedburner.com/naeemnur'><img alt='' src= 'http://www.wallheaven.com/page_flip.png'/></a> <div class='msg_block'></div> </div>
Method 2
1. As always go to (Layout-Edit HTML) and find this code </head> and paste below codes above it..
<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(http://www.wallheaven.com/subscribe.png) 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>
2. Then find this code <body> and paste the below code after it. Change http://feeds2.feedburner.com/firdausforlife to your own feedburner
<div id='pageflip'> <a href='http://feeds2.feedburner.com/firdausforlife'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a> <div class='msg_block'></div> </div>
[ Read More ]

Posted by Heaven Name - - 0 comments

I get this hacks from Blognarol..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..
<!-- flooble Expandable Content header start -->
<script language="javascript">
// Expandable content script from flooble.com
// Promoted by bloganol.blogspot.com
// For more information please visit:
// http://www.flooble.com/scripts/expand.php
// Copyright 2002 Animus Pactum Consulting Inc.
//----------------------------------------------
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else {
return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d =
getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script>
<!-- flooble Expandable Content header end -->
2. Second step are go to (Layout->Page Elements->Add A gadget->HTML) and add below codes..
<!-- 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>Title Here</td><td align="right">
[<a title="show/hide" id="exp1209796610_link" href="javascript: void(0);" onclick="toggle(this, 'exp1209796610');"
style="text-decoration: none; color: #FFFFFF; ">−</a>]</td><
/tr></table>
<div id="exp1209796610" style="padding: 3px;">Content Here</div> </div><noscript><a href="http://www.flooble.com/scripts/expand.php">this
expanable content box is made using a
free javascript from flooble</a> | <a href="http://perplexus.info/">logic problems, math puzzles</a>
</noscript>
<script language="javascript">toggle(getObject('exp1209796610_link'), 'exp1209796610');</script> <!-- flooble Expandable Content box end -->
3. Replace "Title Here" with your Widget Title and Replace "Content Here" with your own title and content..Example As below
[ Read More ]

Posted by Heaven Name - - 1 comments

How to Create Tabbed View Content Box? Thanks for LawnyDesigns for this cool hacks and modified by me to make it more simple..
1. The first step you need to do are go to (Layout->Edit HTML) and find the code below..
</head>
2. Secondly, you need to open and copy the java script codes and paste it into the red code below and paste all this code below before </head>...
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
/* paste the full contents of your tabber script here */
//]]>
</script>
3. After that, find this <div id='sidebar-wrapper'>just below there add the following code
<div class='tabber'>
<b:section class='tabbertab' id='tab1' maxwidgets='1'/>
<b:section class='tabbertab' id='tab2' maxwidgets='1'/>
<b:section class='tabbertab' id='tab3' maxwidgets='1'/>
</div>
4. Then, add this css codes on top of your template(see my example picture)
<Variable name="tbbxbgcolor" description="Tab box Background Color" type="color" default="#f8f8f8" value="#f8f8f8">
<Variable name="tbbxbrcolor" description="Tab box Border Color" type="color" default="#dcdcdc" value="#dcdcdc">
<Variable name="tbbxcolor1" description="Tab box Color 1" type="color" default="#ffffff" value="#ffffff">
<Variable name="tbbxcolor2" description="Tab box Color 2" type="color" default="#5588aa" value="#5588aa">
/* start tab styles */
.tabberlive{
margin:0;
padding:5px;
clear:both;
background:$tbbxbgcolor;
border:1px solid $tbbxbrcolor;
}
.tabbernav {
margin:0;
padding: 3px 0;
border-bottom: 1px solid $tbbxbrcolor;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.tabbernav li {
list-style:none;
margin:0;
display:inline;
}
.tabbernav li a {
padding:3px 0.5em;
margin-right:1px;
border:1px solid $tbbxbrcolor;
border-bottom:none;
background:$tbbxcolor2;
text-decoration:none;
color:$tbbxcolor1;
}
.tabbernav li a:hover {
color:$tbbxcolor2;
background:$tbbxcolor1;
border-color:$tbbxbrcolor;
text-decoration:none;
}
.tabbernav li.tabberactive a,
.tabbernav li.tabberactive a:hover {
background:$tbbxcolor1;
color:$tbbxcolor2;
border-bottom: 1px solid $tbbxcolor1;
}
.tabberlive .tabbertab {
padding:5px;
border:1px solid $tbbxbrcolor;
border-top:0;
background:$tbbxcolor1;
}
.tabberlive .tabbertab h2,
.tabberlive .tabbertabhide {
display:none;
}
.tabbertab .widget-content ul{
list-style:none;
margin:0 0 10px 0;
padding:0;
}
.tabbertab .widget-content li {
border-bottom:1px solid $tbbxbrcolor;
margin:0 5px;
padding:2px 0 5px 0;
}
/* end tab styles */
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..
[ Read More ]

Posted by Heaven Name - - 2 comments

This amazing widget i get from Blogfixes 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..
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.
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.
3. Download the Most Viewed Javascipt here and host it on Hotlinkfiles. Copy the link/source of the javacript below. Just replace the red "JAVASCRIPT SOURCE".
4. Upload the javascript at Hotlinkfiles and get the url...for example below..
<script type="text/javascript"> start_views_num = 5; limit = 7; </script> <script src="JAVASCRIPT SOURCE" type="text/javascript"></script>
[ Read More ]

Posted by Heaven Name - - 1 comments

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 Blog Widgets
1. Go to Layout->Page Elements->Add Page Element->HTML and paste the script below
<script type="text/javascript">
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");
var lnks1 = new Array("http://www.linkworth.com/?a=15034","http://Clickable Link here","http://Clickable link","http://Clickable Link","http://Clickable Link");
var alt1 = new Array();
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",9000);
</script>
<a id="adLink1" href="http://Your First link" target="_blank">
<img id="adBanner1" border="0" width="125" src="youir Image Link here" height="125"/></a>
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..
[ Read More ]

Posted by Heaven Name - - 0 comments

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.. 3. DoNe! Your emoticon are ready in your shoutmix..
[ Read More ]

Posted by Heaven Name - - 0 comments

Here how to add icon before post titles.. Thanks for Blogger Blogger Accessories for the great for the great hacks.
So, follow the step below to implement it..
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.
2. The second step you need to do are change the text in red with your image url
<img src=” your Image Url ” />
3. Then, lastly click (Layout-> EDIT HTML tab -> Expand Widget Templates) and find the codes below..
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’><data:post.title/></a>
And then u need to add the image code after the blue line. For example below... DoNE!
[ Read More ]

Posted by Heaven Name - - 1 comments

[ Read More ]

Posted by Heaven Name - - 0 comments

How to Submitting Blog to Google Webmaster...What is Google Webmaster?Here's how to submit your blog to Google Webmaster...

1. Visit this page and sign in as Google Account (GMail)..if you don't have GMail sign up for that first..


2. Secondly, add blog using 'add a site' tab...


3. Thirdly, Google will ask you to verify your site then choose 'add meta tags'..


After that, copy the meta tags to (Layout->Edit HTML) and add meta tags after <head> click save the templates and click verity also in the Google Webmaster..and doNe!

For example as picture below..


[ Read More ]

Posted by Heaven Name - - 0 comments


What is highlight Author Comment?..This will make the blog's owner comments looks different from the visitors comments..


1. Click (Layout -> Edit HTML->
Expand Widget Templates)

2. Copy this script and put it before ]]></b:skin>


.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}


3. Then find this code and add read code to your templates..See picture below..


<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>


<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


4. And then save your template and doNE..

[ Read More ]

Posted by Heaven Name - - 0 comments

How to Redirect a Blogger Blog to another Blog or Website..


1. Click (Layout->Edit HTML) and find this code..


2. Add this meta codes..below it..change 'new url' to your url..Save Template..DoNE!



[ Read More ]

Posted by Heaven Name - - 0 comments

How to Add Meta Tags to Your Blog..what is meta tags?..click here for information..Here are the tips to adding meta tags to your blog..

1. Click (Layout->Edit HTML)


2. Then, search for this
<b:include data='blog' name='all-head-content'/>


3. Add this meta codes below it..As picture below..and save your templates

<meta content=' DESCRIPTION HERE' name='description'/>
<meta content=' KEYWORDS HERE' name='keywords'/>
<meta content=' AUTHOR NAME HERE' name='author'/>

p/s change 'Description Here', 'Keywords Here' and 'Author Name Here'...

[ Read More ]