Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts

Monday, September 14, 2009

Easy way to get 19,530 twitter followers


Ok every one im back with a new and easy twitter tip, many of you will be thinking how to get the huge ammount of the twitter followers very quickly so here is my idea, join a twitter chain, i will explain abount them some other time as im a little busy now a days, Posting this quick tip to show that neither im dead nor this blog, Soo keep visitng and i will suggest you to subscribe my feeds to know when this blog will start updating

Coming to the point join a free Twitter Chain, idea of these chains is to join it, and refer the friends, if you will refer the 5 people to follow you, when they will refer 5 other people each you will get 30 followers, so idea is simple and nice start twitting ad getting traffic, (for any twitter tips click here)

Twitter Chain ( CLICK HERE to join now)

Friday, July 31, 2009

Drop Down ComboBox

One of My blog reader and my friend Jenie asked me To write a tutorial on how to create a drop down link box, Because she wants to make her blog looks more attractive

So Dear jenie here is a tutorial for you, I should tell every one that making a drop down box is really very easy thing

Without wasting any time we should start our tutorial.

Its very easy to make this box, just copy the code, go to your blogger account layout settings and click on add a widget and add html/javascript widget.

This code is to create an automatic drop down box, like when you choose a link , you will be automatically redirected to it.

Copy the following code and paste it



<script type="text/javascript">
<!--
// Powered by http://virtualbuzz.blogspot.com
function go1(){
if (document.selecter1.select1.options[document.selecter1.select1.selectedIndex].value != "none") {
location = document.selecter1.select1.options[document.selecter1.select1.selectedIndex].value
}
}
//-->
</script>
<script type="text/javascript">
<!--
document.write('<form name="selecter1"><select name="select1" size=1 onchange="go1()">');
document.write('<option value=none>Select your destination');
document.write('<option value=none>--------------------');
document.write('<option value="page1.html">page 1');
document.write('<option value="page2.html">page 2');
document.write('<option value="page3.html">page 3');
document.write('</select>');
document.write('</form>');
// end hiding contents -->
</script>



now simply edit the code above and replace page1.html with the link of the page and page 1 with the name you want to show in drop down box , and you can also change other values according to your wish

Please Drop you comments for our encouragement........

Tuesday, July 28, 2009

Read More Hack For Blogger Posts (Automatic)


Well To day i was busy making a template for my Friend so did not got time to write new posts to this blog,

at this time i was free so i though to post a quick trick for all you guys, i know many of you do not know how to make your posts small having a read more botton or continue reading button so here is an article for you guys,

Making your posts expandable is just 2 steps process this is a great hack . i will not write about the qualities of this hack and why should you add this code to your blog, because i dont have much time to write about these comming to the point

Login to your blog and edit your blogger layout and then html click on the expand widget templates.

Now find

</head>

and replace it with the following code

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://files.bloggerplugins.org/excerpt.js' type='text/javascript'/>
</head>


now 2nd step, now find <data:post.body/>

and replace it with following code,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>


if you want a image instead of Text (read more) just replace the read more with <img src=' http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif' align='right' border='0'/>

Now you are done save your template and enjoy new look of it.. any questions ? ask in comments

Sunday, July 26, 2009

How to Add Recent Post Widget With Pictures

Want a Recent post widget for your blog with picture thumbnails?

Want an attractive Recent posts widget that attract your Visitors to reads your posts and comment on them ?

Here is the answer for All your questions and needs,

here is simple code for recent post widget just like its in my blog it like Beautiful and i think you guys will also be agree with me

So here we start our tutorial you can install this beautifull widget within seconds in your blog just by following these simple steps

Go to blogger.com and login their and go to edit layout

now go to add widget and then add html/java script widget

And copy the code bellow and paste it their now save it and you are done..

Remember dont fogot to edit home page url and paste their your own blog url, any question ?? drop comments and i will answer all your question

here is the code :-

<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://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Thursday, July 23, 2009

Adding Digg Button To Blogger Posts



Digg is a website similar to twitter , you can drive traffic through it also, with the same me as previously i told you about how to drive traffic through twitter, And a digg button to your post will give you a boost in your traffic, if your readers will like your posts they will surely digg it digging means a bunch of traffic,

Here i will write the whole process about how to add dig button automatecally to all your blogger posts so guys lets start how simple tutorial

Fisrt of of set your blogger to save your blog posts, it will enable digg to digg every unique post, because by setting blogger to save your blog post your every blog post will have a unique address to set this or verify if its already set , go to dashboard -> settings -> Archiving and set Enable Post Pages to yes and save setting if its already done then leave it,

Now go to edit Html and click on expand widget templates and search for the code bellow



As soon as you find it , replace it with the following code











Note:- With this tamplate hack digg button will show on all the posts, dont do this if you want to show button to your selected posts.