10 فبراير 2013

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

السلام عليكم 
في هذا الدرس سوف أتناول أنا وإياك إضافة جميلة للمشاركة في المواقع الإجتماعية ,وهي تعتبر إضافة ضرورية لكل مدونة لكسب زوار كثيرون عندما يشارك أي شخص لموضوعك على هاته المواقع الإجتماعية المبينة في الصورة أسفله .




هاته الإضإفة سوف تظهر لأي شخص أسفل كل موضوع كتبته ، ولإضافتها مباشرة إلى مدونتك ما عليك فعله هو الذهاب إلى لوحة تحكم مدونتك، والضغط على قالب ، ثم تحرير html ، ومتابعة ثم تضع علامة على   وتضغط في مفاتيح جهازك على ctrl+f وتبحث عن هذا الكود: 

               <data:post.body/> 


بعد أن تجده ، وقد تجد الكثير منه والمقصود هو الأخير تقوم بلصق هذا الكود بعده 




<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE6hSAczWQfdqjhOCafbnpIFlJjqu4vXqMMQbvHdgHhPW_S5E26YeQzQ1K4PM9S6w0nhLmr8XvtFCn1d9kdjK7cIQWDMHnLgNGZRhIq2RkFkRY-V0Bnn8T7NRhkveXv36e4OXg4e-b36PI/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 = &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='http://chamelcool.blogspot.com/'>chamelcool</a></p>
</b:if>



قم بحفظ التغييرات ومبروك عليك الإضافة



مرحباً بك زائرنا الكريم - إذا أردت أن يصل إليك جديد الموقع دائما قم بالتسجيل هنا.
قائمة البريد لأصدقائناRss Feed !

جميع الحقوق محفوظة Chahidna ©2012-2013 | جميع المواد الواردة في هذا الموقع حقوقها محفوظة لدى ناشريها ، نقل بدون تصريح ممنوع . Privacy-Policy