9/23/2016

        كيفية إضافة أيقونات جديدة للشات فيس بوك


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

1   نتقل على لوحه التحكم مدونتك
2   ثم تخطيط
3    ثم تحرير اضافه  HTML/Javascript

الان الصق الكود وقوم بتغير الروابط تواصل الجتماعي

كيفية إضافة أيقونات جديدة للشات فيس بوك


<style type='text/css'>
/*WIdget by www.http://alb33dani.blogspot.com*/
.wg-roseicwidget {  width: 300px;  margin: -10px;  text-decoration: none; }
.wg-roseicwidget ul {  margin: 0;  padding: 0;  text-decoration: none;}
.wg-roseicwidget ul li {  list-style:none;   padding: 0; text-transform: none; text-decoration: none;}
.wg-roseicwidget ul li a {   color: #fff;   display:block;  text-decoration: none;}
.wg-roseicwidget ul li a:hover {  color: #c9c9c9;  background-color: #333;  text-decoration: none; }
.wg-roseicwidget ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.wg-roseicwidget ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.wg-roseicwidget ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.wg-roseicwidget ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.wg-roseicwidget ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
/*WIdget by www.http://alb33dani.blogspot.com*/
</style>
<div class="wg-roseicwidget"> <ul>
<li><a class="facebook" href="https://www.facebook.com/alb33dani">ادعمنا على فيس بوك</a></li>

<li><a class="rss" href="http://feeds.feedburner.com/albaadani">اشترك عبر البريد</a></li>
<li><a class="twitter" href="https://twitter.com/albaadani1">تابعني على تويتر</a></li>
<li><a class="google" href="https://plus.google.com/103499777490414306950">Google+تابعني</a></li>
<li><a class="linkedin" href="albaadani">تواصل معي عبرلينكيدن</a></li>
</ul>
</div>


0 تعليقات على " كيفية إضافة أيقونات جديدة للشات فيس بوك "