Message Notification Widget for Blogger

You must want to go ahead by organizing friendly relation with your blog readers. You may have been using the different methods like organizing blog Contest and commenting on others blog. Don’t you think if there is any new method?


Recently, I post about how to remove widget automatically after someone visited the link. That’s quite unique. As I promised, I came back with another new trick about how to use that in your Blogger blog. Just before this post, I haven’t specified how to use this in your blog.

So, let’s get started.

Apply to Your Blog

First of all let’s erase your curiosity by viewing the DEMO on this post. You have to create the new Page for your blog. Go to Blogger.com > Posting > Edit Pages > Create new page. Now write the formal message in that page to your reader. See the example here.

Now, Add the new gadget on your blog. Design > Page Element > Add new Gadget > HTML / JavaScript. Paste the following code:

<!--Code by hacktutors.info-->
<a href="http://www.hacktutors.info/p/new-message-from-admin.html"><img src="http://1.bp.blogspot.com/_b0xJ7qk6DTc/THOGg9HAWII/AAAAAAAAA5g/
elVMNdR5AL0/s1600/unread+mail.png" alt="Unread Message" title="Unread Message" /></a>
<!--Code ended-->

Don't forget to replace red color URL with your Page URL that we have done in first step.

Again, follow the steps below:

1. Log on to Blogger.com

2. Head out Design > Edit HTML. (No need to check Expand widget Template box)

3. Now, Search for the widget ID that you want to make changes. For example, I’ placed the widget named “New Message” on my sidebar. So, I’ve to search for something like this:

<b:widget id='HTML7' locked='false' title='New Message' type='HTML'/>

Now, the widget ID is HTML7. Remember we only need widget id.

Copy the widget ID on something else (Notepad).

4. Now, Search for ]]></b:skin> tag on your template. Just above this tag, create the new CSS pattern just like this:

#HTML7 ul {
list-style:none;
margin: 0;
padding: 0;

}

#HTML7 a:visited {
display:none;
}

Don’t forget to replace HTML7 with your widget id that we've done in step 3.

Now view your blog once again. It may work now :)

Hope it helps you a lot. This is the very good way to notify your reader with the new message. After your reader view the message it will not appears on the second time. That means it is just like the E mail Message! It will automatically disappears if your individual reader already viewed the message.

Share your opinion do you like this new trick for blogger?

COMMENTS

BLOGGER: 18
Loading...
Hosted by HostGator
Name

Adsense Adsense hacks Advertising Affiliate Marketing Announcement Antivirus Application hacks Applications Backlinks Blog Blogger Blogger Features Blogger Help Blogger Roll Blogger Templates Blogger Widgets Blogging Bluetooth hack Bootable Browsers Business Cell phones Contest Cool tricks CSS Device Download Email Marketing Entertainment Facebook FeedBurner FIFA World CUP Files n Folders Flash Free software Fun with Windows Games Gmail hacks Google Google hacks Google Plus Graphic Hacking tools Hosting How to HTML Info Internet Tips ip address iphone hack Ipod hacks Javascript Keyword Research Make Money Blogging Make money online Mobiles Monetize Nokia hacking Page Rank Password Hacks PC Games PC Hacks Photoshop Promote site Reviews SEO Social Bookmarking Social Media Symbian hack Tips n Tricks Traffic Tutorials USB Virus Web 2.0 Web design Widget Windows Tricks WordPress WordPress Themes
false
ltr
item
Hack Tutors — Blogger Tricks, Blogging and Social Media Tips: Message Notification Widget for Blogger
Message Notification Widget for Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHTnsV5Hp1zQV5KJARDpsUxcwikpPbd_MJYQ_YS5_hpfbQsSo39xSpgPGr1cj9MBsdkdR73meOHUYpiJJd639r-BmGD5mXj4_0QLihjnybnynpUcS5DIvybf0NI8dcN-Q5S1kq5XLn_w/s1600/Newmsg.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHTnsV5Hp1zQV5KJARDpsUxcwikpPbd_MJYQ_YS5_hpfbQsSo39xSpgPGr1cj9MBsdkdR73meOHUYpiJJd639r-BmGD5mXj4_0QLihjnybnynpUcS5DIvybf0NI8dcN-Q5S1kq5XLn_w/s72-c/Newmsg.jpg
Hack Tutors — Blogger Tricks, Blogging and Social Media Tips
https://www.hacktutors.info/2010/08/message-notification-widget-for-blogger.html
https://www.hacktutors.info/
https://www.hacktutors.info/
https://www.hacktutors.info/2010/08/message-notification-widget-for-blogger.html
true
7369343002377078183
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy