பிளாக்கருக்கான அழகிய இரண்டு Social subscribe me Gadgets -(பிளாக்கர் டிப்ஸ்))

(பிளாக்கருக்கான அழகிய இரண்டு social  subscribe me Gadgets)

அண்மையில் ஒரு நண்பர் Social Subscibe Me Gadget ஒன்று செய்து தரும் படி பின்னுட்டத்தில் கேட்டிருந்தார். அதன்படி அவருக்காக செய்து வழங்கிய  Gadget மற்றும் மேலும் ஒரு Gadget மாக சேர்த்து இரண்டு Gadgets களை இங்கு பதிவிடுகிறேன்.

இந்த இரண்டு Gadgets களில் உங்களுக்கு பிடித்த Gadget ஐ உங்கள் பிளாக்கில் நீங்களும் இலகுவாக பொருத்திக் கொள்ளலாம்..
  • Horizontal Subscibe Me Gadget
    Demo :
Code :
<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/AVvXsEhMUYRozaMuX4tE7NDJpD0FopPdB7Ea4DNi8eW8_F_YbemAZ0P0brqkaLEcChyYW-NIEz5cvYreIKCasjkpf_EEm2OG5ifIDuSyhNn51VhM9boK52rQz0HFix09shw-S-k749LkgbGbMas/) no-repeat scroll 0 0}
.farhacool-soc-icons-bar li.fb a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitmLYM8_wWdRp8QSCdog9OH-2TRUfuL2Fww8aLWd9LjboFT6Qxo4wa_OKEJgMJPvwsbdxA6lzd0BDW7loUkjs6kRh8wjbcWIty2B7zpS2dWUBXTV2vaxJkzsxYsno7ADA775sDTncF7AU/) no-repeat scroll 0 0}
.farhacool-soc-icons-bar li.rss a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXe3vGUMjaN_Iv9B9squzu0wT9E1fyHD-Cj8W4PMlB0-Nv5TnoEK625nO_jL2w67_am0iHnBHahO4nHvGaqJLm2ubWlum4fntnTZMVQ87vTI9DhrpD5hfmWeBSdmTtmLTFnx42KUFqLlI/) no-repeat scroll 0 0}
.farhacool-soc-icons-bar li.email a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fzKo1PCQXJUcdtRlwX1QeVUh1apOeN6ouDX7Aj4u68LBCemMQsu8xd_YnXsaa-_w0vvN2ktVlgk1seh7dIoRevUTR1sG1WKE3B0E1LJUZpXvSkAXJR1KZk5BU66xVY0HBrNM4sRdx3Q/) 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
Demo :



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/AVvXsEhBJWK9sL1SU454CElZeNQV1s8Y-MtnBN3uscu04ky66wOirhYoWLVFm6Nlnw2RrdPYFoL55ycFH3FIYADbJJgXH8WeP-FUZYUEymp6Ms5F7bnS1sjy5nHaG_VhhfAhdDpuHh1DAH3FKyc/s1600/buzz.png) center top no-repeat; }
.subscribe_icons .subscribe_twitter a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib4UUmkPr3RRFhucQ_lBY-FhoiqIrWDrkfKqhnhKmylGepgL3I9IeDCFqTMY4jr4TYEA1rS3A544cx41eVtrXNGam34HuJAJyrQSrgX-mMIH2T8-dCc7iwjdIQE4k_tzBUCCJ9QbZg3cc/s1600/twitter1.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguZSAuYkO4Taufv_IKmby-rM4_1VJlPmpVCD_lYrjSmwv0inqUCxEjs-ZTULtshqb7HTnf79ZWycFBF5IThwDfRMiK8_snq18oKMIldkNjqvQhEiuFCBNgz1xXDTUIsyVpQUXSMa6fexk/s1600/facebook1.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAXqp1YMcDSF4gXlPexAABhI0Z7OsM54sZgCcbmqqbBNsipRJstvkf7fMEnnlMp7iq4NOXSWePUPZVB3O0HocZ4e1QDRS2LTvuaGxAcJCaSu5q1AF64sr3E-iXyfnx3yUCHB_ZaZs_bBA/s1600/rss1.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_azqdGoZts15YoovlfopijDh5HnsMobxsBSoFUWXn3aAXTevCfmx7ClLhuH-lGStvt0spFcO3PXFz2TzV-bT3AhYHOzfm2j_xmtwXTvW5Jg_vaRaTT9_Gb5XFAAI8_1y-A7K7PUvXsqE/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 ஐ உள்ளிடுவதன் மூலம் உங்கள் பிளாக்கில் அதனை இணைத்துக் கொள்ள முடியும்

Comments

  1. Very very useful post . . Thanks friend

    ReplyDelete
  2. Keep it up friend. . Try to visit www.kingraja.co.nr

    ReplyDelete
  3. அன்பு அட்மின் அவர்களுக்கு, வணக்கம்.

    இங்கே இணைவதில் மகிழ்கிறேன்

    நான் ஒரு வெப் சைட் வைத்துள்ளேன்.

    அதில் விளம்பரம் வரும்படி செய்வது எப்படி?

    என தெரிவிக்கவும்.

    web : www.janiyaa.freeforums.org

    gurukaruna2006@gmail.com

    ReplyDelete
  4. வணக்கம்,
    தங்களிடம் சோஷியல் நெட்வொர்க் சப்ஸ்க்ரைப் வெஜ்ஜெட் பற்றி கேட்டது நான் தான்.அதற்காக ஒரு பதிவே போட்டுட்டிங்க.நன்றி.ஆனா...என்னால அத என் ப்ளாக்ல சேக்க தெரியல.அப்படியே இணைத்தாலும் அதன் லோகோ எதுவும் தெரியல.வெறும் twitter னுதான் வருது.அதனால என் blogger username&password தருகிறேன்.நீங்களே அந்த விஜ்ஜெட்டை என் ப்ளாக்கில் வைத்துதருகிறீர்களா?உங்கள் மீது முழு நம்பிக்கை வைத்துதான் இதை கேட்கிறேன்.மேலும் இன,மத வேறுபாடின்றி இதை செய்துதருவீர்கள் என நான் நம்புகிறேன்.உங்கள் மெயில் ID யை அளிக்கவும்.
    தங்கள் பதிலை நோக்குகிறேன்.
    நன்றி.

    ReplyDelete
  5. @ Raja=Theking \, Chira..: thanks

    ReplyDelete
  6. @இர.கருணாகரன் விளம்பரங்களை எவ்வாறு இணைப்பது என்ப சம்பந்தமான தகவலை உங்கள் ஈமெயில் முகவரிக்கே விரிவாக அனுப்புகிறேன்

    ReplyDelete
  7. @ஆகமக்கடல் உங்களுக்கு என் மீது நம்பிக்கை இருந்தால் அனுப்புங்கள் .. இறைவன் நாடினால் செய்து தருகிறேன்...

    ReplyDelete
  8. Good Post :)

    i like to add 'top to bottom' button to my blog. will you give this?

    Regards
    Hari (http://hari11888.blogspot.com)

    ReplyDelete
  9. Learn Desktop Publishing Software (Graphic Designer)
    PageMaker, Photoshop, CorelDraw, Indesign, Mathtype, illustrator, Full Tamil Tutorials
    (Free PSD, EPS, Art Fonts, PSD Backrounds Etc Free Download)
    Visit our Blog : http://tutorialandmaterial.blogspot.in/
    பேஜ்மேக்கர் முழுவதுமாக கற்றுக்கொள்ள எனது வலை தளத்திற்கு வாருங்கள்...
    pagemaker, Photoshop, Coreldraw, Indesign, Mathtype, etc சாப்ட்வேர்கள் இலவசமாக டுடோரியல் மற்றும் வீடியோ டுடோரியல் ஆக உள்ளது...
    Visit our Blog : http://tutorialandmaterial.blogspot.in/

    ReplyDelete

Post a Comment

இந்த பதிவு பற்றிய உங்கள் கருத்து
உங்கள் சந்தேகங்களை தனிப்பட்ட முறையில் கேட்க விரும்பினால் மெனுபாரில் உள்ள Contact me என்பதை அழுத்தி உங்கள் சந்தேகங்களை கேட்கலாம்..

Popular posts from this blog

பிளாக்கரில் மேல் பகுதியில் உள்ள பட்டியை (Nav Bar) நீக்க -(பிளாக்கா் டிப்ஸ்)

அனைத்து தமிழ் சனல்களையும் நேரடியாக கண்டுகளிக்க உதவும் MY TAMIL TV (Free HD Mobile TV) அண்ட்ராய்டு அப்ளிகேசன்

Google Earth ல் நம் படங்களை இடுவதற்காக வழிமுறை