ادعمناعلي الفيس بوك Close

الجمعة، 20 سبتمبر 2013

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

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

 

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


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

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

الان اترككم مع كيفية التركيب:

  1. اذهب للوحة تحكم مدونتك .
  2. القالب.
  3. تحرير HTML'
  4. متابعه و اشر على توسيع القوالب.
  5. اضغط Ctrl+F من لوحة المفاتيح.
  6. ابحث عن الوسم التالي:
<div class='post-body-2'>
7.قد تجد منه٣ او ٤ و المقصود هو الثاني او الثالث على حسب القالب.
8. وضع الكود بعده مباشره
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKm2lNRYp_FXAQjY74A9EgUjDdZR3eRUwJscTjhwCa-sKVqE4JRMOxjseyUxUXJAq8X3p5FtJOi2xycEgwUfMRa-jZV4dh0F_eBXTS1HeV-V2dU6wAChAMrzD5ewwmm1ZyULXGDmE635yL/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>
 عدل اسمك في تويتر في الكود:)
واضغط حفظ.

  وباذن الله تعالى هيشتغل معاك

0 التعليقات:

إرسال تعليق