Like And Win VIP Hack
Click Like To WIN 30 Day VIP Hack

إضافة أزرار مواقع التواصل الإجتماعي شكل جميل متحرك على بلوجر

Home // Blog // إضافة أزرار مواقع التواصل الإجتماعي شكل جميل متحرك على بلوجر

 
Share Now And Win Free ViP HackShare on Facebook0Google+0Tweet about this on Twitter0
السلام عليكم ورحمة الله وبركاته
مرحباً بكم زوار مدونة مداد الجليد، سوف
نستعرض لكم اليوم أزرار مواقع التواصل الإجتماعي بشكل جديد وفريد من نوعه
متحركة تلفت النظر إليها فهي جميلة ولها تاثير خاص
إضافة أزرار مواقع التواصل الإجتماعي شكل جميل متحرك
نرى معاينة
كيفية إضافة أزرار مواقع التواصل الإجتماعي المتحركة على مدونتك
من لوحة تحكم مدونتك –>> التخطيط –>> إضافة أداة ثم أختر أداة HTML/Javascript
ثم أضف الكود التالي داخل الأداة :
 

<div><a href="https://twitter.com/mohammed1811990" title="تابعنا على تويتر" class="social-link social-twitter"></a><div> <div><a href="https://www.facebook.com/mdadice" title="تابعنا على فيس بوك" class="social-link social-facebook"></a></div> <div><a href="http://feeds.feedburner.com/blogspot/medad" title="التغذية" class="social-link social-rss"></a></div></div></div> <style type="text/css"> .entry-social { height: 40px; padding-top:10px; padding-bottom:10px; } .entry-social > div { float: left; margin-right: 20px; } .entry-social .fb-like span{ vertical-align: top !important; padding-top: 2px; } .fb-like span iframe{ max-width: none; } .sidebar-social > div > div { width:50%; float:left; } .sidebar-social > div > div:nth-child(odd) { width:60% } .sidebar-social > div > div:nth-child(even) { width: 40%; } .sidebar-social > div > div > a > img { float: left; } .sidebar-social > div > div > div { float:left; margin-top:10px; margin-left:12px } .sidebar-social p { clear: both; margin: 0; padding: 10px 0 0; } .social-link { display:block; height: 50px; width: 50px; float: right; -webkit-animation: social .6s steps(12,end) infinite; animation: social .6s steps(12,end) infinite; /*-webkit-animation-play-state: paused; animation-play-state: paused;*/ } .social-twitter { background-image: url(http://3.bp.blogspot.com/-imX7YgRyr08/U-yARyGN5FI/AAAAAAAANbA/4hoPiwpFO28/s1600/twitter-sprite.png) } .social-rss { background-image: url(http://1.bp.blogspot.com/-Z9xBt0KFJW4/U-yAR5YZ7tI/AAAAAAAANbM/wGmM77Q6sYk/s1600/rss-sprite.png); -webkit-animation: social-rss .6s steps(9,end) infinite; animation: social-rss .6s steps(9,end) infinite; /*-webkit-animation-play-state: paused; animation-play-state: paused;*/ } .social-facebook { background-image: url(http://3.bp.blogspot.com/-d9tt3kxKbmg/U-yASA8GuWI/AAAAAAAANbE/2UwDsjlARbs/s1600/facebook-sprite.png); } @keyframes social { from { background-position: 0 0; } to { background-position: -600px 0; } } @-webkit-keyframes social { from { social-position: 0 0; } to { background-position: -600px 0; } } @keyframes social-rss { from { background-position: 0 0; } to { background-position: -450px 0; } } @-webkit-keyframes social-rss { from { social-position: 0 0; } to { background-position: -450px 0; } } </style>
  • غير: mohammed1811990 باسم المستخدم الخاص بك على تويتر
  • غير: mdadice برابط الصفحة على فيس بوك
  • غير: blogspot/medad بمعرف التغذية الخاص بمدونتك على فيدبورنر
ثم حفظ الأداة يمكنك وضعها في أي مكان ترغب بأن تظهر في مدونتك أو حتى من خلال القالب ثم محرر html

 

Related Post

إضافة فتح الصور بصندوق LightBox تم تحديثهذه التدوينة لحذف اكواد Jquery في الموضوع الأول . السلام عليكم إخواني الكرام هذه التدوينة مخصصة للجميع أو بالأحرى من لا تتواجد لديهم...
اضافة القران الكريم الي مدونة بلوجر quran... بسم الله الرحمن الرحيممرحبا بكم اخواني في مدونة مسطرة و اليوم موضوعنا عن اضافة جميلة جدا الا و هي كود اضافة القران الكريم الي مدونة بلوجر و هي ثوابها ...
كود اضافة البحث بشكل جديد واحترافيه لمدونات بلوجر... بسم الله الرحمن الرحيمقالب,معرب,مطور,مدونات,بلوجر,تحميل,اضافات,معاينة,صور,blogger,template,addition,فيسبوك,تويتر,facebook,الربح من الانترنت,جوجل,ادسنس...
إضافة شاحنة الفيسبوك إلى المدونه... إضافة شاحنة الفيسبوك إلى المدونهأهلا وسهلاً بكم من جديد على إضافات بلوجر طريق كل مدون الى النجاح اليوم سأشرح طريقة إضافة شاحنة فيسبوك على مدونتك من أج...
Share Now And Win Free ViP HackShare on Facebook0Google+0Tweet about this on Twitter0

0 Comments ON " إضافة أزرار مواقع التواصل الإجتماعي شكل جميل متحرك... "
leave a response

*




Recent Posts




Copyright © All Rights Reserved 2014→2017 To Add-Fast.CoM