Sunday, August 26, 2012

How to Create Blogroll (Link List Box)


As a bloger, we usually added our Friends link on our blog. Day by day and month by month it's number will increased. But if your friends link over than hundredsor or even thousands, it will be a problem, your blog space will full of your friends link list.
Now I will show you how to create a blogroll, You can fill it with as many as links, and it's size will not get bigger. So it will save space on your blog or sidebar.
Here's the code that you should to copy and place on your blog or sidebar ("Add Page Element --> HTML/Java Script").

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 300px;
text-align: center; ">
#link1 <br />
#link2 <br />
#link3 <br />
#link...
</div>

Note:
- Text width: 200px; and height: 300px; is size of the box, you can change it according to your place or sidebar size .
- Change the text "#link1 , #link2 , #link3 dst" with your friends link list.

Thursday, August 23, 2012

Display Yahoo Messenger Status on Blog




The advantage of showing Yahoo Messenger status on your blog is your visittors can talk or ask something to you directly via YM, it will make your relationship with your visitor to be more tighly. Ok lets begin.

If you’re oflfline, it will display image like this:


And if you’re online, it will display icon like this:


It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.

<a href="ymsgr:sendIM?Blog Tricks"> <img src="http://opi.yahoo.com/online?u= Blog Tricks&amp;m=g&amp;t=2&amp;l=us"/></a>


Change the red text (Blog Tricks) with your YM id.

Look at the green number "2", you can change it. What the result of doing this? you will different image/icon as your YM status.



Wednesday, August 22, 2012

New Facebook Popout Likebox



HOW TO INSTALL FACEBOOK POPOUT LIKEBOX



Step 1: Adding Jquery JavaScript Plugin
    First you need to have a jQuery Plugin in your Blog template.This Step is Required, If your Blog already have this plugin then Ignore this Step.If your Blog Don’t have this Plugin, Install the jQuery Plugin.Add the below line of code before </head> tag.

Thursday, May 10, 2012

Add E-Mail Link For Blog

           
           If you need simple but useful email link, which will allow visitors to contact you, then you should use this html code


01 -  E-Mail Link With Image


Cool Html Codes




Code:

<a href=" lifestylewebs@gmail.com "><img src="http://littletechgirl.com/wp-content/uploads/1197149991928309730zeimusu_Thumbtack_note_email.svg_.hi_.png" alt="Cool Html Codes" title="contact-us" width="100" height="102" class="alignnone size-full wp-image-2686" /></a>   
                                                                                                                      


02 -  Usual Email Link

E-mail Me!


Code:


<a href=" lifestylewebs@gmail.com ">E-mail Me!</a>


03 -  Email Link with subject


Email Me!


Code:


<a href="mailto: lifestylewebs@gmail.com?Subject=Advertise on Blog Tricks">Email Me!</a>


Note: “lifestylewebs@gmail.com” in this part of the code write your email addresses




HTML Marquee Codes





If you want to get someone’s attention, then you should use the marquee codes . But,don’t use it too much,particularly if your site contains too much marquee text , it irritates and spoils the concentration of the reader.You can add marquee codes to tell your visitors what will be your next updates,popular posts,advertisements,etc.


1- Bouncy Text


Blog Tricks

Code:


<marquee behavior=alternate width="190" scrollamount="7" scrolldelay="96" height="20" bgcolor="#E0FFFF"><font size="5">Blog Tricks </font></marquee>


2 - Scrolling text
B
l
o
g
T
r
i
c
k
s



Code:


<font color="#FF0000"> <marquee direction=up scrollamount=0scrolldelay=0 style="filter:wave(add=13,phase=1,freq=3,strength=25)" width=100 height=220>B<br />l<br /> o <br /> g <br /> T <br /> r <br /> i <br /> c <br /> k <br /> s </marquee></font><br />


3 -  Scrolling Text
Blog Tricks

Code:


<marquee direction="Blog Tricks " bgcolor="#E0FFFF"> Blog Tricks  </marquee>






WIDTH: how wide the marquee is
HEIGHT: how tall the marquee is
DIRECTION: which direction the marquee should scroll
BEHAVIOR: what type of scrolling
SCROLLDELAY: how long to delay between each jump
SCROLLAMOUNT: how far to jump
LOOP: how many times to loop
BGCOLOR: background color
HSPACE: horizontal space around the marquee
VSPACE: vertical space around the marquee