Comment Bubble Top Of Each Posts
Hello Friends Now I Will teach you How to Show A Comment Buble At The Top of Each Posts of You Blog Just Follow The Simple Steps :
Now To make comment bubble, JustLogin to blogger >
Then go to Layout >
Edit/Html >
Expand Widgets >
Press Ctrl+FAnd Search For
]]> tag and place the below codes before it.
.comment-bubble {float : right;width : 48px;height : 48px;background : url(http://i43.tinypic.com/dljpzo.jpg) no-repeat;font-size : 18px;margin-top : -15px;margin-right : 2px;text-align : center;position:absolute;padding:0px 0px 0px 0px;}
In red above is the image link of bubble,you can use yours and don't forget to change its width and height also of the image you use.To adjust the bubble position you can edit the distance from margin-right and margin-top properties of css.
Now after adding above css just find the below codes and add the red codes in between them as i have shown below.
Afer adding red codes in between them just preview your template,if comment bubble is ok,just save your template and you are done.Now you have added an comment bubble to bog in an very easy way you wouldn't have thought of.Enjoy this hack and let me know you liked it or not.And Friends i will try to schedule one or two posts for you,but that for sure will be small blogger tutorials which also will be very useful for you to learn a lot.
Leave A Comment
Post a Comment