How to add a welcome floating massage in blogger - Okongeorge | Digital Wealth & Empowerment How to add a welcome floating massage in blogger : Okongeorge.com
Okongeorge | Digital Wealth & Empowerment

Learn and Make Money Online.

Date: - Time:

How to add a welcome floating massage in blogger





A welcome floating massage is one of the stylish, elegant and beautification widget that can be added to your blogspot or blogger blog to welcome visitors to your blog. This can make more sense for increasing your social presence and brand, especially when you add your image and like, shares, and follow buttons to it.


Like I did, I embedded the welcome floating massage on top of my blog before the content column so readers can easily notice it when visiting my blog.  As a welcome massage to my blog readers, it worth being at the top of the blog to welcome each and every visitors entering my blog, and including image or branded logo and social media likes, shares and follow button could just be additional tweaks to make it standout and more responsive. 

My advice is, display the floating welcome massage only on web view because, it might not work perfectly on a mobile view especially, the moving welcome massage note. There is nothing so special or thrilling about the floating welcome massage in blogger, but remember, what you dislike might really intrigue others, and thus worth writing as you can see, I also get it integrated into my blog.

The welcome floating massage for example (welcome to okongeorge.com) is rotating from right to left, and you can tweak it to a way best preferred to you. To get this done, simple copy the code bellow into your blog using Javascript/HTML blogspot or blogger feature.

  •       Login to you Blogspot or Blogger dashboard.
  •      Click on “Layout”.
  •      On the main column, click on “Add a Gadget”. 


  •      From the Blogspot or Blogg Gadgets panel, click on “Javascript/HTML”.
  •      From the configure HTML/Javascript opened window, paste the code bellow.


<marquee><br /></marquee>
    <br />
Welcome to okongeorge.com    <div style="background: #adebeb; padding: 5px 10px 10px;">
    <h4>
    <marquee>!</marquee></h4>
    <img border="0" height="60px" src="https://4.bp.blogspot.com/-rTK3zkVqeRw/VJHA034nvzI/AAAAAAAAAyk/u-ymdpVRbAo/s1600/Best%2BCouples.jpg" style="float: right; margin: 0 0 5px 5px;" width="75px" />
    <br /><strong>
    A digital wealth and empowerment platform, where you learn and make a legitimate money online with Okon George. Here with my blog, I am bent to helping you and others succeed in online business career; so if you think my blog is really helpful then hit the like, share and follow buttons below.Thanks</strong><br/>

<a class='twitter-follow-button' data-show-screen-name='false' href='https://twitter.com/okongeorge1'>Follow @okongeorge1</a>

<div class='g-follow' data-annotation='bubble' data-height='24' data-href='//plus.google.com/+okongeorge' data-rel='author'> </div><br />

<div class="fb-follow" data-href="https://www.facebook.com/okon.george3" data-layout="standard" data-size="small" data-show-faces="false">

<div class="fb-like" data-href="https://facebook.com/okongeorge.fans" data-layout="standard" data-action="like" data-size="small" data-show-faces="false" data-share="true">
</div></div></div></div>


Interpretation: all the yellow shaded codes and write-ups are what you need to edit by including your own welcome note, social media like, share and follow button write to make it stand out. For example:

  •       You can replace Welcome to okongeorge.com with your own website or blog url.


  •      A digital wealth and empowerment platform, where you learn and make a legitimate money online with Okon George. Here with my blog, I am bent to helping you and others succeed in online business career; so if you think my blog is really helpful then hit the like, share and follow buttons below.. Thanks – This is my welcome massage. Replace it with your own welcome massage to your blog visitors.

  •      https://twitter.com/okongeorge1'>Follow @okongeorge1 – that’s my twitter follow handle. Replace it with yours.

  •      //plus.google.com/+okongeorge – That’s my Google+ handle url. Replace with yours.



Note: all other features in the code above remains intact. Only the yellow shaded must be replace with your own urls. You can choose not to include the social share buttons by just concentrating on the welcome note only. It is your choice, and it’s left for you to decide. But, including those likes, share and follow buttons could help increase your social status, since the widget is what the visitors will first see when visiting your blog.

That’s that for adding a welcome floating or rotating massage for users in Blogsopt or blogger blog. I hope it satisfy a need? 

Pls, do kindly share and comment bellow. 

Thanks

3 comments:

  1. Awesome. I believe these guidelines and tips will make me able to add a floating message to my website and make me able to show something to attract my website visitors.

    ReplyDelete
    Replies
    1. Definitely, It will. You can go ahead tweaking it the way most preferred by you. I'm glad you found value.

      Delete

Show Emoticons

Widget