Techno Blog..: July 2009

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 ...

Comfy Magazine Blogger Template

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 ]

How to Add Emoticon To Your Comment Part 3 (Onion Emoticon)

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>

<B>

:))

:((

</B>

2. Second thing are find this code </body> and paste below codes before </body>

Say thanks if in the comment section if your use this emoticon.I appreciate it if you do so

[ Read More ]

Grab Firdausforlife Banner

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..

[ Read More ]

How to Add Emoticon To Your Comment Part 2 (Girl Emoticon)

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>

<BR/>

<B>

:))

</B>

2. Second thing are find this code </body> and paste below codes before </body>

Say thanks if in the comment section if your use this emoticon.I appreciate it if you do so

[ Read More ]

How to Add Blog Post View Counter

Posted by Heaven Name - - 5 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"'>

<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 ]

How to Add Emoticon To Your Comment Part 1 (Baby Emoticon)

Posted by Heaven Name - - 0 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>

<BR/>

<B>

:))

</B>

2. Find this code </body> and paste below codes before </body>

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 ]

How to Add Alert Script To Your Blog

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 ]

How to Add Recent Posts With Thumbnails

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..

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>

Source from Kanthi

[ Read More ]

How To Make Page Peel Effect

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>

Method 2

1. As always go to (Layout-Edit HTML) and find this code </head> and paste below codes above it..

2. Then find this code <body> and paste the below code after it. Change http://feeds2.feedburner.com/firdausforlife to your own feedburner

[ Read More ]

How To Add Expandable Content Script

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..

// Expandable content script from flooble.com

// Promoted by bloganol.blogspot.com

// For more information please visit:

// http://www.flooble.com/scripts/expand.php

//----------------------------------------------

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>

2. Second step are go to (Layout->Page Elements->Add A gadget->HTML) and add below codes..

<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>

3. Replace "Title Here" with your Widget Title and Replace "Content Here" with your own title and content..Example As below

[ Read More ]

How to Create Tabbed View Content Box

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>...

//<![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

<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)

/* 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 ]

How to Add Most Viewed Post Widget

Posted by Heaven Name - - 1 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..

[ Read More ]

How to Add Rotating Ad Banner for Blogger

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

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>

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 ]

How to Add Emoticon To Your Shoutmix

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 ]

How To Add Icon Before Post Titles

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

3. Then, lastly click (Layout-> EDIT HTML tab -> Expand Widget Templates) and find the codes below..

<b:if cond=’data:post.url’>

And then u need to add the image code after the blue line. For example below...

DoNE!

[ Read More ]

Table Of Content

Posted by Heaven Name - - 1 comments

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.

To show the full table of contents, please click on the link below (this may take a few moments to load)

Show table of contents

[ Read More ]

Top Commentators

Techno Blog..

Comfy Magazine Blogger Template

How to Add Emoticon To Your Comment Part 3 (Onion Emoticon)

Grab Firdausforlife Banner

How to Add Emoticon To Your Comment Part 2 (Girl Emoticon)

How to Add Blog Post View Counter

How to Add Emoticon To Your Comment Part 1 (Baby Emoticon)

How to Add Alert Script To Your Blog

How to Add Recent Posts With Thumbnails

How To Make Page Peel Effect

How To Add Expandable Content Script

How to Create Tabbed View Content Box

How to Add Most Viewed Post Widget

How to Add Rotating Ad Banner for Blogger

How to Add Emoticon To Your Shoutmix

How To Add Icon Before Post Titles

Table Of Content

Please Help By Clicking Ads

Popular Posts

Category List

Blog Archive