Friday, May 20, 2011

How To Make Image Header Rotate or Change When Other Tab Clicked

STEP 1 : Go to Dashboard > Edit HTML
STEP 2 : Find the code
press Ctrl + F at the same time, and then find the code below:
</head>
STEP 3 : Paste this code above </head>
<script type="text/javascript">


var banner= new Array()


banner[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjopSslq4cLl7DfclhJP_b9zvTO6XyPI766q6aDFe8win541qqoLTpxqmsnF9ZmFVxbe4xzYxRs924GcEFd4qwv1AynlHd3KXV-vfoTPUGKytSniCYbxIDq0aXiMjNHYCoYC518CNMiLAc/s1600/1.png"
banner[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwX-dW_oU-yiDOmSp1m2G57OZ_Q2mJbdCfFDhBhY5lsBD2wLLfvlZO8AygnJRqOTHfrFOFB65i5LV1vgvBeCybROPKP6i_zubOsY9aIVQO2E1Vk8NJXSYDfYELrjPvmNA9yeUtP0VaprM/s1600/2.png"
banner[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjryoQvV0nDxlOtDK-C4zDT4aq4gVCy58KVFXqXJ3yWlV1N6Ial9cHiCWe4lbbe1YX1d4UOjTX698vmcgYhygF_D5oZx35zdlGqvCX_rcAyX3bIGhKoNe14LNIVyn1PX2xhEeqoSlFpHu4/s1600/3.png"
banner[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjultKaK-_L7KjdwEmZeiJ69VFmyu21ZJVvksDCU1Q7BzS7BU4BCTpdQpSXg_vSrrc8GdHOUQ3Wyhdm2H5xVmYRmdJJUn9u3W9AxuBLUcRo5pKOnFYmP6XQlwaIUJxn0iiE4RQ0CP1OHU/s1600/4.png"
banner[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjryoQvV0nDxlOtDK-C4zDT4aq4gVCy58KVFXqXJ3yWlV1N6Ial9cHiCWe4lbbe1YX1d4UOjTX698vmcgYhygF_D5oZx35zdlGqvCX_rcAyX3bIGhKoNe14LNIVyn1PX2xhEeqoSlFpHu4/s1600/3.png"
var random=Math.round(4*Math.random());


document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");


</script>
STEP 4 : Change the highlighted code in RED with your photo URL from photobucket or where ever it is from. Save your template and your done. If you wish to reduce the images showing just simply delete the your photo URL that you want to be deleted and change the number you see after the banner. It is normally counted [0] to [5] if you got 6 images rotating and also change the var random.

see live demo : ROTATING IMAGES WHEN TAB CLICK

Friday, April 22, 2011

How To Add Fixed Facebook/Twitter/RSS Follow Icon To Blogger/Blogspot/Website/Wordpress/Tumblr


STEP 1. Go to your > Dashboard > Add gadget HTML/java script and copy paste code. For the left fixed follow icon code. Copy-paste this to your HTML/Java gadget


<div style='position: fixed; bottom: 30%; left: 1%;'/><a href="http://how2createmoneyonline.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSstw6LAS63M8pMQXEgxUEl7hyq8PD6WbaT6V1ElQIWCaNYZCRfEaZuBSTP58M8PgALJ-2YXSLPwlRxXQivvSBzrI1duC7mAMcWUX9ukxklGAqDRDC_9NxtFwGnbKHMZAsMSMyJwRdu-oG/s1600/follow-word-f00-right.png" /></a><br /><a href="http://www.twitter.com/YOU_TWITTER_USERNAME_HERE/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVwQfX8hfU3CTimriw611xnl6FzXL3b80tuMAPTtQ4X3T8Ual_pyMM-NnLNVVOVa8Rn5ZZP8_gyYUJ4FJ8QTucvB4VaHEK0h5AfKPTaeim9JiApjA5p5hBSz5SOAxEjfh3jEa8ppIuKMk8/s1600/icon20x20_twitter-blue.png" /></a><br /><a href="http://www.facebook.com/YOUR_FACEBOOK_USERNAME_HERE/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsLlemiEQlgRyLP29nmXEnh1cUC4txZVB8yEy4UleqUuQFQq148NA5YNMIt0TcT-2UcI4uXPCi2xX2TbdthqHnr_dJNOJjqLbF2EFjrgcW03LRffiXHaoe7-7AwGAd7pLkmwtDbrDjZfL6/s1600/icon-facebook.gif" /></a><br /><a href="http://feeds.feedburner.com/YOUR_RSSFEED_ID_HERE" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9jvf1sgWO1wrkmPCsvt4uUbYTTdkkZ-W_m9ikejQuFElo7JiBZNXLjlkfGg0tvFRhdtD1OHYxc7KHs7ihU2RgN3-goVndW5xIQzy_fVsoFF3m8kYnYZlvD_pHNM1Eisqrp0uWqsu4Q-4f/s1600/icon_rss_small_pc.png" /></a><br /></div>


For the right fixed follow icon code. Copy-paste this to your HTML/Java gadget

<div style='position: fixed; bottom: 30%; right: 1%;'/><a href="http://how2createmoneyonline.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSstw6LAS63M8pMQXEgxUEl7hyq8PD6WbaT6V1ElQIWCaNYZCRfEaZuBSTP58M8PgALJ-2YXSLPwlRxXQivvSBzrI1duC7mAMcWUX9ukxklGAqDRDC_9NxtFwGnbKHMZAsMSMyJwRdu-oG/s1600/follow-word-f00-right.png" /></a><br /><a href="http://www.twitter.com/YOUR_TWITTER_USERNAME_HERE/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVwQfX8hfU3CTimriw611xnl6FzXL3b80tuMAPTtQ4X3T8Ual_pyMM-NnLNVVOVa8Rn5ZZP8_gyYUJ4FJ8QTucvB4VaHEK0h5AfKPTaeim9JiApjA5p5hBSz5SOAxEjfh3jEa8ppIuKMk8/s1600/icon20x20_twitter-blue.png" /></a><br /><a href="http://www.facebook.com/YOUR_FACEBOOK_USERNAMR_HERE/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsLlemiEQlgRyLP29nmXEnh1cUC4txZVB8yEy4UleqUuQFQq148NA5YNMIt0TcT-2UcI4uXPCi2xX2TbdthqHnr_dJNOJjqLbF2EFjrgcW03LRffiXHaoe7-7AwGAd7pLkmwtDbrDjZfL6/s1600/icon-facebook.gif" /></a><br /><a href="http://feeds.feedburner.com/YOUR_RSSFEED_ID_HERE" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9jvf1sgWO1wrkmPCsvt4uUbYTTdkkZ-W_m9ikejQuFElo7JiBZNXLjlkfGg0tvFRhdtD1OHYxc7KHs7ihU2RgN3-goVndW5xIQzy_fVsoFF3m8kYnYZlvD_pHNM1Eisqrp0uWqsu4Q-4f/s1600/icon_rss_small_pc.png" /></a><br /></div>

AND SAVE! YOUR DONE!

I HOPE YOU FIND THIS HELPFUL, PLS LIKE, RETWEET AND SUBSCRIBE TO RSSfeed THANK YOU!!
Related Posts Plugin for WordPress, Blogger...