bloggerarchive
247125322047940
تحميل

اضافة ازرار مواقع الاجتماعيه داخل صناديق اسفل كل تدوينيه اضافه جميلة جداً




https://lh5.googleusercontent.com/-rhLrCdcdMiw/UP1Kv9TsDXI/AAAAAAAAEj4/F4yrZ5U7wI8/s606/New%2520Bitmap%2520Image.jpg


السلام عليكم!

ساشرح لكم اليوم كيفية اضافه ازرار المواقع الاجتماعيه اسفل كل تدوينيه بشكل جميل

اسفل كل تدوينيه الازرار كما في الصوره اعلاه.

الان اترككم مع كيفية التركيب:
  1. اذهب للوحة تحكم مدونتك .
  2. القالب.
  3. تحرير HTML'
  4. متابعه و اشر على توسيع القوالب.
  5. اضغط Ctrl+F من لوحة المفاتيح.
  6. ابحث عن الوسم التالي:
 <data:post.body/>
7.قد تجد منه٣ او ٤ و المقصود هو الثاني او الثالث على حسب القالب.
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(http://4.bp.blogspot.com/-owP_GvTXlQU/T8yip3XNf6I/AAAAAAAABRc/5W54DInX7o0/s1600/chamelcool2.gif) 0 -7px no-repeat;
    width: 500px;
    margin-left: 65px;
}

.promote_twitter {
    width: 130px;
    height: 38px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 13px;
    text-align: center;
}

.promote_facebook {
    width: 115px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 63px 0 0 28px;
    text-align: center;
}

.promote_google {
    width: 65px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 28px;
    text-align: center;
}
</style>
    <div class='promote_post_bg'>
        <div class='promote_twitter'>
            <a class='twitter-share-button' data-via='اسمك في تويترl' href='https://twitter.com/share'>Tweet</a>
            <script>
                !
                function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (!d.getElementById(id)) {
                        js = d.createElement(s);
                        js.id = id;
                        js.src = &quot;//platform.twitter.com/widgets.js&quot;;
                        fjs.parentNode.insertBefore(js, fjs);
                    }
                }(document, &quot;script&quot;, &quot;twitter-wjs&quot;);
            </script>
        </div>
        <div class='promote_facebook'>
            <div>
                <b:if cond='data:post.isFirstPost'>
                    <script>
                        (function (d) {
                            var js, id = &#39;facebook-jssdk&#39;;
                            if (d.getElementById(id)) {
                                return;
                            }
                            js = d.createElement(&#39;script&#39;);
                            js.id = id;
                            js.async = true;
                            js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
                            d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
                        }(document));
                    </script>
                </b:if>
                <fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/>
            </div>
        </div>
        <div class='promote_google'>
            <script type='text/javascript'>
                (function () {
                    var po = document.createElement(&#39;script&#39;);
                    po.type = &#39;text/javascript&#39;;
                    po.async = true;
                    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
                    var s = document.getElementsByTagName(&#39;script&#39;)[0];
                    s.parentNode.insertBefore(po, s);
                })();
            </script>
            <g:plusone annotation='none' size='medium'/>
        </div>
    </div>
<p style='display:none;'> Sharing Widget by<a href='www.blogger-archive.com'>blogger-archive</a></p>
</b:if>
 عدل اسمك في تويتر في الكود:)
واضغط حفظ.
و اي استفسار يمكنك وضعه في تعليق و ايضا ارجو منك متابعتي على تويتر 
و الاشتراك في المدونه 

تحياتي..





ما رأيك: 
ويب 346527650361834244

إرسال تعليق تعليقات الموقع

  1. مشكور جدا علي البداع بس الفيس بوك ماشقل مع الازرار ارجوا اصلاحه تحياتي لك

    ردحذف
  2. تم تحريب الاداة اخي الكريم في اكثر من
    موقع و هي تعمل جيداً، لذالك قم بتجربة اعادة تركيب الاداة

    ردحذف

لاضافة صورة او فيديو في التعليق ضع رابط الفيديو بين الوسمين كالتالي:
[video] رابط الفيديو [/video]
[img ]ربط الصور [/img]
للتعليق اضغط على مربع التعليق ياسم و اختر : الاسم / عنوان URL ثم اكتب اسمك فقط اذا اردت واضغط الاستمرار.

emo-but-icon

الصفحة الرئيسية item

اشترك ليصلك جديد الموقع.

تابعنا على تويتر

أنضم للموقع!