Skip to main content

Wordpress greet box for blogger -Widget

You might have seen a warm Greeting message on most of the Popular Wordpress blogs when you visit there from various referring sites. That greeting message is possible by a plugin for Wordpress blogs but now you can add it to your bloggers blog by adding as a gadget.A greeting widget for blogger blogs


Features :
transparent rss icon
1.Greet your visitors.
2.Request them to subscribe for your blog
3.Request them to stumble or tweet your post 


Installation
Best place to add this gadget is Just below post title or as a gadget above post area.
[1]Adding as Gadget above posts 


Log in to Blogger - > Layout - > Add a Gadget and select it as "HTML/JavaScipt"
Now paste this code in to it:

<script src="http://www.yourjavascript.com/24211708790/TextToBeDisplayedDiv-minv3.0.js"
type="text/javascript">
</script>
<div id="mainDisplayDiv">
<div style="float: right;">
<href a="#" onclick="closeGreetBox('7')"><img border="0" alt="x"
src="http://i45.tinypic.com/2m2wcw3.gif" />
</href></div>
<div id="dynamicContentDisplayed">
</div>
<script type="text/javascript">
// Give your feed url here
var feedURL = "YOUR FEEDS ADDRESS";
var dynamicHTMLText = displayRequiredText(feedURL);
document.getElementById("dynamicContentDisplayed").innerHTML = dynamicHTMLText;
</script>
</div>
<script src="http://bloggergreetbox.googlecode.com/files/HideShowDiv-minv3.0.js"
type="text/javascript">
</script>
<script type="text/javascript">
showHideDiv();
</script>
 Replace YOUR FEEDS ADDRESS with your feedburner blog feed.

That’s all. Save your template and see your blog for changes !!

[2]Adding just below post titles within the post

Dashboard -> Layout -> Edit HTML
And search for <div class='post-header-line-1'/&gt;
And paste this code below <div class='post-header-line-1'/>


<script src="http://www.yourjavascript.com/24211708790/TextToBeDisplayedDiv-minv3.0.js"
type="text/javascript">
</script>
<div id="mainDisplayDiv">
<div style="float: right;">
<href a="#" onclick="closeGreetBox('7')"><img border="0" alt="x"
src="http://i45.tinypic.com/2m2wcw3.gif" />
</href></div>
<div id="dynamicContentDisplayed">
</div>
<script type="text/javascript">
// Give your feed url here
var feedURL = "YOUR FEEDS ADDRESS";
var dynamicHTMLText = displayRequiredText(feedURL);
document.getElementById("dynamicContentDisplayed").innerHTML = dynamicHTMLText;
</script>
</div>
<script src="http://bloggergreetbox.googlecode.com/files/HideShowDiv-minv3.0.js"
type="text/javascript">
</script>
<script type="text/javascript">
showHideDiv();
</script>
;
 Replace YOUR FEEDS ADDRESS with your feedburner blog feed.

Adding or defining CSS to the greet box.
Define a class with name mainDisplayDiv and add height ,width,background color,border


#mainDisplayDiv {
margin:10px;
width:540px;
height:55px;
background-color:#98D1E9;
border: 1px dashed #593E1A;
}

Hope you like this tutorial.Do you like this tutorial?Will you add this widget to your blog ?
Share your thoughts and reviews with me.Thanks for reading

Comments

Popular posts from this blog

Best DoFollow Blog directories list for seo

List of Dofollow Blog directories,
Note: some items have profile information some do not, doesn’t matter, they’re all DoFollow Blog directories so submit your blogs to them all.
DOFOLLOW BLOG DIRECTORIES

Bloghop.com
Year Site Created: 2000
Indexed Pages in Google: 103,000
Backlinks in Yahoo: 542,700
PageRank: 6
Link Status: Dofollow
Quantcast Rank: 200,223
Editorial Policy: Yes
Spam in index: No
Submission rules: From the website:
We will reject: Spam blogs, hate blogs, stolen blogs, links to non-blog websites, links to illegal or illicit topics like child pornography. Blogs with under 5 posts are no longer accepted, but they might be waitlisted for later review if they look cool.
Commercial blogs are fine, but they must be “fun and useful.” Because of the huge amount of robot-generated blogs being submitted, blogs with the following will not be approved for listing: Acne, Mesothelioma, Real Estate, Lawsuits, Insurance, Gambling, SEO, Web Marketing, Medical Procedures and En…

Get ip-address widget for your blogger

Here is a unique collection of  IP address widgets which shows your visitors their Ip address,operating system,country,browser and the version of the browser.It is cool thing to display  ip address to your visitor's specially if you have TECH related blog.
Now you can get these any of these widgets and add these to your blogs by following these steps -

Get Ip Address Widget for your blog

1 .Choose any widget they are in different size and shapes,choose any according to your blog requirement.
2. Login to blogger dashboard ,and the click on Layout - > page Elements .
3. ADD a new HTML/Javascript gadget anywhere in your blog.
4. Copy any code from below(all are working) and paste in to HTML / Javascript gadget and then save your gadget.
5 Done,Your widget is Now live


1 .Square Ip Address Widget (Height=125px, Width=125px)<!--Ip Address Widget Starts--><span style="display: block; text-align: center;"><a href="http://myfundoo-blog.blogspot.com">…

27 Photography Blogger Templates for your Photo blog

This collection contain 27 different templates with unique banner unique design to each template, you’ll definitely find a Photography blogger template for you and your blog.The list includes Photoblog and Gallery style Blogger templates that you can use for showcasing your photos and design portfolio.Photo gallery blogger template

Don't forget to check out my previous collection of  33 music style blogger templates themes and xmls and
16 football/soccer blogger templates
1. Tequilas Flamejantes – DarkBlack color, Dark background. Gallery Blogger Templates 4 column, Right sidebar Fixed width, 1 sidebar.Photography Blogger Templates
This template for Gallery, Photo , blogs
DemoDownload 2.Tequilas Flamejantes – lightPhoto Gallery Blogger Templates This template for Photo gallery blogs Fixed width, Right sidebar. Yellow color, Light background. 4 column, 1 sidebar
DemoDownload 3. Photoplus Light Photography Blogger TemplatesFixed width, No sidebar. Light color, White backg…