How to Blog

How to Blog | How to Add Top 10 Box Office Movies by Fandango

01. Go to http://www.gmodules.com/ig/creator?url=http://totalgta.net/igoogle/quotes/islam/sidequote3.xml
02. On the title text box give your desire title.
03. Fix width a height.
04. Select a border.
05. Set the gadget setting.
06. Click on 'Get the Code'.
07. Copy the code given by them.
08. Lo in to your 'Dashboard'.
09. Go to 'Design'.
10. Click on 'Add a Gadget' on your desire place of your sit template.
11. Choose 'HTML/JavaScript'.
12. Paste he coped code on the box.
13. Click on save and you are done.

How to Blog | How to Add Daily Horoscope and Zodiac on Blog

01. Go to http://www.gmodules.com/ig/creator?url=http://totalgta.net/igoogle/tools/horoscope/gadget6.xml
02. On the title text box give your desire title.
03. Fix width a height.
04. Select a border.
05. Click on 'Get the Code'.
06. Copy the code given by them.
07. Lo in to your 'Dashboard'.
08. Go to 'Design'.
09. Click on 'Add a Gadget' on your desire place of your sit template.
10. Choose 'HTML/JavaScript'.
11. Paste he coped code on the box.
12. Click on save and you are done.

How to Blog | How to Add Check Stock Prices Widget

01. Go to http://www.gmodules.com/ig/creator?url=http://totalgta.net/igoogle/tools/stocks/gadget6.xml
02. On the title text box give your desire title.
03. Fix width a height.
04. Select a border.
05. Click on 'Get the Code'.

Add Check Stock Prices Widget

06. Copy the code given by them.
07. Lo in to your 'Dashboard'.
08. Go to 'Design'.
09. Click on 'Add a Gadget' on your desire place of your sit template.
10. Choose 'HTML/JavaScript'.
11. Paste he coped code on the box.
12. Click on save and you are done.

How to Blog | How to Add Islam Quotes Of The Day

Add Islam Quotes Of the day

How to Blog | How to Add a Youtube Search on blogger

01. Go to http://www.gmodules.com/ig/creator?url=http://totalgta.net/igoogle/tools/search/youtube/test1.xml.
02. On the title text box give your desire title.
03. Fix width a height.
04. Select a border.
05. Select site language.
06. Click on 'Get the Code'.

Add YouTube Search

07. Copy the code given by them.
08. Lo in to your 'Dashboard'.
09. Go to 'Design'.
10. Click on 'Add a Gadget' on your desire place of your sit template.
11. Choose 'HTML/JavaScript'.
12. Paste he coped code on the box.
13. Click on save and you are done.

How to Blog | How to Add a PaayPal Donate Button on your blogger

1. Log in to your 'Dashboard'.
2. Go to http://www.gmodules.com/ig/creator?url=http://totalgta.net/igoogle/tools/donate/donate.xml with a new tab in your browser.
3. Set your desire title on he title text box.
4. Fix width and height.
5. Select a border.
6. Give your email address with which you make your PayPal account on the 'PayPal Email Address' text box.
7. Set currency and credit card option.
8. Click on 'Get the Code'.
09. Copy the code given by them on the below.

Add Donate button on blogger

10. Go to your 'Dashboard' and click on 'Design'.
11. Click on 'Add a Gadget' on your desire place in your template.
12. Choose 'HTML/JavaScript' as input type.
13. Paste the coped code.
14. Click on save and your are done.

How to Blog | How to Add The Pop Up Subscription Box To Blogger

01. Lo in to your blogger 'Dashboard'.
02. Click on 'Design'.
03. Click on 'Edit HTML'.

Adding pop up Subscription box

04. Check the 'Expand Widget content'.
05. Find this : ]]></b:skin>
06. Copy and paste following code before ]]></b:skin>
/*Subscription Pop Up Css*/
#popupContactClose{
cursor: pointer;
text-decoration:none;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
/*End Subscription Pop Up Css @ http://www.spiceupyourblog.com */
07. Find it: </head>
08. Copy and paste the following code before </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'/>
<script src='http://dinhquanghuy.110mb.com/jquery.cookie.js' type='text/javascript'/>
<script type='text/javascript'>
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
centerPopup();
//loads popup only if it is disabled
if(popupStatus==0){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1;
}
}

//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("slow");
popupStatus = 0;
}
}

//centering popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var windowscrolltop = document.documentElement.scrollTop;
var windowscrollleft = document.documentElement.scrollLeft;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
var toppos = windowHeight/2-popupHeight/2+windowscrolltop;
var leftpos = windowWidth/2-popupWidth/2+windowscrollleft;
//centering
$("#popupContact").css({
"position": "absolute",
"top": toppos,
"left": leftpos
});
//only need force for IE6

$("#backgroundPopup").css({
"height": windowHeight
});

}

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
if ($.cookie("anewsletter") != 1) {

//load popup
setTimeout("loadPopup()",5000);
}
//CLOSING POPUP
//Click the x event!
$("#popupContactClose").click(function(){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
});
//Click out event!
$("#backgroundPopup").click(function(){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
}
});

});
</script>

09. Find for: </body>

10. Copy and paste the following code before </body>

<div id='popupContact'>
<a id='popupContactClose'>x</a>
<h1>Get Our Latest Posts Via Email - It's Free</h1>
<p id='contactArea'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=SpiceUpYourBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Enter your email address:</p><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='SpiceUpYourBlog'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/><p>Delivered by <a href='http://feedburner.google.com' target='_blank'>FeedBurner</a></p></form></p>
</div>
<div id='backgroundPopup'/>

11. Save the template and you are done.

How to Blog | Add Stylish New Social Icons On Your Blog

01. Log in to your 'Dashboard'.
02. Click on 'Design' tab.

Click on Design

03. Click on the 'Add a Gadget' where you want to add this button.

Click on Add a Gadget

04. Choose HTML/JavaScript from the coming window.
05. Copy and Paste the following code to there.

07. Click on 'Save'.

08. You are now done.

How to Blog | How to Add The Fixed Navigation Menu To Blogger

01. Log in to your blogger 'Dashboard'.

Click on Design

02. Click on the tab 'Design'.
03. Click on the 'Template Designer'.

Click on Template Designer

04. Click on 'Advance'.
05. Click on 'Add CSS' on the end.

Click on Advance and Click on Add CSS

06. Copy and Paste the below script onto the CSS section:

/* CSS Style for Horizontal Menu - info @ http://www.spiceupyourblog.com*/
#hor {
list-style:none;
padding:0;
margin:0;
}

#hor li {
float:left;
padding:5px;
}

#hor a {
display:block;
height: 12px;
text-indent:-999em;
}

#hor a.home {
width:46px;
background:url(vHome.gif) no-repeat 0 0;
}

#hor a.download {
width:94px;
background:url(vDownload.gif) no-repeat 0 0;
}

#hor a.contact {
width:74px;
background:url(vContact.gif) no-repeat 0 0;
}

/* CSS Style for Vertical Menu */

#ver {
list-style:none;
padding:0;
margin:0;
}

#ver li {
padding:2px;
}

#ver li a {
display:block;
height:12px;
text-indent:-999em;
}

#ver a.home {
width:47px;
background:url(hHome.gif) no-repeat 0 0;
}

#ver a.download {
width:95px;
background:url(hDownload.gif) no-repeat 0 0;
}

#ver a.contact {
width:74px;
background:url(hContact.gif) no-repeat 0 0;
}

.clear {
clear:both;
}

*{
/* A universal CSS reset */
margin:0;
padding:0;
}

#navigationMenu body{
font-size:14px;
color:#666;
background:#111 no-repeat;

/* CSS3 Radial Gradients */
background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));

font-family:Arial, Helvetica, sans-serif;
}

#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}

#navigationMenu span{
/* Container properties */
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;

/* Text properties */
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;

/* CSS3 Transition: */
-webkit-transition: 0.25s;

/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}

#navigationMenu a{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmmJPZv9djHDdfU3PAZb9NSMYrcRjZRrv1psy2aEDbLDJrhnmsiYJsxoFGv_CrX6fPR0KoRyQweCEhujUPm-F8-usDkXUTbyC6gG8opwkBVVGcjF56jBJKAEvwK8fSL_MxAHiqlW7GUo/s1600/navigation.jpg') no-repeat;

height:39px;
width:38px;
display:block;
position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;

/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}

/*End menu css - info @ http://www.spiceupyourblog.com */
07. Save your template.
08. Go to 'Design' again.
09. Click on 'Add a Gadget'.

Click on 'Add A Gadget'

10. Click on 'HTML/JavaScript' from the new window.
11. Copy and Paste the following code to the coming box and then save.
<div style='position: fixed; top: 40%; left: 0%;'/>
<ul id="navigationMenu">
<li>
<a class="Home" href="http://www.spiceupyourblog.com">
<span>Home</span>
</a>
</li>

<li>

<a class="about" href="http://www.spiceupyourblog.com/p/about-spice-up-your-blog.html">
<span>About</span>
</a>
</li>

<li>
<a class="services" href="http://www.spiceupyourblog.com/p/hire-us_08.html">
<span>Services</span>
</a>

</li>

<li>
<a class="portfolio" href="http://www.spiceupyourblog.com/">
<span>Portfolio</span>
</a>
</li>

<li>
<a class="contact" href="http://www.spiceupyourblog.com/2009/09/contact-us.html">

<span>Contact us</span>
</a>
</li>
</ul>
</div><a href="http://www.spiceupyourblog.com/" target="_blank"><small>Get The Fixed Menu Gadget</small></a>

Pages

How to Blog

Labels

How to Blog | How to Add Top 10 Box Office Movies by Fandango

How to Blog | How to Add Daily Horoscope and Zodiac on Blog

How to Blog | How to Add Check Stock Prices Widget

How to Blog | How to Add Islam Quotes Of The Day

How to Blog | How to Add a Youtube Search on blogger

How to Blog | How to Add a PaayPal Donate Button on your blogger

How to Blog | How to Add The Pop Up Subscription Box To Blogger

How to Blog | Add Stylish New Social Icons On Your Blog

How to Blog | How to Add The Fixed Navigation Menu To Blogger

Odesk like job

Weather Now

Recent Posts

Followers

Popular Posts

Blog Archive

Sponsor Link