السبت، 21 يونيو 2014

ازرار التواصل الاجتماعي بتصميم جديد و مميز

مواقع التواصل الاجتماعى تعد أفضل الوسائل لاشهار مدونات بلوجر بطريقة مجانية ولا تحتاج منك لأى عناء أو مجهود لذلك نقدم لكم اليوم من مدونة ابداعاتى اضافات مواقع التواصل الاجتماعى بشكل مميز و فريد من نوعه ويعتبر هو الافضل لهذه الاضافة إلى جانب كونه الأجمل والأسرع والأكثر حيوية ولكى لا أطيل عليكم فى المقدمة هيا بنا للمعاينة و الشرح 

فهيا بنا فى البداية نذهب لمعاينة الاضافة ونحكم على ما إذا كنا سنتسخدمها فى مدوناتنا أم لا ؟!!

لاشك انها جميلة و سريعة فلا تقلق متابع مدونة ابداعاتى الكريم فسوف تحصل على شكل مماثل لمدونتك بالخطوات البسيطة التالية فتابع معى 
شرح تركيب الاضافــة 
نتوجه الى لوحة التحكم >> التخطيط > اضافة اداة >> اداة جافا سكربت
ضع بها الكود التالى 
  <!-- Widget By myebd3at.blogspot.com --><style>
.profile-img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
 }
.profile-img {
padding: 2px;
background: #fff;
float: right;
margin: 0 5px 5px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
 }
</style>
<style>p#hb_socialicons img {
-moz-transition: all 0.6s ease-in-out; /* Spinning Social Icons Widget By HelperBlogger Ar konozblog*/
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
 }
p#hb_socialicons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
 }
</style>
<center>
<p id="hb_socialicons">
<a href="https://www.facebook.com/profile.php?id=100004326226439" target="_blank">
 <img border="0" src="http://im71.gulfup.com/cEFP4q.jpg" /></a>
 
<a href="https://twitter.com/crestoo_skeer"target="_blank">
<img border="0" src="http://im71.gulfup.com/tQZhxD.jpg" /></a>
<a href="https://plus.google.com/u/0/113685389749915537512" target="_blank">
<img border="0" src="http://im71.gulfup.com/x5Csh4.jpg" /></a>
 
<a href="http://feeds.feedburner.com/al-7sam" target="_blank">
<img border="0" src="http://im71.gulfup.com/u7rx4F.jpg" /></a>
</p></center>

<center><div class='twitterfollow'>
<a class='twitter-follow-button' href='https://twitter.com/crestoo_skeer'>Follow @حسام احمد </a>
<script src='//platform.twitter.com/widgets.js' type='text/javascript'/></div></div></script></div></center>
  <!-- Widget By myebd3at.blogspot.com -->

بعد ذلك غير الروابط الملونة بما يناسبك كما هو موضح فى الشرح المفصل لها فى السطور التالية
فتابع
♫ تفصيل الاضافة ♫
(1)  الرابط باللون الاخضر>> رابط حساب الفيس بوك
(2) الرابط باللون الاحمر >>  رابط حسابك على تويتر 
(3) الرابط باللون الازرق >> رابط حسابك على جوجل بلس
(4) الرابط باللون البنفسجي  >> رابط الفيد برنر ( الخلاصة )
(5)  الرابط باللون البرتقالي >>  رابط زر  المتابعة من تويتر
(6) الاسم باللون الأصفر >> اسم الحساب المتابع  على تويتر


مع تحيات >> حسام احمد
مدون جديد فى مدونة ابداعاتى
كن مدون فى مدونة ابداعاتى >> من هنا بشروط جديدة

من فضلك اضغظ لايك لمشاهدة لينك التحميل

5 التعليقات:

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

    ردحذف
    الردود
    1. وانا كذلك اخي محمود اتشرف بان اكون مدون في مدونتكم العريقة واتمنى ان نتعاون في الارتقاء بالمحتوى العربي

      وشكراااا على ترحيبك بي وانا قي خدمتكم دائما

      حذف
  2. رااااااااااااااااااااااااااااااااااااااااائع استمر

    ردحذف

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار