0 CSS3 الشبكة الاجتماعية أزرار مع الوردي جرلي ستايل

في هذا المنصب، إم الذهاب إلى تقديم حول الرموز الاجتماعية مع تأثير فقاعة ل blogger.you يمكن ربط مع ملف التعريف الاجتماعي الخاص بك مع هذه الأزرار.يمكنك التحقق من بلدي وسائل الاعلام الاجتماعية الأدوات السابقة من الرابط أدناه

وسائل الاعلام الاجتماعية

DEMO

1. تسجيل الدخول إلى حساب المدون والانتقال إلى تصميم >> تحرير هتمل

2. ابحث عن هذه العلامة باستخدام كترل + F ]]> </ b: سكين>

3. قم بلصق الرمز أدناه قبل ]]> </ b: سكين> بطاقة

  / * بلوغجرتريكس * /
 .bubblewrap {
 قائمة النمط من نوع: لا شيء؛
 هامش: 0؛
 الحشو: 0؛
 }

 .bubblewrap لي {
 عرض: المضمنة.
 ويدث: 65px؛
 الطول: 60px؛
 }

 .bubblewrap لي إمغ {
 ويدث: 55px؛  / * عرض كل صورة. * /
 هيت: 60px؛  / * ارتفاع كل صورة. * /
 الحدود: 0؛
 مارجين-رايت: 12px؛  / * التباعد بين كل صورة * /
 -webkit-ترانزيتيون: -webkit-ترانسفورم 0.1s سهولة في؛  / * تحريك الملكية تحويل * /
 -o-ترانسبورتاتيون: -o-ترانسفورم 0.1s سهولة في؛  / * تحريك الملكية تحويل في أوبرا * /
 }

 .bubblewrap لي إمغ: هوفر {
 -moz-تحويل: نطاق (1.8)؛  / * سكيل أوب إيماج 1.8x * /
 -webkit-تحويل: نطاق (1.8)؛
 -o-تحويل: نطاق (1.8)؛
 }

4. الذهاب إلى المدون تصميم > الصفحة عنصر.

5- انقر على إضافة أداة وحدد "هتمل / جافاسكريبت

6. لصق التعليمات البرمجية أدناه.

  <مركز>
 <أول كلاس = "بابلوراب">
 <لي> <a href="http://www.stumbleupon.com/stumbler/soharox/"> <إمغ سرك = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdyafUQmXvU7Cygfqlxmtnl03S6qGjmqmO3KPwIr0IVzAr58g-J465d9U_RfcCQMc1DbVNX5v9dBKJOHnoljuKPcPreINKifEk2JhU2KFRqlHu-Ec_fDJoFR3bRgRCtXGAEUECWtsC_1w/ s1600 / bloggertrix.com-StumbleUpon.png "تيتل =" أد تو ستمبليوبون "/> </a> </ لي>
 <لي> <a href="https://www.facebook.com/bloggertrix"> <إمغ سرك = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixqQQ4MWZ6Uqeuby2jsVWl2t6IojZd3-cT28zwA7x2Plmtu9I9PUzJkD47v4WgP9YrDLuMaIsb7kDlDBFD_GpNeRdttVGxFcN4mSZydrhng1cb8S5oBdjA-iVR0nKTT0aCwM2bup_k23s/s1600/bloggertrix .com-facebook.png "تيتل =" أد تو فاسيبوك "/> </a> </ لي>
 <لي> <a href="http://www.digg.com/"> <إمغ سرك = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsklHov_71IHq8fvg1I6asAdNQq_ZBZ4ZwhKq7k59TtoMYCsatnSOMaf5FC9sZ9QbvZ1b_8-bLLmcCVh1q5pizCwrbNdfe5U-K86xfkAdMbcfRpb8b6y6ws-EFALSD50VWPG53QcfARCU/s1600/bloggertrix. كوم-Digg.png "تيتل =" أد تو ديغ "/> </a> </ لي>
 <لي> <a href="http://www.twitter/bloggertrix"> <إمغ سرك = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMmIzECXeCVORjrHh28SoHvBZeevuLRqlSCadCFwGjFyb2YPxkSWrNOHwF-avHLIoWKbhV0Vz6AfQfp4-rADzD9ujK0KXxQDt2vS2bIm2I-oMypcLChivmTjJPfFH_qeNBLU037svro9I/s1600/bloggertrix.com -Twitter.png "تيتل =" إضافة إلى تويتر "/> </a> </ لي>
 <لي> <a href="http://feeds2.feedburner.com/bloggertrix"> <إمغ سرك = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_pWYRPKuQhyeDlqzA1Ivyx1bkzsNMfGGfOHLZ4GeU0aFws0nX1TlfNs5X1URJgaWJa0VMlchb4FEBVdhnGntFtesO4mrWagWZZ7ZRdO7KhAfM-yIS2rl2ATXxILwrthXyAmwdw3Gq7Y/s1600/bloggertrix .com-RSS.png "تيتل =" أد رسس فيد "/> </a> </ لي>
 </ UL>
 </ مركز> 

استبدل الروابط.

7. الآن حفظ هتمل / جافا سكريبت الخاص بك . 

انتهيت...