बगैर टेम्पलेट में बदलाव किये स्टिकी फ्लोटिंग विजेट पोस्ट के साथ जोड़े


मनोज जैसवाल : सभी पाठकों को को मेरा प्यार भरा नमस्कार पिछली सभी पोस्टो को अत्यधिक पसंद करने के लिए आप सभी का हार्दिक आभार  तकनीकी पोस्टो के क्रम में आज आपके लिए लाया हूँ  एक नया विजेट. स्टिकी फ्लोटिंग विजेट ब्लॉगर पोस्ट के साथ जोड़ना है इस का लाइव उदाहरण आप मेरे इस ब्लॉग में देख सकते है   यह  भी बगैर  टेम्पलेट में बदलाव किये लगाया जा सकता है इसे लगाने के लिए विशेष तकनीकी ज्ञान की जरुरत नहीं है अपने ब्लॉगगर खाते में लॉन्ग इन करे एड  बिजेट में जाबा स्क्रिप्ट का चयन कीजिये खुले बॉक्स में नीचे दिया कोड कॉपी कर पेस्ट कर सेव कर दीजिये  बिजेट आपके ब्लॉग पर लग जायेगा अब खीच कर लेआउट में पोस्ट के ठीक नीचे  लगाये है ना एक दम आसान 
1 . नीचे चित्र दिए गए है (यह नए ब्लॉगरो के लिए है.पुराने लोग यह तरीका जानते है.) 









<style>
/*-------manojjaiswalpbt Floating Sharing Widget------------*/
#floatdiv {
  position:fixed;
bottom:15%;
margin-left:-70px;
z-index:10;
float:left;
padding-bottom:2px;
}
#mbtsidebar {
        background:#fff;
        border-top:1px solid #ddd;
        border-left:1px solid #ddd;
        border-bottom:1px solid #ddd;
        border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
        padding-left:5px;
        width:60px;
        margin:0 0 0 5px;
}
.fb_share_count_top {width:52px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>


<div id="floatdiv">
<div id="mbtsidebar">
    <table cellpadding="1px" cellspacing="0">

    <tr>
    <td style="padding:5px 0px 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="manojjaiswalpbt">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    <tr>
    <td style="padding:5px 0 2px 0;">
    <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
    </td>
    </tr>
    <tr>
    <td style=" padding:5px 0px 0px 0px;">
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
    <tr>
    <td>
<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:#D3D3D3;" href="http://www.manojjaiswalpbt.com">Widgets</a></p>
    </td>
    </tr>
    </table>
</div>
</div>


 2. अपने विजेट को सहेजें और यह सिर्फ पोस्ट भाग  नीचे खींचें के रूप में नीचे दिखाया गया है,

      3. अब अंत में ऊपरी दाएँ कोने में सहेजें बटन पर क्लिक करें 
बचाने के लिए बटन
4. यह  अपने ब्लॉग पोस्ट  के बाईं ओर लगा देखें.

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
इस पोस्ट का शार्ट यूआरएल चाहिए: यहाँ क्लिक करें। Sending request...
Comment With:
OR
The Choice is Yours!

1 कमेंट्स “बगैर टेम्पलेट में बदलाव किये स्टिकी फ्लोटिंग विजेट पोस्ट के साथ जोड़े”पर

  1. शानदार बिजेट मेरे ब्लॉग पर आपका स्वागत है.

    ReplyDelete

Widget by:Manojjaiswal
Related Posts Plugin for WordPress, Blogger...
Online Marketing
Praca poznań w Zarabiaj.pl
 

Blog Directories

क्लिक >>

About The Author

Manoj jaiswal

Man

Behind

This Blog

Manoj jaiswal

is a 56 years old Blogger.He loves to write about Blogging Tips, Designing & Blogger Tutorials,Templates and SEO.

Read More.

ब्लॉगर द्वारा संचालित|Template Style by manojjaiswalpbt | Design by Manoj jaiswal | तकनीक © . All Rights Reserved |