في كل يوم وكما تعودتم اليوم نقدم لمدونينا العرب إضافة جديدة على مدونات بلوجر اضافة تابعنا عبر مواقع التواصل الاجتماعي يوتيوب تويتر وفيس بوك وهذه هي أهم
- نتوجه إلى التخطيط ثم اختيار أداة HTML/JavaScript ثم قم بوضع هذا الكود
<style> .social-block { background-color: #eee; color: #fff; text-align: center; margin-bottom: 5px; position: relative; margin-right: 4px; text-shadow: 1px 1px #000; } .social-block .social-title { padding: 10px 0; position: relative; font-size: 120%; } .social-block .social-title:after { content: ""; position: absolute; left: -5px; width: 5px; top: 0; height: 100%; } .social-block .social-title:before { content: ""; position: absolute; bottom: -5px; left: -5px; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 0; border-color: transparent #000000 transparent transparent; } .social-block .social-title i { } .social-block p { padding: 5px; margin: 0; text-align: center; color: white; } .social-block .social-message { } .social-block span { } /* Facebook style */ .facebook.social-block, .facebook.social-block:before { background-color: #366299; } .facebook .social-title, .facebook.social-block .social-title:after { background-color: #3b5999; } /* Twitter style */ .twitter.social-block, .twitter.social-block:before { background-color: #4099FF; } .twitter .social-title, .twitter.social-block .social-title:after { background-color: #1C80F1; } .twitter .social-message, .twitter { color: #FFFFFF; text-shadow: none; } /* Youtube style */ .youtube.social-block, .youtube.social-block:before { background-color: #D1252A; } .youtube .social-title, .youtube.social-block .social-title:after { background-color: #c00020; } </style> <div class="left-side"> <div class="facebook social-block"> <div class="social-title"> <i class="fa fa-facebook fa-4x"></i> </div> <p>صفحة الموقع على الفيسبوك</p> <span style="display:inline-block; padding:5px 0"><div class="fb-like fb_iframe_widget" data-href="https://www.facebook.com/ha1pc" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" fb-xfbml-state="rendered" fb-iframe-plugin-query="action=like&app_id=&container_width=0&href=https%3A%2F%2Fwww.facebook.com%2Fth9procom&layout=button_count&locale=en_US&sdk=joey&share=false&show_faces=false"><span style="vertical-align: bottom; width: 85px; height: 20px;"><iframe name="f3a34a631d52a04" width="1000px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:like Facebook Social Plugin" src="https://www.facebook.com/plugins/like.php?action=like&app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D42%23cb%3Df307da00b79f3b4%26domain%3D9%26origin%3Dhttps%253A%252F%252F9alibmoussa.blogspot.com%252Ff30203408ee8dac%26relation%3Dparent.parent&container_width=0&href=https%3A%2F%2Fwww.facebook.com%2Fth9procom&layout=button_count&locale=en_US&sdk=joey&share=false&show_faces=false" style="border: none; visibility: visible; width: 85px; height: 20px;" class=""></iframe></span></div> </span></div> </div> <div class="youtube social-block"> <div class="social-title"> <i class="fa fa-youtube fa-4x"></i> </div> <p>قناة الموقع على اليوتوب</p> <span style="display:inline-block; padding:5px 0"> <script src="https://apis.google.com/js/platform.js" gapi_processed="true"></script> <script> function onYtEvent(payload) { if (payload.eventType == 'subscribe') { // Add code to handle subscribe event. } else if (payload.eventType == 'unsubscribe') { // Add code to handle unsubscribe event. } if (window.console) { // for debugging only window.console.log('YT event: ', payload); } } </script> <div id="___ytsubscribe_0" style="text-indent: 0px; margin: 0px; padding: 0px; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 116px; height: 24px; background: transparent;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 116px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1465850972222" name="I0_1465850972222" src="https://www.youtube.com/subscribe_embed?usegapi=1&channelid=UCcJtSOYELy8bIHPQAf5gIVw;layout=default&count=default&hl=ar&origin=https%3A%2F%2F9alibmoussa.blogspot.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.ar.e-arUGrv6ck.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCPbW19kOMG9UmDLVPVZK65Sq4ZU_A#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conytevent%2Conload&id=I0_1465850972222&parent=https%3A%2F%2F9alibmoussa.blogspot.com&pfname=&rpctoken=28923134" data-gapiattached="true"></iframe></div> </span> </div> <div class="twitter social-block"> <div class="social-title"> <i class="fa fa-twitter fa-4x"></i> </div> <p>حساب الموقع على تويتر</p> <span style="display:inline-block; padding:5px 0"> <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-follow-button twitter-follow-button-rendered" title="Twitter Follow Button" src="https://platform.twitter.com/widgets/follow_button.6e778523ecf0a9c9f1c446083d86ede1.en.html#dnt=false&id=twitter-widget-0&lang=en&screen_name=benaceurhamed&show_count=true&show_screen_name=true&size=l&time=1465851011860" style="position: static; visibility: visible; width: 245px; height: 28px;" data-screen-name="benaceurhamed"></iframe> <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script> </span> </div>
في كل يوم وكما تعودتم اليوم نقدم لمدونينا العرب إضافة جديدة على مدونات بلوجر اضافة تابعنا عبر مواقع التواصل الاجتماعي يوتيوب تويتر وفيس بوك وهذه هي أهم
- نتوجه إلى التخطيط ثم اختيار أداة HTML/JavaScript ثم قم بوضع هذا الكود
<style> .social-block { background-color: #eee; color: #fff; text-align: center; margin-bottom: 5px; position: relative; margin-right: 4px; text-shadow: 1px 1px #000; } .social-block .social-title { padding: 10px 0; position: relative; font-size: 120%; } .social-block .social-title:after { content: ""; position: absolute; left: -5px; width: 5px; top: 0; height: 100%; } .social-block .social-title:before { content: ""; position: absolute; bottom: -5px; left: -5px; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 0; border-color: transparent #000000 transparent transparent; } .social-block .social-title i { } .social-block p { padding: 5px; margin: 0; text-align: center; color: white; } .social-block .social-message { } .social-block span { } /* Facebook style */ .facebook.social-block, .facebook.social-block:before { background-color: #366299; } .facebook .social-title, .facebook.social-block .social-title:after { background-color: #3b5999; } /* Twitter style */ .twitter.social-block, .twitter.social-block:before { background-color: #4099FF; } .twitter .social-title, .twitter.social-block .social-title:after { background-color: #1C80F1; } .twitter .social-message, .twitter { color: #FFFFFF; text-shadow: none; } /* Youtube style */ .youtube.social-block, .youtube.social-block:before { background-color: #D1252A; } .youtube .social-title, .youtube.social-block .social-title:after { background-color: #c00020; } </style> <div class="left-side"> <div class="facebook social-block"> <div class="social-title"> <i class="fa fa-facebook fa-4x"></i> </div> <p>صفحة الموقع على الفيسبوك</p> <span style="display:inline-block; padding:5px 0"><div class="fb-like fb_iframe_widget" data-href="https://www.facebook.com/ha1pc" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" fb-xfbml-state="rendered" fb-iframe-plugin-query="action=like&app_id=&container_width=0&href=https%3A%2F%2Fwww.facebook.com%2Fth9procom&layout=button_count&locale=en_US&sdk=joey&share=false&show_faces=false"><span style="vertical-align: bottom; width: 85px; height: 20px;"><iframe name="f3a34a631d52a04" width="1000px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:like Facebook Social Plugin" src="https://www.facebook.com/plugins/like.php?action=like&app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D42%23cb%3Df307da00b79f3b4%26domain%3D9%26origin%3Dhttps%253A%252F%252F9alibmoussa.blogspot.com%252Ff30203408ee8dac%26relation%3Dparent.parent&container_width=0&href=https%3A%2F%2Fwww.facebook.com%2Fth9procom&layout=button_count&locale=en_US&sdk=joey&share=false&show_faces=false" style="border: none; visibility: visible; width: 85px; height: 20px;" class=""></iframe></span></div> </span></div> </div> <div class="youtube social-block"> <div class="social-title"> <i class="fa fa-youtube fa-4x"></i> </div> <p>قناة الموقع على اليوتوب</p> <span style="display:inline-block; padding:5px 0"> <script src="https://apis.google.com/js/platform.js" gapi_processed="true"></script> <script> function onYtEvent(payload) { if (payload.eventType == 'subscribe') { // Add code to handle subscribe event. } else if (payload.eventType == 'unsubscribe') { // Add code to handle unsubscribe event. } if (window.console) { // for debugging only window.console.log('YT event: ', payload); } } </script> <div id="___ytsubscribe_0" style="text-indent: 0px; margin: 0px; padding: 0px; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 116px; height: 24px; background: transparent;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 116px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1465850972222" name="I0_1465850972222" src="https://www.youtube.com/subscribe_embed?usegapi=1&channelid=UCcJtSOYELy8bIHPQAf5gIVw;layout=default&count=default&hl=ar&origin=https%3A%2F%2F9alibmoussa.blogspot.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.ar.e-arUGrv6ck.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCPbW19kOMG9UmDLVPVZK65Sq4ZU_A#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conytevent%2Conload&id=I0_1465850972222&parent=https%3A%2F%2F9alibmoussa.blogspot.com&pfname=&rpctoken=28923134" data-gapiattached="true"></iframe></div> </span> </div> <div class="twitter social-block"> <div class="social-title"> <i class="fa fa-twitter fa-4x"></i> </div> <p>حساب الموقع على تويتر</p> <span style="display:inline-block; padding:5px 0"> <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-follow-button twitter-follow-button-rendered" title="Twitter Follow Button" src="https://platform.twitter.com/widgets/follow_button.6e778523ecf0a9c9f1c446083d86ede1.en.html#dnt=false&id=twitter-widget-0&lang=en&screen_name=benaceurhamed&show_count=true&show_screen_name=true&size=l&time=1465851011860" style="position: static; visibility: visible; width: 245px; height: 28px;" data-screen-name="benaceurhamed"></iframe> <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script> </span> </div>
