ازرارالشبكات الاجتماعيه جانبية2013

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

ازرارالشبكات الاجتماعيه جانبية2013لزيادة معجبينك في المواقع الاجتماعي في يجب عليك اضافة هذا الاضافة الذكية

تكون الاضافة علي في الجانب اليمين من المدونة ،الاضافة بها ،زر الفيس بوك ،زر تويتر،زر جوجل +،زربينتيريست،زر يوتيوب

ازرارالشبكات الاجتماعيه جانبية2013

صورة من الاضافة

لتركيب الاضافة علي مدونتك ادخل علي لوحة تحكم مدونتك واختارقالب كما واضح في الصورة

بعد ذلك اختار تحرير html كما موضح في الصورة

ثم قوم بلبحث باستخدام لوحة المفاتيح وقوم بلضغط علي ctrl_f ثم ابحث علي هذا الكود

]]></b:skin>

ثم الصق الكود فوقة مباشرة

.social-buttons {
    position: fixed;
    top: 130px;
    width: 45px;
    z-index: 9999;
}
.button-left {
    left: 0;
}
.button-right {
    right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
    background-color: #33353B;
    background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);
}
.button-left #facebook-btn span {
    background-position: right 10px;
}
.button-left #twitter-btn span {
    background-position: right -35px;
}
.button-left #google-btn span {
    background-position: right -127px;
}
.button-left #rss-btn span {
    background-position: right -80px;
}
.button-left #pinterest-btn span {
    background-position: 11px -177px;
}
.button-left #youtube-btn span {
    background-position: 11px -223px;
}
.button-right #facebook-btn span {
    background-position: 12px 10px;
}
.button-right #twitter-btn span {
    background-position: 11px -35px;
}
.button-right #google-btn span {
    background-position: 10px -127px;
}
.button-right #rss-btn span {
    background-position: 11px -80px;
}
.button-right #pinterest-btn span {
    background-position: 11px -177px;
}
.button-right #youtube-btn span {
    background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
    background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
    background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
    background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
    background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
    background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
    background-color: #C4302B;
}
.social-buttons a:hover .social-text {
    display: block;
}
.button-left .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-left .social-text {
    display: none;
    float: right;
    font-size: 1em;
    font-weight: bold;
    margin: 11px 40px 11px 0px;
    white-space: nowrap;
}
.button-right .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-right .social-text {
    display: none;
    float: left;
    font-size: 80%;
    font-weight: bold;
    margin: 11px 0 11px 40px;
    white-space: nowrap;
}
.social-buttons .social-text {
    color: #FFFFFF;
}

ثوم قوم بلبحث مرة اخري علي الكود

</head>

2_ثم الصق الكود فوقة مباشرة

ثوم قوم بلبحث مرة اخيرة علي الكود التالي

</body>

ثم الصق الكود فوقة مباشرة

***********************************************************

<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='رابط الفيس بوك الخاص بك ' id='facebook-btn' target='_blank'>Follow via Facebook</a>
<a class='itemsocial' href='رابط تويتر الخاص بك' id='twitter-btn' target='_blank'>Follow via Twitter</a>
<a class='itemsocial' href='رابط جوجل+الخاص بك' id='google-btn' target='_blank'>Follow via Google</a>
<a class='itemsocial' href='رابط بنتيريست الخاص بك' id='pinterest-btn' target='_blank'>
Follow via Pinterest</a>
<a class='itemsocial' href='رابط قناة اليوتيوب الخاصة بك' id='youtube-btn' target='_blank'>Follow via Youtube</a>
<a class='itemsocial' href='رابط الخلاصة الخاص بك' id='rss-btn' target='_blank'>Follow via RSS</a>
</div>

*****************************************************************

غير ما بلون الاحمر الي الروابط الخاصة بك