பிளாக்கருக்கான அழகிய இரண்டு Social subscribe me Gadgets -(பிளாக்கர் டிப்ஸ்))
அண்மையில் ஒரு நண்பர் Social Subscibe Me Gadget ஒன்று செய்து தரும் படி பின்னுட்டத்தில் கேட்டிருந்தார். அதன்படி அவருக்காக செய்து வழங்கிய Gadget மற்றும் மேலும் ஒரு Gadget மாக சேர்த்து இரண்டு Gadgets களை இங்கு பதிவிடுகிறேன்.
இந்த இரண்டு Gadgets களில் உங்களுக்கு பிடித்த Gadget ஐ உங்கள் பிளாக்கில் நீங்களும் இலகுவாக பொருத்திக் கொள்ளலாம்..
- Horizontal Subscibe Me Gadget
- Demo :
<style type="text/css" media="screen">
<!--
/* Farhacool subscribe me gatget -----------------------------------------*/
#farhacool-social-box {
overflow:hidden;
}
#farhacool-social-box ul li {
display:block;
background:#EBF4FB;
border:#b6daf6 1px solid;
padding:10px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom:10px;
}
#farhacool-social-box ul li:hover {
border:#276dc1 1px solid;
background:#d3e6f5;
}
.farhacool-soc-icons-bar {
list-style:none;
margin:0px 0 0px;
padding:0
}
.farhacool-soc-icons-bar a {
font:18px Arial, Helvetica;
padding:4px 28px 16px 43px;
background:none;
text-decoration:none;
font-weight:bold;
text-shadow:1px 1px #fff;
}
.farhacool-soc-icons-bar a:hover {
color:#276dc1;
}
.farhacool-soc-icons-bar li{
display:block;
padding:5px 10px 5px 0;
height:25px;
background:none;
}
.farhacool-soc-icons-bar li.tw a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu1aUUJsGAuJb6VSsDMG0ikaxBdhgnrUN2cR1GN5K8RFbyb48AsXLUQF9R1FXExSQaCgaKagTqtrP51o2R00MT2HSdteyavMIMZogRRwj2Y41YiFEgaRKcDcPYs6Bf17GxQmrWgutafOc/) no-repeat scroll 0 0}
.farhacool-soc-icons-bar li.fb a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGvmtwMH-yWWMfyoGD1bP0wXBn6p3G4He3VO_HjYxiRSIY2m73N97heoCZ1sf1o97OMt9HOm1p5Dk3rlk6mg2kKzpstp5QKW-5spY1qasZ_TMrZ-oTVLihUPwV8_e6de8Skbp7zGnK7Pw/) no-repeat scroll 0 0}
.farhacool-soc-icons-bar li.rss a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGHE5Tki-8w_THerdjt-tCMXyJLyfnpw1LQuHWRCeGaQjXuhEbSiaiQKjTjkUt93jCvpOztTuoDxRZXx_fAMXSI6pRx1fCMadZjmiJHkpzXBtL1195TmOLDUR1VSbQrd8mTQe10cD6WAU/) no-repeat scroll 0 0}
.farhacool-soc-icons-bar li.email a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGeI8aANAPG4ArHcwNlr6Bjuz0yjmdj6fmSzngrAMI9-gcTFAbkITYLqAdM89QjvIpGswvqvr27O9JUCAc2vVG8R755HFmr1w67KGb_C2gpz_vIlEhRqRBhB2ObLcsJ1MPqf5E_RqY_-Q/) no-repeat scroll 0 0}
.farhacool-soc-icons-bar li.gbuzz a{background: url(http://w.sharethis.com/images/gbuzz_32.png) no-repeat scroll 0 0}
-->
</style>
<div id="farhacool-social-box">
<ul class="farhacool-soc-icons-bar clearfix">
<li class="rss"><a href="http://feeds.feedburner.com/farhacool">Subscribe via RSS</a></li>
<li class="tw"><a href="http://twitter.com/farhacool">Follow us on Twitter</a></li>
<li class="email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=farhacool">Subscribe via Email</a></li>
<li class="fb"><a href="http://www.facebook.com//apps/application.php?id=115738491809265&v=app_9953271133">Follow us on Fb</a></li>
<li class="gbuzz"><a href="http://www.google.com/profiles/farhacool123">Subscribe via Gbuzz</a></li>
</ul>
</div>
- Vertical Subscibe Me Gadget
Code :
<style type="text/css" media="screen">குறிப்பு : சிவப்பு நிறத்தில் காட்டப்பட்டுள்ளதற்கு பதிலாக உங்கள் முகவரியை உள்ளிடவும்
<!--
/* Farhacool subscribe me gatget css code
-----------------------------------------*/
#farhacool-subscribe { background:#f3f3f3; padding:8px 5px; border:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:8px;
}
.subscribe_icons { width:286px; margin:0px auto; }
.subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px; text-align:center; font-size:11px; }
.subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s
ease-out; color:#444 !important; }
.subscribe_icons a:hover { color:#26b !important; text-decoration:none; -moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -
webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); }
.subscribe_icons .subscribe_buzz a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgCXBIuaWkhXXvU45TeT-FCEvQQWhrslu_rp55K-jNPxsWeYZBMd2nnciGePLouh6Sa3gPfdanSbj1UhLFMWEoNi6ezik5ota8DLC09jGzvdnCqkD3VyqZJ2cQYCgA4NvMEgsGEhVavvk/s1600/buzz.png) center top no-repeat; }
.subscribe_icons .subscribe_twitter a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwGaEWz0q0IbxMrartc3we5zE2vSP4mbx87owwf74-h57mND1c6-3mbORbycy2mTFCmu1h6zzCRUUAuL0HfeAqe0rFYmzGn71ehX3YaLCNf2lB82n2ZROH5tH7LmtQsOE2UMWqJJ6E5n8/s1600/twitter1.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVPoUG639Rfx0CekmHR6oqx4I7O7YxeUCJI6O3eHKsoAVEL01H5DEZWBbfF86aX-9aB9W8dOYCEVxyGsfE1Oi33DWnpFJlF7OD4uU5v_4Cg2UIdeT4GpVIZIBoQlDX6immlULM_iP7sV0/s1600/facebook1.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLjOmOBo1PF1ifIWMNY5DRu_CfnxOB-4rw_a2Zu5Qcgvme4lmUHF_qs7ZtWwDOKcbCYr4o6nXSt0MBZVqHe53KgS1Iu7auFC3JLsoiNmkzHg7GuwUoPqRYLgQU8pCuePH1pmjvuE_vBMc/s1600/rss1.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSOmnEQOpf95Jfr6rvBZvZKcQc-2-f8RLgbHCwtSc8db8bnO3_UR5f8T2fJv9-T0xmeUzrZDU69nFUZ58nzj5ynl40hQwbyqxc1pgxR3qrzK5_IzTShqclYz-5u8Em_BUrNkNI3YZw50/s1600/email.png) center top no-repeat; }
-->
</style>
<div id='farhacool-subscribe'>
<ul class='subscribe_icons'>
<li class='subscribe_buzz'><a href='http://www.google.com/profiles/farhacool123' rel='nofollow' target='_blank'>Buzz</a></li>
<li class='subscribe_twitter'><a href='http://twitter.com/farhacool' rel='nofollow' target='_blank'>Twitter</a></li>
<li class='subscribe_facebook'><a href='http://www.facebook.com//apps/application.php?id=115738491809265&v=app_9953271133' rel='nofollow' target='_blank'>Facebook</a></li>
<li class='subscribe_rss'><a href='http://feeds.feedburner.com/farhacool' rel='nofollow'
target='_blank'>RSS</a></li>
<li class='subscribe_email'><a href='http://feedburner.google.com/fb/a/mailverify?uri=farhacool'
rel='nofollow' target='_blank'>Email</a></li>
</ul>
<div class='clear'/></div></div>
உங்கள் பிளாக்கரினை Login செய்து design என்பதை கிளிக் செய்ய வரும் Page Elementsபகுதிக்கு சென்று அதில், Add A Gatget என்பதை அழுத்தி வருவதில் HTML/JavaScript என்பதை அழுத்தி அந்த பெட்டியில் உங்களுக்கு பிடித்த Subscibe Me Gadget க்கான Code ஐ உள்ளிடுவதன் மூலம் உங்கள் பிளாக்கில் அதனை இணைத்துக் கொள்ள முடியும்
No comments:
Post a Comment