Soft Tricks Centre: Blogging Tricks

Showing posts with label Blogging Tricks. Show all posts

Friday, May 29, 2009

Page Rank Updated

Hello friends
As page rank is now again updated ,
and now we have 2 page rank

i am very happy after seeing my page rank

and i think in some months we will increase it more

and also alexa rank of this blog is getting more good day by day

Spread This blog by placing our banner in your blog "click here to get our banner"

Friday, May 15, 2009

Blogging Tricks || Bgalaxy.co.cc

Hello Friends,

After a great success of this blog I think of making a new blog for only BLOGGING purpose.

Now The blog is ready you can go and visit there "Bgalaxy.co.cc"

I hope that you will my new blog too .

Thursday, April 30, 2009

Create A Sliding Side Menu || Must See

I think This Image Will Tell You Better Than My Words Or You Can See It On Your Left Side You Will See A floating Side Bar

I got some request for this ,so now i am making this post :)

If you want this post than just follow these simple steps :-

1)Step 1 :-

Download The File Given Below {give Below}

Click Here

EXTRACT IT WITH WINRAR {IF YOU DONT HAVE WINRAR THAN CLICK HERE TO DOWNLOAD}

2)Step 2 :-

You will Find 2 files when You Extract The Folder

1.File - ssm.js and

2.File - ssmItems.js

Now open the second file (ssmItems.js) with note/text pad, and edit it :

<!--

Configure menu styles below

NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors

YOffset=150; // no quotes!!

XOffset=0;

staticYOffset=30; // no quotes!!

slideSpeed=20 // no quotes!!

waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.

menuBGColor="black";

menuIsStatic="yes"; //this sets whether menu should stay static on the screen

menuWidth=150; // Must be a multiple of 10! no quotes!!

menuCols=2;

hdrFontFamily="verdana";

hdrFontSize="2";

hdrFontColor="white";

hdrBGColor="#170088";

hdrAlign="left";

hdrVAlign="center";

hdrHeight="15";

linkFontFamily="Verdana";

linkFontSize="2";

linkBGColor="white";

linkOverBGColor="#FFFF99";

linkTarget="_top";

linkAlign="Left";

barBGColor="#444444";

barFontFamily="Verdana";

barFontSize="2";

barFontColor="white";

barVAlign="center";

barWidth=20; // no quotes!!

barText="SIDE MENU"; // <IMG> tag supported. Put exact html for an image to show.

///////////////////////////

// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header

ssmItems[0]=["Menu"] //create header

ssmItems[1]=["Home", "data:blog.homepageUrl", ""]

ssmItems[2]=["Contact Us", "http://www.emailmeform.com/fid.php?formid=235948",""]

ssmItems[3]=["Toolbar", "http://theallsoftwarestoolbar.ourtoolbar.com/", ""]

ssmItems[4]=["Advertise", "http://www.adbrite.com/mb/commerce/purchase_form.php?other_product_id=1056451", ""]

ssmItems[5]=["About Us", "http://www.blogger.com/profile/04320497758590551353", "_new"]

ssmItems[6]=["Subscribe", "", ""] //create header

ssmItems[7]=["Via Email", "http://feedburner.google.com/fb/a/mailverify?uri=SoftTricksByArham&loc=en_US", "", 1, "no"] //create two column row

ssmItems[8]=["Via Sms", "http://labs.google.co.in/smschannels/subscribe/Software-Center-By-Arham", "",1]

ssmItems[9]=["Join Me On", "", ""] //create header

ssmItems[10]=["Orkut", "http://www.orkut.co.in/Main#Home.aspx", ""]

ssmItems[11]=["Hi5", "http://hi5.com/friend/displayLoggedinHome.do", ""]

ssmItems[12]=["Facebook", "http://www.facebook.com/home.php", ""]

buildMenu();

//-->

You Have To just added the red colour code as per your requirements

3)Step 3 :-

When You Finish Your Editing and all things than upload the two files [ssm.js and

ssmItems.js] To any FILE HOSTING WEBSITE .

4)Step 4 :-

After Uploading the files .They will give you direct links .You just have to copy those links & Change it with your links in the script given below .

<STYLE>

<!--

A.ssmItems:link {color:black;text-decoration:none;}

A.ssmItems:hover {color:black;text-decoration:none;}

A.ssmItems:active {color:black;text-decoration:none;}

A.ssmItems:visited {color:black;text-decoration:none;}

//-->

</STYLE>

//Dynamic-FX slide in menu v6.5 (By maXimus, maximus@nsimail.com)

//Site: http://maximus.ravecore.com/

//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>

5)Step 5 :-

Go to your blog template (Log in to Blogger -> Go to Layout -> Edit HTML), and find (CTRL+F) this code:

</head>

And paste the script above it .

IF YOU LIKE THIS POST THAN SUBSCRIBE NOW TO GET MORE TRICKS LIKE THIS TO YOUR EMAIL.

FEEL FREE TO ASK YOUR DOUBTS

Thursday, April 23, 2009

Blog Stats [Total Posts & Total Comments] Widget

As you see above picture you will got an idea of what i am talking about.

Here is a new widget . By this widget you will be able to show your visitors your total number of POST & COMMENTS

If you want these widget than just follow these simple steps :-

Log in to Blogger, go to "Layout", click on "Add a Gadget", and select it as "HTML/JavaScript" type. Now add this code to the widget:

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="red"><script src="http://soft-tricks-by-arham.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://soft-tricks-by-arham.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

Replace the code in RED with your BLOG ADDRESS

And you may change the code highlighted in Green to modify the appearance of this widget.

Wednesday, April 15, 2009

|| 3000 JavaScript || Must See ||

3000 javascript Size : 5.89 MB

Welcome to javascript Source Code 3000. With almost 800 ready-to-use Java Scripts that you can cut & paste into your own web pages, this package is the largest collection of javascripts available anywhere!

All of the scripts have been organized by category so you can find what you need quickly. Even so, we invite you to browse through all of the categories so you get a feel for what is available. You may find some useful scripts you didn�t even know existed or pickup some ideas for your own projects! Happy scripting!

Download :-

http://rapidshare.com/files/221685762/3000_Javascript_Soft-tricks-by-arham.blogspot.com.rar

Monday, April 13, 2009

Change Newer Posts, Older Posts and Home Links In Blogger

Here's a simple hack to change the Older posts, Newer Posts and Home links in your blog (displayed below all your blog posts):

1. Log in to Blogger

2. Go to Layout -> Edit HTML -> Click on "Expand Widget Templates"

3. Now search (CTRL+F) for this code in the template code:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

Now carefully replace the colored code regions with your own custom image icons.

The first red colored code is for "Newer Posts" link.

The second red colored code is for "Older Posts" link.

The blue colored codes are for "Home" link.

For icons, you can visit this web site:

Icon-Search.Com

To add images, simply use this code:

<img src="http://DIRECT_LINK_OF_YOUR_IMAGE.jpg"/>

Finally save your template, that's it !

Friday, April 10, 2009

|| Add Read More link to your posts || Must See ||

Note:-

As You Can See In Above Picture That There Is A Read More Sign .

Now in The Below Picture You Can See That Post Has Been xpanded

Most of the bloggers, want to show more than one post in their blog's home page, but displaying all the content on the home page of each and every post makes the home page very lengthy, and visitors may miss out any article while scrolling down the entire length of the page.

So here's a method for bloggers to display only a part of the posts, and not the entire posts. If a visitor wants to read the complete article then he/she will click on the "Read More" link at the bottom of the post, which will be redirected to the particular post.

Follow The Steps :-

1. Log into the Blogger.com account

2. Go to "Layout" section

3. Back up your current template, by downloading it.

4. Now click on "Expand Widget Templates"

5. Now find this code - ]]></b:skin>

6. Just AFTER that code add these lines

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

7. Now again find this code :

8. And just after this, add these code lines:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More!</a>
</b:if>

9. Now save the template.

IMPORTANT :Now these adjustments will NOT show your previous posts with "Read More" tag, but you can display them with Read More tags, by editing them with instructions as below:

From now on, whenever making a new post, the part of the post you want to HIDE on your main homepage, write those lines in between these code lines:

<span class="fullpost">WRITE THE PART OF THE POST YOU WANT TO HIDE HERE</span>

Thursday, April 9, 2009

YAHOO ONLINE AND OFFLINE SHOWING WIDGET || MUST SEE

Allright, to placed the yahoo! messenger icon just place this code at your sidebar :

<a href="ymsgr:sendIM?YOUR ID"><img border="0" src="http://opi.yahoo.com/online?u=YOUR ID&m=g&t=YOUR STYLE ID" /></a>

For example. If your yahoo ID is arham_ali63@yahoo.com, your ID is arham_ali63, So the code for yahoo! messenger icon with choice Style ID 9 is as follows :

<a href="ymsgr:sendIM?arham_ali63"><img border="0" src="http://opi.yahoo.com/online?u=arham_ali63&m=g&t=9" /></a>

Now, how to place the code to your blog. Follow the teps :

Login to blogger with your ID.
After entering the dasboard page , click Layout.
Click at Page Element tab.
Click at Add a Page element.
After emerging pop up window , click add to blog button for the things HTML/JavaScript.
Copy and paste the code below into available column :

<a href="ymsgr:sendIM?YOUR ID"><img border="0" src="http://opi.yahoo.com/online?u=YOUR ID&m=g&t=YOUR STYLE ID" /></a>

Change YOURID with your yahoo ID and StyleID with number of your choice.

Finish. Please see the result.

IF HAVING ANY PROBLEM THAN JUST LEAVE A IT IN COMMENT BOX .

Saturday, April 4, 2009

Expand Collapse Widget || Must See

Hey friends This a very cool widget & attractive too.
it helps in making ur side bar small in size
&
also it makes the blog more attrative ..

You Can See It working on my blog only
you will find in my side bar

If u want this widget on ur blog than jst follow these steps :-

Log in to Blogger, go to "Layout", click on "Add a Gadget", and select it as "HTML/JavaScript" type. Now add this code to the widget:

<!--

function showHide(elementid){

if (document.getElementById(elementid).style.display == 'none'){

document.getElementById(elementid).style.display = '';

} else {

document.getElementById(elementid).style.display = 'none';

}

//-->

</script>

<font face="monotype corsiva" size="5">Expand Widget Box (+/-)</font></a>

Your Text Here

</div></center>

Enjoy It !!!!

Thursday, April 2, 2009

Smileys Above Your Comment Area|| Must See

Hey friends this is a very cool hack
You can see this hack working above my comment area

If u want these smileys above ur comment than u jst have to follow these steps :-

First log in to Blogger
Then go to Layout -> click on "Edit HTML" tab.

Now find this code :

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

Now right IN-BETWEEN those two lines, add all these lines:

<b>

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))

</b>

</div>

Now after this, find this:

</body>

And just BEFORE it, add this line:

That's it !
Now you can see smilies below your posts...

Tuesday, March 17, 2009

Script : SocialEngine 3.0.4 Rus + keygen + All Plugins + �// Must See

SocialEngine 3.0.4 Rus + keygen + All Plugins + ��

SocialEngine is a PHP-based social network platform that lets you create a social network on your website. Right out of the box, your social network will offer nearly all of the features found on today's wildly popular social networks. Instead of hosting your social network on our servers, we give you complete control over your project by allowing you to download the source code and install it on your own server.

Why a platform?
We don't want you to create "turnkey" cookie-cutter social networks. We want your new social network to offer something unique. We call SocialEngine a "platform" because it instantly gives you a simple, unbranded network. This lets you get right to deploying your unique theme, social structure, or concept using our source code as a foundation.
What makes SocialEngine different?
SocialEngine is the only self-hosted social network platform that can truly give you the opportunity for explosive, viral growth. Other social network apps create social networks that look and work the same. SocialEngine's simple design lets you highlight your unique theme. We've gone to great lengths to make customizations easier, with detailed comments placed throughout the completely unencrypted source code. SocialEngine also includes advanced social features not found in other apps, like subnetworks, multiple possible friendship structures, and very comprehensive privacy settings.
Only buy the features you want.
Other social network apps overwhelm your users with superfluous features. History shows that the simpler, user-friendlier social networks are more likely to succeed. SocialEngine allows you to buy features "à la carte." This means that if your unique idea includes specific features like blogs or photo albums, you can build them yourself or buy them from us for a small fee.

SocialEngine - PHP-�� , �� . �� , �� , �� . �� , �� , �� , �� .
�� ?
�� , �� "�� " �� . �� , �� -�� . �� SocialEngine "��", �� , �� . �� , �� , �� , �� .

�� SocialEngine ��?
SocialEngine - �� , �� , �� , �� . �� , �� . �� . �� , �� , � �� . �� , �� , �� , �� , � �� .

Plugins:
Background Email System 3.0
Blog 3.00a
Chat 3.01b
Commented 3.03
Contact importer 1.00 (Reworked Nuski)
Education 3.03
Employment 3.03
Event 3.00a
Friends Inviter 1.2
Friends Inviter Advanced 3.1
Games 3.02b
Gmap 3.05
Gmap 3.05 (Not nulled)
Group 3.00a
Location 3.03
Music 3.02b
Photo album 3.00r
Photo album 3.02b
Poll 3.00a
RSS Feed 3.01a
Scheduler 3.0
Static Pages 3.03
Static Pages 3.04
Subscriber 1.00
Theme 1.00
Video 3.02b

�� : 2008
��: 3.0.4
��: Webligo Developments
��: all
�� : ��
��: 7.02 MB
Crack: ��
��: 26 �� 2 ��
��

http://www.rapidshare.ru/835374

or

http://depositfiles.com/files/l6tcldfj5

or

http://smsfiles.ru/f/a1350c0595d674de37da44171b026181/SocialEngine304.rar.html

Script : Multiclicker v1.5.0 // Must See

This release is somehow special, as Multiclicker is now one of few Java programmes that have fully working implementation of sortable JTreeTable.

This is valid for those having accounts at the following PTC (Paid To Click ) sites:
10Bux.net
AdsTab.com
Bux.to
Bux3.com
CrewBux.com
FoxCash.net
ThinkBux.com
WorldBux.com
iClickClub.com

So, earn with No extra efforts!

http://rapidshare.com/files/189876663/Multiclicker.1.5.0.zip

or

http://www.easy-share.com/1903410949/Multiclicker.1.5.0.zip

Tuesday, March 3, 2009

Animated Flash Tag Cloud For Blogger | Requested by GULFRIN

You can now easily display the tags of your blog in a more attractive way, by showing all the tags/labels in a flash box which will start revolving as soon as mouse cursor is placed on the widget. You can see the example of this widget in this blog itself.

"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress.

Initially I thought that as now these labels are being shown in flash widget so it may not be search engine friendly, but after looking at the source code, I came to know that it will not make these labels inaccessible to any search engine.

If your visitors do not have java script/flash enabled in their browsers, then it does degrade relatively gracefully, but label links will still be click able (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).

How to install Blogumus in your Blogger layout

Although there are some difficult methods available on Internet, but by following this method the task becomes surprisingly simpler !
You can copy paste the code as it is, or change the code before pasting into your blog HTML as per your requirements.
By default the flash widget will be in white background, with gray labels/text, and of dimensions 240x300. And all these can be changed so as to suit your blog's layout and colors.

To start with:
Go to the LAYOUT section, and click on EDIT HTML.
Now find this line/code:

<b:section class='sidebar' id='sidebar' preferred='yes'>

And immediately after this code line, paste these code lines(in new line):

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> via <a href='http://bloggerstop.net'>BloggerStop.Net</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar. Then you are free to save your template, edit the colors and dimensions as required, or move it to a different location. That's all!

NOTE: You must have already added labels to at least some of your posts, to see the widget in action.

Soft Tricks Centre

About

Labels

Blog Archive

Subscribe via email

Labels

Widget Box

Chicklets

Friday, May 29, 2009

Page Rank Updated

Friday, May 15, 2009

Blogging Tricks || Bgalaxy.co.cc

Thursday, April 30, 2009

Create A Sliding Side Menu || Must See

Thursday, April 23, 2009

Blog Stats [Total Posts & Total Comments] Widget

Wednesday, April 15, 2009

|| 3000 JavaScript || Must See ||

Monday, April 13, 2009

Change Newer Posts, Older Posts and Home Links In Blogger

Friday, April 10, 2009

|| Add Read More link to your posts || Must See ||

Thursday, April 9, 2009

YAHOO ONLINE AND OFFLINE SHOWING WIDGET || MUST SEE

Saturday, April 4, 2009

Expand Collapse Widget || Must See

Thursday, April 2, 2009

Smileys Above Your Comment Area|| Must See

Tuesday, March 17, 2009

Script : SocialEngine 3.0.4 Rus + keygen + All Plugins + �// Must See

Script : Multiclicker v1.5.0 // Must See

Tuesday, March 3, 2009

Animated Flash Tag Cloud For Blogger | Requested by GULFRIN