Installation
- Top Sidebar Widget
I have added social icons and search bar in demo to the top of sidebar.But you are free to use anything there you like.To add your content just go to Layout > Page elements and you will see add a page element at top right.Just add anything you want.If you want to add social icons and search bar like i did add the below codes in widget.
<div id='socialbookmark'>
<ul>
<li>
<a href='/feeds/posts/default'>
<img alt='RSS Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL06tyP9kCLaPYPnyT0WcCVNX-vmD2huYt4YlTyM-7vrdlOUeccx1TnLJB5BqzG9dscVLmgTj03SF_O7vWMn0AG-sS89xP_YRefeaIl08n89tPGg9EwV75bIUuycUDSE_iDbQaM87Gp8Bm/s400/rss.png'/></a></li>
<li><a href='http://www.facebook.com/YOUR-USERNAME'><img alt='Facebook Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMTKVFWaL6RO8Ju8xWZOOLEKxSuaxFeVyOR3R1OlBQEzNaNg0Tjb2AT1T1ULOG4PNaEl9eXGKoLA8-nYIfp4SoESMK7EWxm0kYMdbzeWrZH5uzKLEBXng9YsOxwh-vNFzHO6NamK9dkLiZ/s400/facebook.png'/></a></li>
<li><a href='http://www.twiter.com/YOUR-USERNAME'><img alt='Twitter Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWtY-5V_hVX8Ae3anDy81ExEu6GKSnjbW_P2LmY38_ssGMpG13wDusORz-wK18Y8GRB07efEUfG3yvVE7PerqsSyvJU3U63lyoQCULP7_y4mFKoCpmL-wUdUXS9JCwkKi3JU8dpV6bAMjE/s400/twitter.png'/></a></li>
<li><a href='http://YOUR-USERNAME.stumbleupon.com/'><img alt='StumbleUpon Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyvw_yuVyXo4LYtntW2kUQi3cXkjxR-1TBUOx-v7Z1eBa_q_CFsp3x83fSYUgMZPgBbboWwlKdmRY3DuQkMJQh4NiXZ5UGFuWpxn1MszvqkDSuzaFufCAowt3DVnOpspPhqZfm4ECUnJ-z/s400/stumpleupon.png'/></a></li>
<li><a href='http://www.delicious.com/YOUR-USERNAME'><img alt='Delicious Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Dbx5CjBl23eyVsSfXjJJ5WuM2B-xv0uTat7GI7ZHS4KjiFcRcjuSfOkA9fkrUeks0oVeIECckIf8EQeZt9axav6oAtLwbna5nhJrD3hLQe5v-UP82UxMQAsC1x08UjJ3uiFepSDBk6dv/s400/delicious.png'/></a></li>
<li><a href='http://technorati.com/people/technorati/YOUR-USERNAME'><img alt='RSS Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOOwaeYzad3MN2-4JwRWhyphenhyphenLE_AWeuvw63xwH4zSvtB3526_zP6PX7NNEcID7f2Cf0v-1i4wrYwViuJ6qa1NHIjF6Ta3996P0LSNuwyKn7g9-kd0DnX9cUsEMVjBULdV74Dgk8Z3CkBR_-5/s400/technorati.png'/></a></li>
<li><a href='http://digg.com/users/YOUR-USERNAME'><img alt='Digg Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvXV1WHJYfmZT0VVQmixi0uqvbUlAtUhO0jeNdu1zCa_1S38bNGZfep0jCHFwuKx4r0P_qw6Q7izpSjF3uDAD_Qu_nXvws_MlM7hVMC0t59-zGGx9mVht27w8eDfxJQ3zCqGfL7dXwWflZ/s400/digg.png'/></a></li>
<li><a href='http://www.reddit.com/user/YOUR-USERNAME/'><img alt='Digg Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNPppzVB6qpfOviXB02iJCc3puhjnonMl0wZ38t0N6ZAu8w0RiTvfIEX9LGhM8d00v__qkk_Fw4iOFrFJ0PsayfLMM1FACYG6KJu5rTmmOMzRV5GPU6K317tmM2mPE8CVXCMR2mjXJCiJf/s400/reddit.png'/></a></li>
<li><a href='http://flickr.com/YOUR-USERNAME'><img alt='Digg Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQjDs1jiWJiANJDml6kGZqVIM24s1xBE8M8DuCfrICI0oVPR9IkCWgFvLIaj_EQoHhzRP3hqOw8ryw9FMpaNQZexPAnkWwzuWMdZaibMGMR3uB7CZEvnetWPoxk6mKn8PdOfeDOaf-UT8S/s400/flickr.png'/></a></li>
<li><a href='http://bookmarky.com/YOUR-USERNAME'><img alt='Digg Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisIe9KpA8zlCEYvY35DmM8wUSTFJU4lFPmMCBmr6q3INn7w2yHNZfr_UkuOlzYkAUXR1enuXGRpum1rYsX2k_PtQ6JRDOeVAdaLlxHS9COoInU4lpRlRYvmLHXlig6oymaRrpPpiIrmzQi/s400/bookmarky.png'/></a></li>
</ul>
</div>
<br/>
<form action='/search' class='searchform'>
<input class='searchfield' name='q' onblur='if (this.value == '') {this.value = 'Search...';}' onfocus='if (this.value == 'Search...') {this.value = '';}' type='text' value='Search...'/>
<input class='searchbutton' type='button' value='Go'/>
</form>
Just change the YOUR-USERNAME with all your profile names on socail sites.
0 கருத்துகள்:
Post a Comment