إضافة اذاة التواصل الاجتماعي بشكل احترافي ورائع

السلام عليكم ورحمة الله وبركاتة

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

إليكم الشرح :

بعد الدخول إلى حسابك في بلوجر انتقل إلى القالب ثم تحرير HTML ثم متابعة
بعد ظهور قالب البلوجر قم بالضغط على Ctrl+F للبحث عن الكود
ثم قم بالبحث عن الكود التالي :

]]></b:skin>

ضع هذا الكود قبله :

#w2b-share ul {

position:fixed;

right:20px;

top:100px;

list-style: none;

clear: none;

padding: 0px 0px ;

margin: 5px 0;}

#w2b-share ul li a {

display: block;

float: right;

width: 64px;

height:64px;

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjruuPcz0Y8M4TtotXFbsMpKbKOko1QFGWvL_lkDND8CJ7OaxTq1a6wOeu-rlcV74J8hpUFUGA_HdVEI9OVdwXEGzKkJuQPYj0j4t_c7V5FBXfm-3vSBpnQyp2XFQu0Ubm8m0GvE4FLdG0R/s1600/omnidal-social.png');

margin-top:3px;

margin-bottom: 3px;

background-repeat: no-repeat;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

-webkit-transition: all 0.3s ease;

-ms-transition: all 0.3s ease;

transition: all 0.3s ease;

}

#w2b-share ul li a.facebook {background-position: 0px -0px; }

#w2b-share ul li a.facebook:hover {background-position: 0px -65px; }

#w2b-share ul li a.twitter {background-position: -66px -0px; }

#w2b-share ul li a.twitter:hover {background-position: -66px -65px; }

#w2b-share ul li a.flickr {background-position: -131px -0px; }

#w2b-share ul li a.flickr:hover {background-position: -131px -65px; }

#w2b-share ul li a.google {background-position: -197px -0px; }

#w2b-share ul li a.google:hover {background-position: -197px -65px; }

#w2b-share ul li a.youtube {background-position: -262px -0px; }

#w2b-share ul li a.youtube:hover {background-position: -262px -65px; }

#w2b-share ul li a.omnidal {background-position: -327px -0px; }

#w2b-share ul li a.omnidal:hover {background-position: -327px -65px; }

بعد إضافة الكود قم بالبحث مرة أخرى عن الكود التالي :

<body>

ضع هذا الكود مع تغيير ما في اللون الاحمر

<div id='w2b-share'>

<ul>

<li><a class='facebook' href='http://www.facebook.com/Th3Dev' title='اشترك في صفحتي على Facebook'/></li>

<li><a class='twitter' href='https://twitter.com/SufianSmaili' title='تابعني عبر twitter'/></li>

<li><a class='flickr' href='#' title='تابعني عبر flickr '/></li>

<li><a class='google' href='https://plus.google.com/110250527281023691653/posts' title='تابعني عبر google+'/></li>

<li><a class='youtube' href='http://www.youtube.com/user/s9smaili' title='تابع قناتي على اليوتيوب'/></li>

<li><a class='omnidal' href='http://www.blogger.com/follow-blog.g?blogID=2027653763198871955' title='انضم لأعضاء المدونة'/></li>

</ul>

</div>