اضافة اداة مواقع التواصل الاجتماعى
اضافة جميلة جدا وأتمنى أن تنال اعجابكم
اذهب لتخطيط مدونتك >> اضافة أداة >> HTML/JAVASCRIPt
ضع بها الكود التالى ثم قم بالحفظ
<style type="text/css" >#followq {clear: both;width: 300px;height: 40px;margin:39px 0px 11px 10px;}
#followq ul { margin: 0px;padding: 0px;}
#followq ul li {position: relative;list-style-type: none;display: inline-block;}
.ikonz .ikonz-tooltip {display: block;padding: 5px 10px;position: absolute;bottom: 100%;
left: 0px;z-index: 77;margin-bottom: 40px;background-color: #141414;font-size:12px;
color: white;text-align: center;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;opacity: 0;
visibility: hidden;-webkit-transition: all 0.26s ease-out;
-moz-transition: all 0.26s ease-out;
-ms-transition: all 0.26s ease-out;
-o-transition: all 0.26s ease-out;
transition: all 0.26s ease-out;}
.ikonz .ikonz-tooltip:before {content: "";width: 0px;height: 0px;border: 7px solid transparent;border-top-color: #141414;position: absolute;top: 100%;left:42%;}
.ikonz:hover .ikonz-tooltip {visibility:visible;width: 76px;opacity:1;margin:16px 12px 6px -28px;
z-index:99999;}
#followq .ikonz {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirGASPCQlUPJoJf6j2Ta57E48Fbl1HqU5PG9VnXTSnECYkgvO_0t0Qffz2UTPU_zbbBklkBFVtfpcNVdZCKqDPhBYP9qPH6vIA2Jcg1fV8CeRkIIxxef7CIYGzUQ3SAfq6xxkN8ULN6Os/s1600/social3d.png') 0 0 no-repeat;display: block;
color: #141414;float: none;height: 39px;width: 39px;line-height:20px;position: relative;z-index: 5;}
#followq .ikonz:active {bottom: -2px;}
#followq .fb {background-position: 0px 0px;}
#followq .twitter {background-position: -40px 0px;}
#followq .google {background-position: -80px 0px;}
#followq .delcis {background-position: -120px 0px;}
#followq .stumble {background-position: -200px 0px;}
#followq .mail {background-position: -280px 0px;}
#followq .rss {background-position: -360px 0px;} </style><div id="followq"><ul>
<li><a href="رابط الفيس بوك " class="ikonz fb"><span class="ikonz-tooltip"> فيس بوك </span></a></li>
<li><a href="رابط تويتر " class="ikonz twitter"><span class="ikonz-tooltip"> تويتر</span></a></li>
<li><a href="رابط جوجل " class="ikonz google"><span class="ikonz-tooltip"> جوجل </span></a></li>
<li><a href="رابط صفحة التواصل" class="ikonz mail"><span class="ikonz-tooltip"> البريد</span></a></li>
<li><a href="رابط الخلاصات" class="ikonz rss"><span class="ikonz-tooltip"> الخلاصة </span></a></li>
</ul> </div>
استبدل الروابط المحددة فى الكود بما يناسبك
ليست هناك تعليقات: