Header Ads

  • Breaking News

    Subscription Widget for Blogger

    Another widget with beautiful design. Very useful for any blog or site. It's easy to install and really gives a new and refreshing style to blogger/site.

    Take a look at demo.It's gorgeous and really easy for user to spot in a momment.  





    How to install:

    Find this (CTRL + F ) ]]></b:skin> tag

    Just above him, add next code:

    #subscription {list-style: none;margin-top: 0px;}#subscription li {padding: 5px 10px 5px 10px;height: 60px;}#subscription li a {color: #000;}#subscription li a:hover {color: #DC002C;}#subscription li h4 {margin: 0 0 0 45px;font-size: 18px;color: #000;font-weight: bold;border: none;font-family: 'Droid Sans', Helvetica, Arial, sans-serif;}#subscription li p {margin: 0 0 0 45px;font-size: 13px;line-height: 1.4em;color: #666;}#subscription li img {float: left;padding: 0px;margin: 0px 10px 0px 0px;}#subscription li:hover {background-color: #ff4444;}

    Click "Save template"

    Next Step:

    Layout-->Page Elements --> "Add a gadget"--> "html/java script" 

    Add this code to HTML gadget

    <div id="subscription">
    <ul id='subscription'>
    <li>

    <a href="https://twitter.com/bloger_girl">
    <img alt="Twitter" src="http://cdn5.iconfinder.com/data/icons/Social_store/64/twittershop.png"/></a>
    <h4><a href="https://twitter.com/bloger_girl">Follow me</a></h4>
    <p>You can follow my updates on Twitter</p>
    </li>
    <li>
    <a href="http://feeds.feedburner.com/blogspot/ekWMe">
    <img alt="Feed" src="http://cdn5.iconfinder.com/data/icons/Social_store/64/rssshop.png"/></a>
    <h4><a href="http://feeds.feedburner.com/blogspot/ekWMe">Posts RSS</a></h4>
    <p>Read my full posts on your favorite feed reader</p>
    </li>
    <li>
    <a href="https://www.facebook.com/pages/Bloger-Girl/732237670136151">
    <img alt="Facebook" src="http://cdn5.iconfinder.com/data/icons/Social_store/64/FacebookShop.png"/></a>
    <h4><a href="http://www.facebook.com/">Facebook</a></h4>
    <p>Become a fan of Bloger Girl on Facebook</p>
    </li>
    </ul>
    </div>


    Replace URL adress (colored) with yours URL and that's all. Have Fun :))



    No comments

    Post Top Ad

    Post Bottom Ad