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


السلام عليكم  فى هذه التدوينة ساقدم لكم اداة و كود جميل جدا يمكنك ان تضيفه على قالبك فى البلوجر 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
Next Post Previous Post
No Comment
Add Comment
comment url