[ اضافة] كودة النشر على المواقع الاجتماعية

0 التعليقات
A+ A-
أعدادات النص
السلام عليكم

اليوم راح اقدم لكم اضافة اداة أضف أداة النشر على المواقع الاجتماعية بطريقة جميلة واحترافية لمدونات بلوجر
أزرار النشر على المواقع الاجتماعية لدورها الكبير في  زيادة شعبية مدونتك
تتيح لزوارك نشر مواضيعهم على facebook, goole +1 و twitter,وسترى أني أستعملها شخصيا في مدونتي¨

[ اضافة] كودة النشر على المواقع الاجتماعية

 

    طريقة التركيب : 

  • ادخل المدونة .
  • القالب.
  • تحرير html .
  •  ونبحث عن <div class='post-footer-line post-footer-line-1'/> او  <data:post.body/>
  •  ضع قبله مباشرة هذا الكود



 <b:if cond='data:blog.pageType == "item"'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtgQyRMgN-YAfrPtuwb7HfBZEmZAwX0jDHA5wTpxPtVCdJS1S20u8olxhlrgb8fqD0q0wk73hNpymsDfDUPeMeoYcpLfqSPjpL2rrrNiTVgrc7kiOnuxN6L7KRj-q0ebxiL9KAyVe7Eur/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='chamelcool' 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 = "//platform.twitter.com/widgets.js";
                        fjs.parentNode.insertBefore(js, fjs);
                    }
                }(document, "script", "twitter-wjs");
            </script>
        </div>
        <div class='promote_facebook'>
            <div>
                <b:if cond='data:post.isFirstPost'>
                    <script>
                        (function (d) {
                            var js, id = 'facebook-jssdk';
                            if (d.getElementById(id)) {
                                return;
                            }
                            js = d.createElement('script');
                            js.id = id;
                            js.async = true;
                            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                            d.getElementsByTagName('head')[0].appendChild(js);
                        }(document));
                    </script>
                </b:if>
                <fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='false'
                show_faces='false' font="verdana" action="like" colorscheme="light"></fb:like>
            </div>
        </div>
        <div class='promote_google'>
            <script type='text/javascript'>
                (function () {
                    var po = document.createElement('script');
                    po.type = 'text/javascript';
                    po.async = true;
                    po.src = 'https://apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(po, s);
                })();
            </script>
            <g:plusone annotation="none" size='medium'></g:plusone>
        </div>
    </div>
<p style="display:none;"> Sharing Widget by<a href="http://chamelcool.blogspot.com/">chamelcool</a></p>
</b:if>

 قم بحفض القالب

ليست هناك تعليقات:

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ولا ننشر تعليق يخص مدونات تخالف الشريعة الإسلامية , اما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولا بمحول الأكواد , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار صندوق التعليقات.


يمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود :
ت1 ت2 ت3 ت4 ت5 ت6 ت7 ت8 ت9 ج1 ج2 ج3 ج4 ج5 ج6 ج7 ج8 ج9 د1 د2