Welcome to All. Today I will show you, how to make cool Gadget Tile Bar with text effect on your Blogger Blog.You can easily add the Gadgets on your Blog apart from any programming knowledge.
At first, you must need to log into Blogger Blog with your Google account and just follow the instructions below:
1. Go to Blogger Dashboard >> Layout
2. Click on Add a Gadget link above right side of layout (Like below screenshot)
3. Now scroll down the Add a Gadget window and click on HTML/JavaScript (Like below
screenshot)
4. Keep blank the Title box.
5. Copy one of HTML code from the designs given below and Paste into the Content box.
6. Click Save.
7. Now you drag and drop the gadget from top of right side of the Layout just above your targeted gadget (Title related gadget).
Ok, you have done. See View Blog .
Design-(1)
<center><embed src="http://www.animated-gifs.eu/glitter-text/show.swf?message= Recent%20Posts &font=http://www.animated-gifs.eu/glitter-text/fonts/plainn_lib2.swf&glitter=http://www.animated-gifs.eu/glitter-text/glitters/glitter1.swf&clickURL=http://www.animated-gifs.eu/&type=0&clickLABEL= &flashLABEL= &bevel=1&shadow=1&glow=1&blur=0&fade=0&blink=0&gb=3.8&ga=1&gi=0&gc=0&bb=1.1&bc=0&sb=5.8&sa=1&si=0&sc=16711680&blb=4.5&ls=-4.5&fontsize=36&num=1" quality="best" wmode="transparent" bgcolor="#ffffff" width="300" height="74" name="glitters" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br /><small><a href="http://www.animated-gifs.eu/"> </a></small></embed></center>
Note: (1)You can change the highlighted HTML text - Recent%20Posts just replacing with your
won text what you like. (example-Popular Posts / Blog Archive etc.)
(2) You can customize the size of this Gadget editing the highlighted text - width="300" height="74"
(3) You can customize the font size just editing this highlighted text - fontsize=36
Design-(2)
<center><embed src="http://www.animated-gifs.eu/glitter-text/show.swf?message=Blog%20Archive&font=http://www.animated-gifs.eu/glitter-text/fonts/plainn_lib5.swf&glitter=http://www.animated-gifs.eu/glitter-text/glitters/glitter19.swf&clickURL=http://www.animated-gifs.eu/&type=0&clickLABEL= &flashLABEL= &bevel=0&shadow=0&glow=1&blur=0&fade=1&blink=0&gb=2&ga=0.6&gi=1&gc=3381708&bb=2&bc=0&sb=7&sa=0.7&si=0&sc=16711680&blb=7&ls=-5.5& fontsize=36&num=19" quality="best" wmode="transparent" bgcolor="#ffffff" width="317" height="87" name="glitters" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br /><small><a href="http://www.animated-gifs.eu/"> </a></small></embed></center>
Note: (1)You can change the highlighted HTML text - Blog%20Archive just replacing with your
won text what you like. (example-Popular Posts / Related Posts etc.)
(2) You can customize the size of this Gadget editing the highlighted text - width="317" height="87"
(3) You can customize the font size just editing this highlighted text - fontsize=36
Design-(3)
<embed src="http://www.animated-gifs.eu/banner-maker/show.swf?baseURL=http://www.animated-gifs.eu/banner-maker/&clickURL=http://www.animated-gifs.eu/&clickLABEL=&flashLABEL=&url=http://digitaleyesdigits.blogspot.com/&txt=Related%20Posts&card=http://www.animated-gifs.eu/banner-maker//banner_images/digital/2.jpg&tc=16711680&sc=0&font=http://www.animated-gifs.eu/banner-maker/fonts/plainn_lib11.swf&tr=0&ts=55&tx=20&ty=4&glitter=1&rounded=0&bevel=0&sepia=0&theme=http://www.animated-gifs.eu/banner-maker/themes/flower.swf&theme_al=100" quality="high" bgcolor="#ffffff" width="270" height="50" name="show" align="middle" allowscriptaccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/><br /><small><a href="http://www.animated-gifs.eu/"><a/></a></a></small></embed>
Note:: (1) You can customize the size of this Gadget editing the highlighted text - width="270" height="50"
(2) You can customize the font size just editing this highlighted text - 55
** If you face any problem, please leave comments into the comment box without any hesitating. I will try my best to help you every time.
No comments:
Post a Comment