/ / كود تابعنى عبر الشبكات الاجتماعيه بشكل جديد لم تجده من قبل

كود تابعنى عبر الشبكات الاجتماعيه بشكل جديد لم تجده من قبل



كود تابعنى عبر الشبكات الاجتماعيه بشكل رائع وجميل حيث يظهر مدونتك بشكل افضل 
عن باقى الاضافات هذه الاضافه مميزه حقاً جربها بنفسك وهى تضم الفيس بوك تويتر
جوجل بلس تغذيه المدونة واليوتيوب عند مرور الماوس عليها تنبثق قليلاً الى الامام 


توجه للوحة التحكم الخاصة بمدونتك

تصميم

أضافة أداة 

وأختار منها الجافا هتمل

أضف الكود التالي داخل الصندوق المخصص لذلك


<style>
#main_cbt_icons {
width:222px;
height:37px;
}

#facebook {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}

#twitter {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}

#google_plus {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}

#rss {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}

#youtube {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}

img:hover {
-webkit-transform: scale(1.1) skewX(2deg) skewY(2deg);
-webkit-transform-origin: 0% 0%;
-moz-transform: scale(1.1) skewX(2deg) skewY(2deg);
-moz-transform-origin: 0% 0%;
-o-transform: scale(1.1) skewX(2deg) skewY(2deg);
-o-transform-origin: 0% 0%;
-ms-transform: scale(1.1) skewX(2deg) skewY(2deg);
-ms-transform-origin: 0% 0%;
transform: scale(1.1) skewX(2deg) skewY(2deg);
transform-origin: 0% 0%;
}
</style>

<div id="main_cbt_icons">

<div id="facebook">
<a href="http://www.facebook.com/mdwanblog.blogspot.com/" target="_blank" title="تابعنا على الفيسبوك"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgKvhyxFN5mb3cdAYycjEOPBI-p-06PPlT_BgQL2YNbWQ1W-b5ae8DKa2877dhrMfJxSuW4-I-dwcuwZjwUm7mBNFi_vs_0kMWBwOqBqG4s9TC5nRa8-q3HebC8JC1y8_lXSeJdWWK9Fo/s1600/social-facebook-box-white-icon.png" /></a>
</div>

<div id="twitter">
<a href="http://www.twitter.com/mdonti-n.blogspot.com" target="_blank" title="تابعنا على تويتر"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW2zVM-2stiByY588Q5ekfkdG7NNzCrbJOUf-RDPxwn7eTaaYrzRKOVE2-vvhYTubrZyKXkRMwUPBIQCaO1dc12lxi1sOrKSeEhsoloPj98AmmFjWS6vEkxpl4rvx9AHlB0uM4bbVY9nI/s1600/social-twitter-box-white-icon.png" /></a>
</div>

<div id="google_plus">
<a href="https://plus.google.com/mdwanblog.blogspot.com/" target="_blank" title="تابعنا على قوقل بلس"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYLjEtf55J0E2HnTU1h5CIxVyBC3dILoCOdtT9fcL-W51k1CGV8Rz9coyNc6aq8jIccoUc2P7jbpJt_BGcQnJYcxkYENanuP-4WAC0MRp5Yc-kaMt-c9oeKP6HVWXp9EZ1diu9R_WJPjs/s1600/social-google-box-white-icon.png" /></a>
</div>

<div id="rss">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=mdwanblog.blogspot.com/&amp;loc=en_US" target="_blank" title="أشتراك بتغذية المدونة"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Y8ffq7hwjmFAsVZaKYSnueku8q-3roY-wqIk3t7AbJg5EmbITaX2QfJ7_wTqTeKtoYzsfl3PT8H2PPGBvqxGinrqrStWsmqjVOlLCCtHrSTlpb0wqc67lVlshV5Z3BHS-yWicLED-PU/s1600/social-rss-box-white-icon.png" /></a>
</div>

<div id="youtube">
<a href="http://www.youtube.com/mdwanblog.blogspot.com/" target="_blank" title="شاهد الفيديو"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU5285KSqckJ1sY-itTIwkk-CnURvGepCnv-RAMZ4bTSYDNxDoQTqEEavK38fVc4FJDREfeNVXRiDquqFUfXKUmerQsuSxiECH8orvQPtilfLlFG2veFghcKG7KEfhz0Ov2LOTg17c85g/s1600/YouTube-icon+%25281%2529.png" /></a>
</div>
</div>







مع أستبدال كل ما أشير له في الكود بلون الأحمر بصفحات مدونتك في الفيسبوك وتويتر وقوقل بلس ويوتيوب وكذلك رابط التغذية

 

عن الكاتب :

شاب مغربي أحب كل جديد في عالم الانترنت من مواقع وبرامج واحب التدوين ودائما ابحث عن الجديد لتطوير مهاراتي في مختلف الميادين التي تعجبني لكي انقل معرفتي وتجاربي لآخرين حتى يستفيدوا بقدر ما استفدت انا ;)
الموضوع السابق :إنتقل إلى الموضوع السابق
الموضوع التالي :إنتقل إلى الموضوع القادم

هناك تعليقان (2):

    1. شكرا لك
      لكن ماهو الصندوق المخصص لذلك

      ردحذف
    2. أخى انا لم أفهمك جيداً عذراً

      إذا كنت تقصد مكان الإضافه يمكنك اضافتها عن طريقه اضافه اداه

      اى مكان فى مدونتك حسب ما تريد جافاسكريبت

      ردحذف

يتم التشغيل بواسطة Blogger.

أرشيف المدونة الإلكترونية