Adding a Dashing Subscribe Now Box to Blogger so adding a Subscribe Box is not only useful for a user but also for a publisher.By using Rss Feed,Email Subscription,Facebook Like and etc... Fixed Position Slide Open Egg Social Bookmarking Gadget.This gadget is basically a egg, when you hover over it, it splits and reveals.. Add a Do you Like this Story Subscription Box below Posts (Animated)we managed to design a fully equipped blogger widget that contains Facebook Like & Send button, Email Form (Subscription box) and social media icons. This widget can be found on many wordpress blogs added at the bottom of posts those button widgets in fact do not slide when the user scrolls the page up or down. The only thing I needed was a well constructed JavaScript code that could make the widget to float up and down synchronously Add Animated Rainbow Changing Colors To The Links On BloggerIn this post i have a neat effect for the links on your blog.Using some javascript you can make the links on your blog change through different colors when the cursor is hovered over them
/ / / Add An Admin Badge Plus Differant Picture To Author Comments On Blogger

Add An Admin Badge Plus Differant Picture To Author Comments On Blogger

,

Now while we are adding the admin badge or image we might as well add some more styles to the author comments so they stand out, it does not require any extra work so why not.To that end i have also included the Css for your comments to have a different background color, Different border color and the border will have rounded cornersNow i have broken this tutorial into two sections, everyone can follow the first 4 steps.Then we have separate steps for people with templates from the Blogger template designer and people with custom or older blogger templates.This accompanied by the nature of the tutorial makes it a little harder, but I'm sure you can do it just take your time.

Adding The Admin Badge To Author Comments

    1.Go to Blogger Dashboard --> Design --> Edit HTML
    2.Backup your Template before making any changes to your blog
    3.Now Expand Widget Templates
    4.Find the code shown below using [ctrl+F]

]]></b:skin>

Copy and Paste the following code directly Above / Before ]]></b:skin>

.comment-body-author {
background: url("http://spiceupyourblogextras.googlecode.com/files/admin.gif") no-repeat scroll right bottom #BFE3FE;
border: 1px solid #80C8FE;
-moz-border-radius: 6px;-webkit-border-radius: 6px;
padding:5px 35px 3px 3px;
}
Note - The image URL is highlighted in yellow and you can change that to use a different image.The colors are also highlighted, in green is the background color and in blue is the border color.

Now Save Your Template
Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

1 comments:

Subscribe to: Post Comments ( Atom )