أيقونات الإشتراك في المواقع الإجتماعية إحترافية

السلام عليكم ورحمة الله وبركاته، مرحبا بكم جميعا في مدونة مختبر بلوجر، أود أن أقدم لكم اليوم إضافة غاية في الروعة وهي عبارة عن أيقونات للإشتراك في مواقع التواصل الإجتماعي غاية في الإحترافية وهي هدية لمدونات بلوجر.

معاينة الأداة

وهذا هو شرح التركيب :

أولا ندخل إلى لوحة التحكم ثم التخطيط ثم إضافة أداة ونختار HTML/Javascript

بعد ذلك نضع هذا الكود

<style>

.social{background:none repeat scroll 0 0#fff;border-bottom:1px solid#F0F0F0;height:90px;padding:8px}.social li{float:left;margin-right:4px;text-align:center;width:52px;list-style:none}.social li.last{margin-right:0}.social li a{color:#666666;font-size:11px;line-height:34px;opacity:0.6;padding-top:42px}.social li a:hover{color:#666666;opacity:1;text-decoration:none}.social.social-feed{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgenYy0aCdc9a5Qs2EOMCniVzxQqHtGnE8zDPnFlGRAm2Gp1OZUDx_0D4C1RPMusL3l_WSRQM1krgzeP7u8Z2oBinOMCCxhak8MzVefOHQzJsR6j-umfRv197vsyYT1n8yLWCV2icdp9f3v/")no-repeat scroll 0 0 transparent;display:block}.social.social-email{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMnUW5AvZhYdOcams5_X1CnGrnW3Do1f78C-wnyjhKACt870BSDBrjPclYMPm1QstEcaOhw9uTpShwp5Bssiv9MsqyUFBVGUSgNReY86W75SWPKlg2S_Lpfgoo1alSV7au26oplE9crkW/s1600/email-feed.png")no-repeat scroll 0 0 transparent;display:block}.social.social-twitter{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5gJu-R7MPd5upylb5W6EAkFkNA6kfbusaDH9lXeGjTWLNzydG8x_S7fERV9spY8erqACpGmf4ivoIvsdb1RpVRMoeRBmiGer4OcVcoSV4y4VlZsuySebdPCuxUHOUpKKE2lpnQYvIdXse/")no-repeat scroll 0 0 transparent;display:block}.social.social-facebook{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIFUU1JAXnovLdz6DXUMoj3Psf87i4-w2k89Zw3lmghBxsYw9XbSJGkYIpS5mvuiuSBX47MEpd1q5Nj5ND8veasGAxonQkuMm3fW8jRH4vIjp8drPBiDkI5ocjabITv0bhRHg5m4ZyEMN2/")no-repeat scroll 0 0 transparent;display:block}.social.social-googleplus{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhonN70DEDBJm2GpXor0BwLyMO6YPiySQSKVwmGHT8LrbCxW7E4at0PQMLWDIvcyogFTwdmvaCBdcM4B0SRBLx-NEFhZzbJmNXyCZ6grSkiZRehjV_aO1wIIhVIgAX42Bi8xmNh4VErt4V7/")no-repeat scroll 0 0 transparent;display:block;margin-right:0}.social.social-pinterest{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmSg5835B3XZwbddqe10JIztB8YNdDLcjiLFl4b9Jx_BsmRY51568iyu-B50pNgCiFNNWukB6NsXE19cAQPeofojjNm5z2ZeQXP94N2B7l9-4uCZqYkKXfgmTMsR97aQRGSUwSVrLFweU_/s1600/pinterest-icon.png")no-repeat scroll 0 0 transparent;display:block}

/* from http://arblab.blogspot.com */

</style>

<li><a class='social-email' href='http://feedburner.google.com/fb/a/mailverify?uri=arblab&loc=en_US'

rel='nofollow' target='_blank'>Email</a></li>

<li><a class='social-twitter' href='http://twitter.com/Imed_Adel' rel='nofollow' target='_blank'>Twitter</a></li>

<li><a class='social-facebook' href='http://facebook.com/imedadel7' rel='nofollow' target='_blank'>Facebook</a></li>

<li><a class='social-pinterest' href='http://pinterest.com/yourpinhere/' rel='nofollow' target='_blank'>Pinterest</a></li>

<li class='last'><a class='social-googleplus' href='https://plus.google.com/u/0/108462980576013413899/posts'>Google+</a></li>

</ul>

<small><a href="http://arblab.blogspot.com">مختبر بلوجر العربي</a></small>

شكرا لمتابعتكم وإلى اللقاء في مواضيع قادمة

أيقونات الإشتراك في المواقع الإجتماعية إحترافية

0 تعليقات:

إرسال تعليق