إضافة تابعني على المواقع الاجتماعية لكل المدونات بكل إحترافية

1) أولا يجب عليك الذهاب إلى مدونتك في بلوجر

 2) تم إضغط على قالب

3) بعدها إضغط تحرير

 HTML 4) ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML

5) بعدها إبحث عن هذا الكود

]]></b:skin>

6) و أضف قبله ( فوقه ) هذا الكود

.social-icone{ height:93px;}

.social-icone div{ margin: 0 12px;}

.social-icone a{ text-decoration:none;}

.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}

.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}

.you-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiILOdzAhdRZgY92cYL9Yf9KYUaPfwXG5lh3yvLR_plbjgk5cZ3yfNW4vccuKgNRBaAprApTv9JPcsjg2l6Pf5yyND6s1xivAenQbIa1GXeP-MG5K-SaTd6Im1qRjhMkcvxp4IgJ8rvZaU/s1600/youtube.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF2LJwMCm2LTk7gS8-Zxmq1vpO5uIh_jnJ40onjWnzRRLlM6hURHeL11oFzZfkY-g-ZBCex5KUOI0QUx65dmQbHmnAmVy1h8LN5WeLBj_Tk2fWJAgsOvw2lciFXbDH8BQMgmU7PB817B8/s1600/youtube2.png)top no-repeat;}

.twt-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnDa9Ofd5wlKjjMrtWIqvYjierueBH8H2MoHj0NOcBQ4kTMwUEtE5u6qiTxO1jfOWp2_5NuLThuWSLgeRlACBD_EkC9neNXd712F74cU7mJJ2QNJXlD2wAmaxO_Mv5KGAu430AamP6U8A/s1600/twitter.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitv9WJXoQAHpNM88FIKqKTjKtMjiEcTb9uRGPcQoRccCJqfuacBBanC4ChBIf1kj5Yc5cQ_Uh5qznfSBsvC9fx7JxiOIMhwrzVRKQPlMz9sdq-iopXWumxHEMZHCAo2BHPRJPja7RvWdg/s1600/twitter2.png)top no-repeat;}

.face-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip0Y5NkCmEr-JnnZv_z7eapUayxtjX1QsAeXynaKS8KAIh7QhKfPSQNE_kHeFsm8FVIgVk0PSBb6ASlxARi1r6Qslg3-iRbKWJSP69xDFEuO1ssf9PqD4SrJ14QicUzpRbsML0GjIp1zw/s1600/facebook.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5T0iSTiiLfsXNJo4Awym3ovyxXlZFUsnPMl1yIGTznJJFXVc0I0R2cKEzNk7gyvb64mOEydQE4Vz0lSwidmV-HHIoVp4Mi-AurWAlpcGFGVCywl3xg9LT317W6D1upoNWP7Z3JgfBfR4/s1600/facebook2.png)top no-repeat;}

.rss-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnnQIV7-RC34i1QP4jffVCpAxjBOz7Wy7GTLyq3HKqZH32BpzWHNboKgh4jpTNhO4Eq_MRxRi1q4nNosoZOXDXT9e2Lu_qb6j_hl2wX24Du-NJG_Dx6JMsR0uiVf7YfDQ_vdqySIJ7blI/s1600/RSS.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy67fqayfE7NLvD6jdu5rA5QLruQCQXnybb3DQAhyphenhyphenUuOAu6eo2u8VZtwRCZDBpa9g-WzJtZ78FAUhaLuWG5a7YPikNa8Kk5cu8jVyIoG33EtAPiUqtO8pW-ZJUk0_pwG4jJVQwGMZq948/s1600/RSS2.png)top no-repeat;}

.post-footer-line > * {

margin-left: 0;

}

7) ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (HTML/Javascript) و أضف هذا الكود

<div class=”social-icone”>
<a href=”http://www.youtube.com/subscribe_widget?p=XXXX” rel=”nofollow” target=”_blank”>
<div class=”you-icone”>
<b>100</b>
<span>مشترك</span>
</div>
</a>
<a href=”http://www.twitter.com/XXXX” rel=”nofollow” target=”_blank”>
<div class=”twt-icone”>
<b>0000</b>
<span>متابع</span>
</div>
</a>
<a href=”https://www.facebook.com/XXXX” rel=”nofollow” target=”_blank”>
<div class=”face-icone”>
<b>2000</b>
<span>معجب</span>
</div>
</a>
<a href=”http://feeds.feedburner.com/XXXX” rel=”nofollow” target=”_blank”>
<div class=”rss-icone”>
<b>200</b>
<span>مشترك</span>
</div>
</a>
</div>

و غير XXXX بما يناسبك

هل أعجبك الموضوع ؟

Share

Tweet