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

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

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

>> من هنا

لاشك انها جميلة و سريعة فلا تقلق متابع مدونة ابداعاتى الكريم فسوف تحصل على شكل مماثل لمدونتك بالخطوات البسيطة التالية فتابع معى 

شرح تركيب الاضافــة 

نتوجه الى لوحة التحكم >> التخطيط > اضافة اداة >> اداة جافا سكربت

ضع بها الكود التالى 

  <!-- 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) الاسم باللون الأصفر >> اسم الحساب المتابع  على تويتر

مع تحيات >> حسام احمد

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