- Go to Blogger
- Take Backup of your Blog Template
- Search For <head>
- Just Below of <head> past the following JQuery Code only if you are Not yet using Jquery Script on your blog
Add Below JQuery inside the head tag only if yet you are not using Jquery script in your blog
- Now Add Below Given Code in your blog by add a widget option
Copy and Past Below Code in Your Blog
<!–Floating Facebook Widget START–>
/**/ <style type=”text/css”> .vktechzone{background: url(“http://ift.tt/2rRgVa3”) no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .vktechzone div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .vktechzone span{bottom: 4px;font: 8px “lucida grande”,tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .vktechzone span a{color: gray;text-decoration:none;} .vktechzone span a:hover{text-decoration:underline;} } </style>
Note:- Replace tztown with your Facebook page ID.
How to Add Html/Java widget? Follow below steps to add Widget- Go to Blogger
- Go to your blog Layout option.
- Now Select Add a Gadget option.
- Now select Html/Java Script option
- Now past the above code in Content area field and press save button.
from Blogger http://ift.tt/2smdDik
via IFTTT
from WordPress http://ift.tt/2swQuZc
No comments:
Post a Comment