في شرحنا اليوم نقدم لكم اضافة جديدة واحترافية على موقع ربحني شكرا اضافة تابعني على المواقع الاجتماعية مع عرض عدد المتابعين في كل موقع كل يوتيوب والفيس بوك وتوتير وغيرها اضافة مميزة وجميلة بشكل احترفي ورائع لمدونات بلوجر نتمنا ان تنال اعجابكم هذه الاضافة وان لا تبخلو علينا بتعليقاتكم .
صورة توضيحية لشكل الاضافة
ناتي للشرح وطريقة التركيب
اذهب الى لوحة التحكم >> قالب >> تحرير html >> ثم اضاف الكود الاتي
ثم في الكيبورد إضغط Ctrl + F للبحث عن الكود داخل لوحة تحرير ال HTML
و أضف قبله ( فوقه ) هذا الكود
.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;}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiml6mwzdeAnump4b9fqPQnzWo_z7qytk8jILCN9noP8o9TbOGkA_z1RWF3MXjoVYAoz0x6RR2JwrKvDoj6hyphenhyphenHlIqQAxnyr3kcVWeKLnBbqnIeLha1pl5_8NvkVwPKSMUsUFPV4EK43wGk/s1600/youtube.png)top no-repeat;
.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB8gl_1Lr_f70aWhtyvVgMqWE76lmgwXyXiz2BZUI7MJnk-QcjPmFwHEPcq3e-UdXl7W6tZnwjzx79BTFwbPrepSdnicX3EEiIbQWnhAOggPPkh8oidIVk5oNmwt6z6hK5ckBYAVYSVHE/s1600/youtube2.png)top no-repeat;}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfwlqjmhwwEOlU0MiQNE5XAlnOq7Qk5kg1KdzRBN-wKva_0UXfjFV63YPBgtfl_Ur0vYODavp5GLrnYk6HFeqdnz3E3sG-6hhPWXl5sIXqrQ_Eb8mFMn2WXX8gztLMRRt30TIQ6ULYKLQ/s1600/twitter.png)top no-repeat;
.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFzyJnlnMSbD9gNXKvCAOdI8ch_lSYDfh0UhRLV1eskpuvz5v-jzyr2x58v6riWwNgXg3zwF36IurumaHMvYrH5q5aZqWYlvXpHj1Ij7oeeYwG2qD1q_gEA9gRQ5nHdOF69UtmbAgffpM/s1600/twitter2.png)top no-repeat;}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixcjyF1dyq_vG9Ges1dcxCK7RL4WfgeFthCwf1_DlWSPWO3pfA7f3CGSYoFMMzcZx5zpLW5e8jVq4_mSRpj7YziBSJQ7Vmc_nu7AZ2gFqJR0VtyiiB3f5y4Z2Pldj2DD6or-3dtSr-mcM/s1600/facebook.png)top no-repeat;
.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_L-tuZaZBWfDV4A_ohSjXTJUupb-dycBj-M-r8vDFcMIqbJ-WoNwQIf3jJZjfzzKr0TktVrzyoaTHcSTqLHBYcZ5bebIJu0eABr3mm-XqqrhB3fT8RLnLSXbolLsjuhB_nZ5UYr5Ofcg/s1600/facebook2.png)top no-repeat;}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIXO0DJtmeSU7TsIQ9bDmsYUX12lpTBxucfYeLvKg4Hxm86jR77_VSaHYyuk6Xc6_5AqBjUiCjZZxCw6czVy7RLFOSYjKclThuPH7RyKxHVuBdFkhfso45CfRbAD-dXgvIaldgYcr9XMM/s1600/RSS.png)top no-repeat;
.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGU_vhk4HpDvKtxMa2oyX_HsKldBL1sEG1mX7EIdJOi7KH_chEM5VpntH_1Gp7WXMz7OeuUzlJ3KGs-dEPd0lgp8lfA8tmgtnZcZgMUU-0wrwnrMX50LI6JFM9tfzkk5Sf1gF-zD6evyk/s1600/RSS2.png)top no-repeat;}
ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (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 برابط صفحتك
نتمنا ان تكون الاضافة نالت اعجابكم ونتمنا ان لاتبخلو علينا بتعليقاتكم
إذا أعجبتك التدوينة لا تنسى مشاركتها مع أصدقائك
هذا الجزء خاص بتعريف الكاتب.
