Uncategories Add a Notice Board Widget To Blogger Template:

Sunday, 28 June 2015

Add a Notice Board Widget To Blogger Template:

Posted By: 04:00:00 Leave a Reply
By following these simple steps you can design you can insert a Notice Board Widget to your blogger template.
  • Go To Blogge>Layout>Add a Gadget> HTML/Java Script
  • Now Inside HTML/Java Script paste the below give Code.
  • Give A Name “Notice Board” and save it.
  • You are almost done.

<!– WPBT NOTICE BOARD CODE –><!– WPBT NOTICE BOARD CODE –><style type=”text/css”>.html-marquee {height:200px;width:290px;background-color:FFFF33;font- family:Verdana;font-size:12pt;color:CC0000;font-weight:bold;border- width:1;border-style:solid;border-color:660000;}</style><marquee onmouseover=”this.stop();” onmouseout=”this.start();” class=”html- marquee” direction=”up” behavior=”scroll” scrollamount=”2″>—————————————<br /><a href=”
http://www.openfile.net/6-blog-writing-tips-for-bloggers/“><img src=”http://www.animated-pictures.net/pictures/Words/46.gif” />
1. Create Three column Footer in Blogger </a><br /><br />—————————————</marquee>


Customize Notice Board Widget For Blogger:

Here i have bolded the important lines on the code, by modifying the code you can customize this widget to suit to your template.
  1. Pink Color Url : You can replace this Url with the Url of any image which want to display at the start of any text.
  2. Blue Color Url : You have to replace this Url with the Url of your post which you want to display on the Notice Board.
  3. Red Color Text : You have to replace this Line with the name of your post which you want to display.
  4. height:200px;width:290px; You can change the Height and width of the widget to fit your template.
  5. scrollamount=”2″ : By changing the value of “scrollamount”, you can control the speed of the moving Text. You can put 2,3, 4 … etc.
  6. height:200px;width:290px : By change the value of Height and Width you can change the shape of your widget 
I have given One Link here, you can add as many link as you can, for this you have to paste the  below given code after the Dotted line .

 <a href=”http://www.openfile.net/6-blog-writing-tips-for-bloggers/“><img src=”http://www.animated-pictures.net/pictures/Words/46.gif” />1. Create Three column Footer in Blogger </a><br /><br /></marquee>

Hope, i have completely explain this widget Now you can try it on your blog.

0 comments: