إضافة تابعنا على مواقع التواصل الإجتماعي لـ بلوجر
السلام عـلـيـكم ورحـمـة الله وبـركـاتة
تحديث بواسطة / علاء صلاح
لدينا اليوم إضافتان مهمتان لمواقع التواصل الإجتماعي على بلوجر نبداًً بعملية التركيب ..تابعني
1. توجه الى لوحة التحكم .
2. اختار تخطيط .
3. اضافة اداة .
4. Javascript/Html
5. أدخل كود الخاص بأداة ثم قم باستبدال روابط المواقع الإجتماعية بروابطك .
الإضافة الاولى :
الكود :
<div class="widget-content">
<div class="social-icone">
<a href="http://www.youtube.com/subscribe_widget?p=f3hQtCRBSdQ5MYnu8eEK4g" rel="nofollow" target="_blank">
<div class="you-icone">
<b>1000</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/***" rel="nofollow" target="_blank">
<div class="twt-icone">
<b>1000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/internet.programation" rel="nofollow" target="_blank">
<div class="face-icone">
<b>1500</b>
<span>معجب</span>
</div>
</a>
<a href="http://feeds.feedburner.com/hukmat" rel="nofollow" target="_blank">
<div class="rss-icone">
<b>2.000</b>
<span>مشترك</span>
</div></a></div></div>
<div class="social-icone">
<a href="http://www.youtube.com/subscribe_widget?p=f3hQtCRBSdQ5MYnu8eEK4g" rel="nofollow" target="_blank">
<div class="you-icone">
<b>1000</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/***" rel="nofollow" target="_blank">
<div class="twt-icone">
<b>1000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/internet.programation" rel="nofollow" target="_blank">
<div class="face-icone">
<b>1500</b>
<span>معجب</span>
</div>
</a>
<a href="http://feeds.feedburner.com/hukmat" rel="nofollow" target="_blank">
<div class="rss-icone">
<b>2.000</b>
<span>مشترك</span>
</div></a></div></div>
الإضافة الثانية :
الكود :
<div class="widget-content">
<div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;">
<a href="https://www.facebook.com/internet.programation" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: tahoma; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsP-Nin4786m2msxJjGeO4k5re7OcL_lQDk_o3pzGshV1-YQqaysjUG4bb6CJL1QY8UY1hwbm7_CANdYQuY2HcsDvbFQHtHvtwjlOq22lPE1ABubFS7KiYEfTQBF6CUmD-Fdtgi8vbdPc/s1600/face.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: droidkufi-bold, tahoma sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">1000</b><span style="-webkit-transition: all 0.3s ease-in-out; float: right; line-height: 47px; padding-left: 10px;font-family:droidkufi-bold, tahoma sans-serif;color:#9f9d9d;">معجب على الفيسبوك</span></a></div>
<div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;">
<a href="http://feeds.feedburner.com/Hukmat" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: droidkufi-bold, tahoma sans-serif; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhsNmnXIqOX_tXXhKvVq7fiwtd6_LpkBxfCiCIhtboUHFbp9fErt99ckV2ixiZ-1xq5zlF2UeOvmWqV9jUFK7fh2wjlw_6fdmKKP4BRw7NvOXgtxtbd1-p1vMByIlIP_BIkqTW52RGnqE/s1600/RSS.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: droidkufi-bold, tahoma sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">+++</b><span style="-webkit-transition: all 0.3s ease-in-out; float: right; line-height: 47px; padding-left: 10px;font-family:droidkufi-bold, tahoma sans-serif;color:#9f9d9d;">مشتركاً</span></a></div>
<div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;">
<a href="http://www.youtube.com/subscribe_widget?p=f3hQtCRBSdQ5MYnu8eEK4g" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: droidkufi-bold, tahoma sans-serif; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGW47HTiGYR1s0wCp_61NtEZ-XcxEvHm3GqhkG1abLG2rkKB3Y_L_bz26VAkWAiQ98wofe_8nNt8lknDekwEPtMZ2pVpa4Uicc07VVZhUnZmRZwKvMfYq6veK5u9zpdS8OORkzLqg4yso/s1600/youtube.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: droidkufi-bold, tahoma sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">+++</b><span style="-webkit-transition: all 0.3s ease-in-out; float: right; line-height: 47px; padding-left: 10px;font-family:droidkufi-bold, tahoma sans-serif;color:#9f9d9d;">مشتركين على يوتيوب</span></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=4154461973978148447&widgetType=HTML&widgetId=HTML14&action=editWidget&sectionId=footer-2-3" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML14"));" target="configHTML14" title="تحرير">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
<div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;">
<a href="https://www.facebook.com/internet.programation" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: tahoma; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsP-Nin4786m2msxJjGeO4k5re7OcL_lQDk_o3pzGshV1-YQqaysjUG4bb6CJL1QY8UY1hwbm7_CANdYQuY2HcsDvbFQHtHvtwjlOq22lPE1ABubFS7KiYEfTQBF6CUmD-Fdtgi8vbdPc/s1600/face.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: droidkufi-bold, tahoma sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">1000</b><span style="-webkit-transition: all 0.3s ease-in-out; float: right; line-height: 47px; padding-left: 10px;font-family:droidkufi-bold, tahoma sans-serif;color:#9f9d9d;">معجب على الفيسبوك</span></a></div>
<div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;">
<a href="http://feeds.feedburner.com/Hukmat" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: droidkufi-bold, tahoma sans-serif; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhsNmnXIqOX_tXXhKvVq7fiwtd6_LpkBxfCiCIhtboUHFbp9fErt99ckV2ixiZ-1xq5zlF2UeOvmWqV9jUFK7fh2wjlw_6fdmKKP4BRw7NvOXgtxtbd1-p1vMByIlIP_BIkqTW52RGnqE/s1600/RSS.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: droidkufi-bold, tahoma sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">+++</b><span style="-webkit-transition: all 0.3s ease-in-out; float: right; line-height: 47px; padding-left: 10px;font-family:droidkufi-bold, tahoma sans-serif;color:#9f9d9d;">مشتركاً</span></a></div>
<div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;">
<a href="http://www.youtube.com/subscribe_widget?p=f3hQtCRBSdQ5MYnu8eEK4g" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: droidkufi-bold, tahoma sans-serif; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGW47HTiGYR1s0wCp_61NtEZ-XcxEvHm3GqhkG1abLG2rkKB3Y_L_bz26VAkWAiQ98wofe_8nNt8lknDekwEPtMZ2pVpa4Uicc07VVZhUnZmRZwKvMfYq6veK5u9zpdS8OORkzLqg4yso/s1600/youtube.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: droidkufi-bold, tahoma sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">+++</b><span style="-webkit-transition: all 0.3s ease-in-out; float: right; line-height: 47px; padding-left: 10px;font-family:droidkufi-bold, tahoma sans-serif;color:#9f9d9d;">مشتركين على يوتيوب</span></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=4154461973978148447&widgetType=HTML&widgetId=HTML14&action=editWidget&sectionId=footer-2-3" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML14"));" target="configHTML14" title="تحرير">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18" />
</a>
</span>
</span>
<div class="clear"></div>