كود اضافة جميلة لازرار متابعة لصفحات الاجتماعية على البلوجر


السلام عليكم فى هذه التدوينة ساقدم لكم اداة و كود جميل جدا يمكنك ان تضيفه على قالبك فى البلوجر blogger وهي اداة متابعة لصفحاتك الاجتماعية على صفحتك فى القوقل بلس google plus و صفحة الفايس بوك page facebook و حسابك على التويتر twitter و ايضا قناتك على اليوتيوب channel youtube

كود اضافة جميلة لازرار متابعة لصفحات الاجتماعية على البلوجر


لتركيب كود اداة متابعة عبى صفحاتك الاجتماعية عبى بلوجر

اولا نذهب الى  الى التخطيط ثم نضغط على اضافة اداة تم نختار  HTML/JavaScript
و بعدها نضيف الكود التالي مع بعض التعديلات التى تجها فى اسفل التدوينة




<style type="text/css">
/*<!CDATA[*/
#cnmu-ultm{width:300px;margin:auto;padding:0;}
.cnmu-googleplus {height:107px;}
.cnmu-facebook {background:#E7EBF2;border: 1px solid #DCDCDC;margin-top: -6px;padding:0px 10px 3px;}
.cnmu-twitter {background-color: #eef9fd;border: 1px solid #c7dbe2;border-top: 0;}
.cnmu-twitter a.twitter-follow-button {display: block;}
.cnmu-twitter iframe {margin: 6px 11px -1px;}
.cnmu-emailbox {background-color:#70706E;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 5px 16px;overflow: hidden;}
.cnmu-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
.cnmu-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
.cnmu-emailbox input.emailu:focus {color: #333;}
.cnmu-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
.cnmu-emailbox input.submitu:hover {text-decoration: none;}
.cnmuGray{color:#444 !important;border:1px solid #CCC;background: #dbdbdb;background: -moz-linear-gradient(top, #dbdbdb 0%, #bbbbbb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#bbbbbb));background: -webkit-linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);background: -o-linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);background: -ms-linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);background: linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bbbbbb',GradientType=0 );}
.cnmuGray:hover{background: #e6e6e6;background: -moz-linear-gradient(top, #e6e6e6 0%, #bbbbbb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#bbbbbb));background: -webkit-linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);background: -o-linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);background: -ms-linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);background: linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#bbbbbb',GradientType=0 );}.cnmu-moresubs {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;padding: 3px 8px 3px 3px;text-align: right;font-size: 7px;letter-spacing: 1px;}
.cnmu-moresubs a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
/*]]>*/
</style>
    <div id="cnmu-ultm">
    <div class="cnmu-googleplus">
        <script type="text/javascript">
        /*<![CDATA[*/
        window.___gcfg = {lang: 'en'};
        (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>
        <div class="g-plus" data-href="https://plus.google.com/u/0/b/117345620548788939511/+Arabes1Blogspot" data-width="300" data-height="69" data-theme="light"></div>
    </div>
    <div class="cnmu-facebook">
       <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/infoarabe" width="250" show_faces="false" stream="false" header="true"></fb:like-box>
    </div>
    <div class="cnmu-twitter">
        <a href="https://twitter.com/didorahim" class="twitter-follow-button" data-show-count="true">Follow @didorahim</a>
        <script type="text/javascript">/*<![CDATA[*/!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>
<iframe src="http://www.youtube.com/subscribe_widget?p=infoarabes1"
style="overflow: hidden; height: 105px; width: 300px; border: 0;"
scrolling="no" frameborder="0">
</iframe>
</div>




الان سننتقل التعديلات 

1- قم تبديل هذا الرابط https://plus.google.com/u/0/b/117345620548788939511/+Arabes1Blogspot
برابط صفحة قوقل بلس الخاص بك

2- قم بتغيير رابط https://www.facebook.com/infoarabe برابط صفحتك على الفايس بوك

3- قم بتغيير رابط https://twitter.com/didorahim برابط حسابك على اليوتيوب

4- نغير infoarabes1 باسم رابط قناتك على اليوتيوب 
مثال :  http://www.youtube.com/user/infoarabes1

جميع الحقوق محفوضة لدى مدونة علوم و تقنيات | Privacy-Policy | سياسة الخصوصية | اتفاقية الاستخدام

تعديل : Abderhim