الاثنين، 24 أكتوبر 2016

طريقة انشاء جدول متجاوب في مدونة بلوجر

أكمل المقال

يمكنك تضمين جدول في مشاركاتك على مدونتك بشكل جميل وانيق متجاوب مع الشاشات المتعددة ومع الموقع يمكنك إستخدام هذا الجدول في الاكثير من المشاركات وهو مهم جدا للطلبة أو لإدراج مقارنات أو جداول المباريات وغيرها من الطرق المفيدة للجدول

كيفية إضافة جدول في مشاركات مدونة بلوجر؟

1. قم بإنشاء مشاركة جديدة
2. حدد المكان الذي تريد إضافة جدول فيه داخل المشاركة ثم قم بالنقر على زر "html" من يمين مسودة المواضيع وأضف الكود التالي داخل المشاركة



عنوان 1: عنوان 2
جدول 1 وصف الجدول او بما يقابله
جدول 2 وصف الجدول او بما يقابله
جدول 3 وصف الجدول او بما يقابله
جدول 4 وصف الجدول او بما يقابله
جدول 5 وصف الجدول او بما يقابله
جدول 6 وصف الجدول او بما يقابله
جدول 7 وصف الجدول او بما يقابله
جدول 8 وصف الجدول او بما يقابله
جدول 9 وصف الجدول او بما يقابله
جدول 10 وصف الجدول او بما يقابله

الكود:

<style type="text/css">table,caption,tbody{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}table{border-collapse:collapse;border-spacing:0;}.post-body table td,.post-body table caption{border:1px solid #e9e9e9;padding:10px;text-align:right;vertical-align:top;}.post-body table tr th{border:1px solid #457fdf;font-weight:bold;color:#fff;padding:15px 10px;text-align:right;vertical-align:top;font-size:14px}.post-body table th{background:#4285f4;}.post-body table.tr-caption-container{border:1px solid #f1f1f1;}.post-body table caption{border:none;font-style:italic;}.post-body td,.post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;}.post-body table tr:nth-child(even) &gt; td {background-color:#f9f9f9;}.post-body table tr:nth-child(even) &gt; td:hover {background-color:#fbfbfb;}.post-body td a{color:#768187;padding:0 6px;font-size:85%;float:left;display:inline-block;border-radius:3px}.post-body td a:hover{color:#7f9bdf;border-color:#adbce0;}.post-body tda[target=&quot;_blank&quot;]:after {margin-right:5px;}.post-body table.tr-caption-container td{border:none;padding:8px;}.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;height:auto;}.post-body td.tr-caption{color:#666;font-size:80%;padding:0px 8px 8px!important;}table{max-width:100%;width:100%;margin:1.5em auto;}table.section-columns td.first.columns-cell{border-right:none}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}</style>

<table cellpadding="0" cellspacing="0" style="text-align: right;"><tbody>
<tr> <th>عنوان 1:</th> <th>عنوان 2</th> </tr>
<tr> <td>جدول 1</td> <td>وصف الجدول او بما يقابله</td> </tr>
<tr> <td>جدول 2</td> <td>وصف الجدول او بما يقابله</td> </tr>
<tr> <td>جدول 3</td> <td>وصف الجدول او بما يقابله</td> </tr>
<tr> <td>جدول 4</td> <td>وصف الجدول او بما يقابله</td> </tr>
<tr> <td>جدول 5</td> <td>وصف الجدول او بما يقابله</td> </tr>
<tr> <td>جدول 6</td> <td>وصف الجدول او بما يقابله</td> </tr>
<tr> <td>جدول 7</td> <td>وصف الجدول او بما يقابله</td> </tr>
<tr> <td>جدول 8</td> <td>وصف الجدول او بما يقابله</td> </tr>
<tr> <td>جدول 9</td> <td>وصف الجدول او بما يقابله</td> </tr>
<tr> <td>جدول 10</td> <td>وصف الجدول او بما يقابله</td> </tr>
</tbody> </table>


طبعا يمكنك زيادة أو حذف الأسطر من خلال إضافة المزيد أو حذف:
<tr> <td>جدول 1</td> <td>وصف الجدول او بما يقابله</td> </tr>

كما يمكن إزالة العنوان من خلال حذف السطر:
<tr> <th>عنوان 1:</th> <th>عنوان 2</th> </tr>

3. بعد ذلك يمكن النقر على "تاليف والتعديل على الجدول ومن ثم نشر المشاركة
المصدر مداد الجليد

طريقة انشاء جدول متجاوب في مدونة بلوجر

أكمل المقال

يمكنك تضمين جدول في مشاركاتك على مدونتك بشكل جميل وانيق متجاوب مع الشاشات المتعددة ومع الموقع يمكنك إستخدام هذا الجدول في الاكثير من المشاركات وهو مهم جدا للطلبة أو لإدراج مقارنات أو جداول المباريات وغيرها من الطرق المفيدة للجدول

كيفية إضافة جدول في مشاركات مدونة بلوجر؟

1. قم بإنشاء مشاركة جديدة
2. حدد المكان الذي تريد إضافة جدول فيه داخل المشاركة ثم قم بالنقر على زر "html" من يمين مسودة المواضيع وأضف الكود التالي داخل المشاركة



عنوان 1: عنوان 2
جدول 1 وصف الجدول او بما يقابله
جدول 2 وصف الجدول او بما يقابله
جدول 3 وصف الجدول او بما يقابله
جدول 4 وصف الجدول او بما يقابله
جدول 5 وصف الجدول او بما يقابله
جدول 6 وصف الجدول او بما يقابله
جدول 7 وصف الجدول او بما يقابله
جدول 8 وصف الجدول او بما يقابله
جدول 9 وصف الجدول او بما يقابله
جدول 10 وصف الجدول او بما يقابله



طبعا يمكنك زيادة أو حذف الأسطر من خلال إضافة المزيد أو حذف:
<tr> <td>جدول 1</td> <td>وصف الجدول او بما يقابله</td> </tr>

كما يمكن إزالة العنوان من خلال حذف السطر:
<tr> <th>عنوان 1:</th> <th>عنوان 2</th> </tr>

3. بعد ذلك يمكن النقر على "تاليف والتعديل على الجدول ومن ثم نشر المشاركة
المصدر مداد الجليد


الكود:

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

أكمل المقال

لا أعتقد أن هناك أحد لا يمتلك صفحة شخصية على فيسبوك ومن خلال هذه الصفحة يمكن الأن الأتصال بالكثير من المواقع الإلكترونية وهي طريقة سهلة لتسجيل الدخول السريع لمواقع الويب، كذلك اصبح اليوم التواصل مع العملاء وزوار مدونتك بسهولة وسرعة بإستخدام فيسبوك.

هذه الإضافة تمكن زوار مدونتك بإرسال رسالة مباشرة لصفحة فيسبوك الخاصة بمدونتك يجب أن تكون صفحة معجبين لتكون هذه الميزة فعالة على مدونتك، ستمنحك هذه الطريقة ميزة يمكن ان تشجع زوار مدونتك او حتى عملائك على الإتصال بك بكل سهولة أمان بإستخدام فيسبوك

كما يمكن الإستفادة منها هو صندوق إعجاب لصفحة الفيسبوك لأنها تتوفر على زر إعجاب للصفحة وبالتالي سوف تزيد من نسبة تسجيل الإعجابات بالصفحة

انقر للمشاهدة!

كيف تضع صندوق دردشة فيسبوك ماسنجر على مدونتك؟

1. يجب ان تكون الصفحة صفحة معجبين وقد فعلة سابقًا ميزة "الرسائل" وذلك من خلال الإعدادات في صفحة فيسبوك
2. الإنتقال من لوحة تحكم المدونة --> التخطيط --> أنقر على إضافة أداة في اي مكان ثم اختر أداة Javascrpt/Html ثم أضف الكود التالي داخل الأداة:
<style type="text/css">
#b-c-facebook .fbchat_box,#chat_f_b_smal,#f_bt_start_chat{background:#3a5897}
#fbchat_box{padding-left:15px;max-width:210px;max-height:50px;display:block;transition:all .3s}
#b-c-facebook .f-chat-conent .chat-single a,#chat_f_b_smal{font-family:Arial,sans-serif}
#b-c-facebook .fbchat_box,#chat_f_b_smal{text-shadow:0 1px 0 rgba(0,0,0,.1);background-repeat:repeat-x;background-size:auto;background-position:0 0;text-decoration:none}
.chat_f_vt{position:fixed;left:10px}
#chat_f_b_smal{padding:0 10px;cursor:pointer;width:90px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;margin-left:12px;font-size:14px;z-index:999999999;bottom:0;border-top-right-radius:5px;border-top-left-radius:5px;bottom:-400px;transition:all .3s;text-align:center;display:block}
#chat_f_b_smal:hover{background-color:#3B5998;opacity:1}
#b-c-facebook{margin-left:50px;bottom:0;z-index:9999999999;transition:all .3s;width:250px;height:auto;max-height:375px;min-height:38px;box-shadow:0 10px 50px 0 rgba(0,0,0,0.25);border-top-right-radius:5px;border-top-left-radius:5px;overflow:hidden;display:block}
#b-c-facebook .f-chat-conent{float:right;width:100%;height:335px;overflow:hidden;display:none;background-color:#fff;position:relative}
#b-c-facebook .f-chat-conent .chat-single{float:right;position:absolute;bottom:0;right:0;background-color:#fff;line-height:25px;color:#fff;width:100%}
#b-c-facebook .f-chat-conent .chat-single a{float:right;text-decoration:none;margin-right:10px;color:#0C5BB5;font-size:12px}
#b-c-facebook .f-chat-conent .chat-single a:hover{color:#F60}
#b-c-facebook .fbchat_box label{width:185px}
#b-c-facebook .f-chat-conent .chat-single label{float:left;color:silver;margin-left:5px;font-size:12px;font-family:Arial}
#b-c-facebook .fbchat_box,#b-c-facebook .fbchat_box label{line-height:20px;margin:0;cursor:pointer;font-family:Arial,sans-serif;font-size:14px}
#b-c-facebook .f-chat-conent .chat-single i{color:#0C5BB5}
#b-c-facebook .f-chat-conent .fb-page{margin-top:0;float:right;height:310px}
#b-c-facebook .fbchat_box{float:right;padding:0 25px;padding-right:15px;width:250px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;z-index:9999999;margin-left:12px}
#b-c-facebook .fbchat_box label{position:absolute;top:10px}
//Widget by www.madad2.com
.title-f-chat-icon{margin-right:-10px}
#t_f_chat{float:right;position:absolute;left:15px;top:-5px}
#t_f_chat a{color:#fff;font-size:17px;font-family:verdana;text-decoration:none}
#t_f_chat a:hover i{color:#ff0;text-decoration:none}
.chat-right-5{margin-right:2px}
#start_chat{position:absolute;width:248px;height:239px;top:70px;right:0;background-color:#fff;padding:10px;float:right;display:none}
#start_chat em{font-size:11px;color:gray}
.msg_b{color:#434a54;width:80%;word-wrap:break-word;overflow:hidden;font-family:Arial,sans-serif;font-size:14px;background:#edeef1;padding:10px;min-height:13px;margin-bottom:5px;position:relative;margin:5px;border-radius:5px;border:1px solid #dfe3e9}
#close_chat{opacity:0.5}
#close_chat:hover{opacity:1}
.msg_b a{text-decoration:underline;color:#01509E}
#f_bt_start_chat{margin:auto;background-color:#3a5897;border-radius:3px;color:#fff;font-family:Arial;font-size:14px;font-weight:bold;padding:9px 35px;text-decoration:none}
#f_bt_start_chat:hover{text-decoration:none;opacity:0.8}
#start_chat p{margin-top:30px}
#fb_alert_num{background-color:#ff0;padding:0 7px;color:red;border-radius:40px;font-size:13px;font-family:Arial;font-weight:700;position:absolute;left:55px;top:12px;height:20px;line-height:20px;display:none!important}
.hide_chatbox{display:none}
#f_enter_3{margin-top:30px}
</style>

<script>
//<![CDATA[
function check_fist_vist_f(){var _=f_read_cki("check_fist_vist_f");(0==_||""==_)&&(fb_eshow("f-chat-conent"),f_create_cki("check_fist_vist_f","1",1),f_create_cki("f_chat_open","1",1))}
function close_chat(){fb_ehide('b-c-facebook'),f_create_cki('close_chat',1,1),$('body').find('.zopim').remove(),fb_eshow('chat_f_b_smal'),on_playsound('click')}
function open_chat(){f_create_cki('close_chat','0',1),fb_eshow('b-c-facebook'),fb_eshow('f-chat-conent'),fb_ehide('chat_f_b_smal')}
function f_bt_start_chat(){f_create_cki('f_bt_start_chat','1',10),fb_ehide('start_chat'),fb_ehide('fb_alert_num'),on_playsound('click')}
function f_c_start_chat(){var t=f_read_cki('f_bt_start_chat');0==t||''==t?(fb_eshow('start_chat '),fb_eshow('fb_alert_num'),f_chat_step()):(fb_ehide('start_chat'),fb_ehide('fb_alert_num'))}
function b_f_chat(){var t=f_read_cki('f_chat_open');0==t||''==t?(fb_eshow('f-chat-conent'),f_create_cki('f_chat_open','1',1)):(fb_ehide('f-chat-conent'),f_create_cki('f_chat_open','0',1)),on_playsound('click')}
function f_ck_chat(){check_fist_vist_f();f_c_start_chat();var t=f_read_cki('close_chat');if(''==t||0==t||'0'==t){fb_eshow('b-c-facebook'),fb_ehide('chat_f_b_smal');var e=f_read_cki('f_chat_open');(1==e||'1'==e)&&fb_eshow('f-chat-conent')}else fb_eshow('chat_f_b_smal'),fb_ehide('b-c-facebook')}
function f_chat_step(){on_playsound('door_bell')
fb_eshow('f_enter_1');fb_eshow('f_enter_3');}
function fb_eshow(t){document.getElementById(t).style.display='block';}
function fb_ehide(t){document.getElementById(t).style.display='none';}
function f_create_cki(t,e,n){if(n){var o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3);var c='; expires='+o.toGMTString()}else var c='';document.cookie=t+'='+e+c+'; path=/';}
function f_read_cki(t){for(var e=t+'=',n=document.cookie.split(';'),o=0;o<n.length;o++){for(var c=n[o];' '==c.charAt(0);)c=c.substring(1,c.length);if(0==c.indexOf(e))return c.substring(e.length,c.length)}
return''}
function on_playsound(t){}
function ionSound(){1==web_sound&&$.ionSound({sounds:['click','door_bell'],path:fb_path.live_chat_path+'sounds/',multiPlay:!0,volume:'1.0'})}
var web_sound=!0;jQuery(document).ready(function(t){t(window).scroll(function(){var e=t(window).width();680>=e?f_create_cki('f_chat_open','0',1):f_create_cki('f_chat_open','1',1)})}),setTimeout(function(){f_ck_chat()},1000);var $=jQuery.noConflict();!function(t){if(!t.ionSound){var e,n,o,c,_={},f={},a=!1,i=function(e){var c,a;-1!==e.indexOf(':')?(c=e.split(':')[0],a=e.split(':')[1]):c=e,f[c]=new Audio,n=f[c].canPlayType('audio/mp3'),o='probably'===n||'maybe'===n?_.path+c+'.mp3':_.path+c+'.ogg',t(f[c]).prop('src',o),f[c].load(),f[c].preload='auto',f[c].volume=a||_.volume},u=function(t){var e,n,o,c;if(-1!==t.indexOf(':')?(n=t.split(':')[0],o=t.split(':')[1]):n=t,e=f[n],'object'==typeof e&&null!==e)
if(o&&(e.volume=o),_.multiPlay||a){if(_.multiPlay)
if(e.ended)e.play();else{try{e.currentTime=0}catch(i){}
e.play()}}else e.play(),a=!0,c=setInterval(function(){e.ended&&(clearInterval(c),a=!1)},250)},l=function(t){var e=f[t];if('object'==typeof e&&null!==e){e.pause();try{e.currentTime=0}catch(n){}}},r=function(t){var e=f[t];if('object'==typeof e&&null!==e){try{f[t].src=''}catch(n){}
f[t]=null}};t.ionSound=function(n){if(_=t.extend({sounds:['water_droplet'],path:'/sounds/',multiPlay:!0,volume:'0.5'},n),e=_.sounds.length,'function'==typeof Audio||'object'==typeof Audio)
for(c=0;e>c;c+=1)i(_.sounds[c]);t.ionSound.play=function(t){u(t)},t.ionSound.stop=function(t){l(t)},t.ionSound.kill=function(t){r(t)}},t.ionSound.destroy=function(){for(c=0;e>c;c+=1)f[_.sounds[c]]=null;e=0,t.ionSound.play=function(){},t.ionSound.stop=function(){},t.ionSound.kill=function(){}}}}(jQuery);
//]]>
</script>
<a title="فتح الدردشة" id="chat_f_b_smal" onclick="open_chat()" class="chat_f_vt">فتح الدردشة</a> <div id="b-c-facebook" class="chat_f_vt"> <div id="fbchat_box" onclick="b_f_chat()" class="fbchat_box"> <label>إرسال رسالة عبر صفحة فيسبوك</label> <span id="fb_alert_num">1</span> <div id="t_f_chat"><div class='close_chatfb' onclick='hidechatfb()'>&#95;</div></div></div><div id="f-chat-conent" class="f-chat-conent"> <div class="fb-page" data-tabs="messages" data-href="
https://www.facebook.com/mdadice" data-width="250" data-height="310" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="true"> </div><div id="start_chat"> <div id="f_enter_1" class="msg_b hide_chatbox"> مرحبا بك !!! شكرًأ لك على زيارة موقعنا الرجاء فتح الدردشة لإرسال رسالة لمشرف الموقع عبر فيسبوك </div><p id="f_enter_3" class="hide_chatbox" align="center"> <a href="javascript:;" onclick="f_bt_start_chat()" id="f_bt_start_chat">Start</a> </p></div></div></div>
<div id="fb-root"></div>
<script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.5";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>


3. غير رابط صفحة فيسبوك: https://www.facebook.com/mdadice برابط صفحة مدونتك على فيسبوك ثم أنقر على حفظ الاداة.
المصدر مداد الجليد

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

أكمل المقال

لا أعتقد أن هناك أحد لا يمتلك صفحة شخصية على فيسبوك ومن خلال هذه الصفحة يمكن الأن الأتصال بالكثير من المواقع الإلكترونية وهي طريقة سهلة لتسجيل الدخول السريع لمواقع الويب، كذلك اصبح اليوم التواصل مع العملاء وزوار مدونتك بسهولة وسرعة بإستخدام فيسبوك.

هذه الإضافة تمكن زوار مدونتك بإرسال رسالة مباشرة لصفحة فيسبوك الخاصة بمدونتك يجب أن تكون صفحة معجبين لتكون هذه الميزة فعالة على مدونتك، ستمنحك هذه الطريقة ميزة يمكن ان تشجع زوار مدونتك او حتى عملائك على الإتصال بك بكل سهولة أمان بإستخدام فيسبوك

كما يمكن الإستفادة منها هو صندوق إعجاب لصفحة الفيسبوك لأنها تتوفر على زر إعجاب للصفحة وبالتالي سوف تزيد من نسبة تسجيل الإعجابات بالصفحة

انقر للمشاهدة!

كيف تضع صندوق دردشة فيسبوك ماسنجر على مدونتك؟

1. يجب ان تكون الصفحة صفحة معجبين وقد فعلة سابقًا ميزة "الرسائل" وذلك من خلال الإعدادات في صفحة فيسبوك
2. الإنتقال من لوحة تحكم المدونة --> التخطيط --> أنقر على إضافة أداة في اي مكان ثم اختر أداة Javascrpt/Html ثم أضف
الكود

3. غير رابط صفحة فيسبوك: https://www.facebook.com/mdadice برابط صفحة مدونتك على فيسبوك ثم أنقر على حفظ الاداة.
المصدر مداد الجليد

الكود التالي داخل الأداة:

الأحد، 2 أكتوبر 2016

وضع اعلانات اسفل وفوق التدوينة تلقائياَ في بلوجر

أكمل المقال


طبعاَ وضع الاعلانات فوق واسفل التدوينة هو شيء رائع ويبحث عنه الكل , وايضاَ هو مربح ومفيد ويزيد من الربح حيث انه في مكان مهم وهو التدوينة نفسها , وموضوعنا اليوم راح نعرف طريقة وضع الاعلانات اما فوق او اسفل او حتى وسط التدوينة في بلوجر مما يساعد على ربح اكثر ومنظر اكثر جمالاَ حيث يوحي المنظر ان المدونة مهمه الخ .. من الفوائد , تجي اسأله كثير عن كيفية وضع اعلانات اسفل التدوينة او فوقها , او كيف اضع اعلانات في التدوينة وكثير منها.


طريقة التركيب : 


  1. ندخل القالب .


  2. نبحث عن 

<data:post.body/>

سنجد اكثر من واحد  الاخير هو المقصود , نضع كود الاعلان فوقه ان اردناه ان يظهر فوق التدوينة او اسفل ان اردناه ان يظهر اسفل التدوينة . او فوقه واسفله ان اردناه ان يظهر فوق واسفل التدوينة

ملاحظة : قم بتحويل كود الاعلان من هنا قبل كل شيء


مبروك عليك الاضافة

المصدر ويب تيك