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


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



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/AVvXsEh7lMZmE9GJ_lJ8gaj8yKUfMdZv26W4NvvBM4LHdlQ6NExU3f5EO2iGc6X0-vhirvwXODEktYNpFX_WilGgqyhz2AGhZMCE02SU9LfEiSVwaSO1lis1fd_pjJ2LedZ1kMvcWR1iofIdjrg/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/AVvXsEjWVDRWGdNmtay08UbEPvmV9qKHFihUOcnp08q9zyEh7lIfm2-n2YMS2z9dKQ-Tb7TJERioK_USN-gA7T1gt8tA6BXFEBNnNndFCAV1hAvX-bgQCUEh9jdSZewHlnhKmxZT6TDKbDBc6mM/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIT01s0V-NOaajw87ZfEmgzUZDD-lNyZ4jfkY-faC2fj5wvtOar2PX-90Y0aIMRTAz3vBOd1UpYlIR1t32W_ya61WBwPYgabStlBFQeF9rpJXkojRQVKuYNy1xhGTaKih194RZD92Q_Is/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/AVvXsEiVZFE3nzq_bJDeU1MYrgWRXsa76Glq3tSl0sqZbjhQ5xtimEau_UQEfTcLJKbdAJyoYMpZxUUksrzXfMcSD-bVhPsRx0W33Vx3byk85u2WclZng5AWShBMcjkJclJ_o0wWwmdUjaKLlDg/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjy3Pv4fg8OUBDcX-_GcUImoC9vAIvw4yjB_M6K5JpNltHI8b4ahGeCcrdbgoMZQf9LyGayfBJx7dn69aXkWmdcr7uoI9OPbXAZJv5O-fIgw7UmRjwqsMN1uluXVDXQ_YbIv3K9UtshA/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/AVvXsEhj_0sk9iVPKK3AqryDiAJ5CZLjq-esmjokM_IuDo8bQtAUGCEpDfLi0fw2b_nLWjn6V7c8tFhRthvNZgTVgDC-COqnknK9cPHNmxth86-6yY1Q21AOmOvbUlFWqGZvMDH1myposa9hFyA/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAMTdadpN1jNuF2OUZhb-BytG0uiEUABc8en5WGFHHMUJykDrb71HW4hB0Gj87eTY8tkqWYJVE8BHLqW1TOA9oifZTPxV3PfGT_7IQgU8xPr75mVpGs2xXi3hWxXnw1iFnDsh20oLo9O4/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/AVvXsEi9WgLJga7tRgks_uWEu8r-vQPbX_MCwHnBvwiQeKbOvzMj7sC-CZiNnQbel4tJUpfVmeI749ixHM3FZ608cWDUx4Qw_VlP0vkevwWmThid0X1c4RAZitL3To-Kol4NFCN78gHP9PK0sl4/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}

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


<div class="widget-content">
<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>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=4777457750253636728&amp;widgetType=HTML&amp;widgetId=HTML3&amp;action=editWidget&amp;sectionId=footer-2-3" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML3&quot;));" target="configHTML3" title="تحرير">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div>

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


أدخل تعليقك


جميع الحقوق محفوظة المساعد الإلكتروني ©2012-2013 | ، نقل بدون تصريح ممنوع . Privacy-Policy| أنضم ألى فريق التدوين

| تحميل القالب