‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل

قالب تنظيف مدونة البلوجر Clean up Blogger.


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

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

كل ما عليك فعله الوصول الى تحرير القالب في مدونتك التي تريد تنظيف القالب عليها ثم تحذف كل شئ موجود في صندوق التحرير ثم تضيف أكواد قالب التنظيف الموجودة أسفله ثم تضغط حفظ سيتم حذف كل شئ وحينها يمكنك تركيب قالبك الجديد أو برمجة واحد جديد دون وجود اي مشاكل .

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:skin><![CDATA[/*
-----------------------------------------------
Name : Chobixo Tech
Designer URL  : https://www.chobixo.com
year          : 2020
----------------------------------------------- */
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id="Blog1" locked="true" type="Blog" />
</b:section>
</body>
</html>

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


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

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

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

1- نقوم أولا بالولوج إلى الرابط التالي: Sharing Debugger (هي عبارة عن أداة من فيسبوك لإصلاح مشكل معلومات الروابط المنشورة على الموقع).
2- ثم نقوم بلصق الرابط الذي نريد تصحيح معلوماته على موقع فيسبوك في مكانه المناسب ، كما هو موضح في الصورة أسفله ، ثم نضغط زر Debug (تصحيح).

3- ستظهر لك مجموعة من المعلوامات بما فيها المنشور ، كما هو موضح في المقال أسفله.
كما تلاحظ المقالة تتحدث عن هاتف أبل الجديد iPhone SE لكنني أخطأت وأرفقتها بالصورة الخطأ ، صورة لمقالة تتحدث عن هاتف أخر.


4- الان لإصلاح هذا المشكل ، قم أولا بإصلاح الخطأ في مدونتك أو موقعك الإلكتروني ثم إضغط على الزر Scrape Again كما هو موضح في الصورة أسفله لبدأ إصلاح المشكل.


بعد بضع ثوان سيتم تحديث معلوامات الرابط وستظهر لك النتيجة على الفور، مثال في الصورة التوضيحية أسفله.


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

جوجل تقوم بتفعيل خاصية البروتوكول HTTPS لجميع المدونات على خدمة البلوجر.


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

    بدأت جوجل منذ أيام بإضافة دعم HTTPS إلى بعض مدونات بلوجر Blogger ذات نطاقات المدفوعة ، وتعتبر هذه الخدمة خياراً متاحاً للمدونين لتفعيله أو تعطيله، كما يمكن للمدونين تفعيل خيار إعادة تحويل الروابط التي تبدأ ب HTTP إلى HTTPS. 

الان إليك طريق تفعيل الخاصية:

أولا لمعرفة فيما كانت هذه الإضافة متاحة في حسابك على البلوجلر تأكد من ظهور رسالة كما هو موضح بصورة أسفله، بعدها إضغط على "إعدادات HTTPS".


إختر "نعم" بدل زر ل"لا" كما هو موضح في الصورة أسفله لتفعيل الخدمة.



ستظهر لك رسالة تخبرك بأنها تتم المعالجة...، إنتظر بضع دقائق وأعد تحميل الصفحة من جديد.



ثم إختر نعم لتفعيل خاصية إعادة توجيه الروابط إلى HTTPS.



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

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

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


Tinychat

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


Chatterous

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


Life.Church

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

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

وفي الأخير أبرء ذمتي أتمنى منك أخي الفاضل ألا تستخدم هذه المواقع فيما لا يرضي الله، وأتمنى لك كل خير وبالتوفيق إن شاء الله.

إضافة أزرار مواقع التواصل الإجتماعي لمشاركة المواضيع لمدونات بلوجر.

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

الأزرار التي تحتويها هذه الإضافة هي : فيسبوك، تويتر، جوجل بلس، إنكدن، واتس اب.


تعال معي الان لنتعرف على طريقة تركيب هذه الإضافة.

أولا نتوجه إلى القالب ثم إلى تحرير الـ HTML.


الان أنقر في أي مكان داخل محرر الـ HTML ثم إضغط على Ctrl + F.


ثم إبحث عن هذا الكود.

</head>

 ثم أضف الكود التالي فوقه مباشرة.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" /><style type='text/css'>
.share-text{display:none!important}.sharebar{height:28px;background:#F7F7F7;border-top:1px solid #EAEAEA;position:relative;z-index:2;width:100%;display:inline-block;clear:both;margin:10px -20px -6px;padding:10px 0 0 36px}.sharebar .Share_buttons{display:block;margin:0 auto}.sharebar .Share_buttons .wrap{text-align:center;margin:0 auto;display:inline-block;min-width:41px}.sharebar .Share_buttons .wrap1{display:inline-block;width:31px;float:left}.sharebar .Share_buttons ul{margin:0;padding:0}.sharebar .Share_buttons ul li a,.sharebar .Share_buttons ul li a:hover{color:#FFF!important;cursor:pointer;line-height:25px;height:100%;display:block;text-decoration:none}.sharebar .Share_buttons ul li{list-style:none;padding:0;margin:-4px 1px;float:left;width:16%;max-width:100px;display:inline-block;font-size:13px;overflow:hidden;height:25px;line-height:25px;color:#fff;border:1px solid rgba(0,0,0,.04);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.sharebar .Share_buttons ul li .fa{color:#fff;font-size:17px;font-weight:400;font-family:FontAwesome;display:inline-block;text-align:center;padding:0;height:25px;line-height:inherit;width:30px;background-color:rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.05)}.sharebar .Share_buttons .btn_whtspp{background-color:#5CBE4A}.sharebar .Share_buttons .btn_whtspp:hover{background-color:#53AB43}.sharebar .Share_buttons .btn_fb{background:#3a579a}.sharebar .Share_buttons .btn_fb:hover{background:#314a83}.sharebar .Share_buttons .btn_twtr{background:#00abf0}.sharebar .Share_buttons .btn_twtr:hover{background:#0092cc}.sharebar .Share_buttons .btn_gplus{background:#df4a32}.sharebar .Share_buttons .btn_gplus:hover{background:#be3f2b}.sharebar .Share_buttons .btn_linkdin{background:#0077b5}.sharebar .Share_buttons .btn_linkdin:hover{background:#005480}.sharebar .Share_buttons .share.h6{font-size:10px;font-weight:700;text-shadow:none!important;text-decoration:none;text-align:center;color:#000;border-top:3px solid #FFF600!important;border-bottom:0;padding:5px 0 0!important;margin:0!important;line-height:8px;border-radius:75% 0}.sharebar .Share_buttons .share{border:none;margin:0 5px 0 1px;overflow:visible!important;width:95px!important}.sharebar .Share_buttons .share .count.h4{font-size:18px;font-weight:700;text-shadow:none;text-decoration:none;font-family:sans-serif;text-align:center;color:red;line-height:15px;margin:-4px 0 2px;min-height:15px;padding:0;border:none}.sharebar .Share_buttons .btn_fb .share-btn,.sharebar .Share_buttons .btn_gplus .share-btn,.sharebar .Share_buttons .btn_linkdin .share-btn,.sharebar .Share_buttons .btn_twtr .share-btn,.sharebar .Share_buttons .btn_whtspp .share-btn{position:relative;color:#C3C3C3;display:inline-block;text-align:center;font-weight:700;font-size:11px;float:right;min-width:12px;font-family:sans-serif;padding:0 5px;background-color:rgba(0,0,0,.28);border-radius:0 0 0 15px}@media only screen and (max-width:979px){.sharebar .Share_buttons .btn_linkdin{width:34px}.sharebar .Share_buttons .btn_fb,.sharebar .Share_buttons .btn_gplus,.sharebar .Share_buttons .btn_twtr,.sharebar .Share_buttons .btn_whtspp{width:78px}.sharebar .Share_buttons .btn_fb .share-btn,.sharebar .Share_buttons .btn_gplus .share-btn,.sharebar .Share_buttons .btn_linkdin .share-btn,.sharebar .Share_buttons .btn_twtr .share-btn,.sharebar .Share_buttons .btn_whtspp .share-btn{display:none!important}}@media only screen and (max-width:768px){.sharebar .Share_buttons ul li a,.sharebar .Share_buttons ul li a:hover{color:#FFF!important;cursor:pointer;line-height:25px;font-size:11px;height:100%;display:block;text-decoration:none}.sharebar .Share_buttons .wrap{min-width:34px}.sharebar .Share_buttons .btn_linkdin,.sharebar .Share_buttons .btn_twtr{width:30px}.sharebar .Share_buttons ul li{margin:1px 3px}.sharebar .Share_buttons{margin:-4px auto 0}}@media only screen and (max-width:479px){.sharebar .Share_buttons .share{border:none;margin:0 5px 0 1px;overflow:visible!important;width:80px!important}.sharebar .Share_buttons ul li{width:25px!important;margin:2px;border-radius:50px;border:2px solid rgba(0,0,0,.14)}.sharebar .Share_buttons ul li .fa{width:34px!important}.sharebar{height:28px;display:inline-block;clear:both;margin-right:-14px;padding:10px 0 10px 36px}.sharebar .Share_buttons{display:inline-block;float:left;margin-top:-4px}.sharebar .Share_buttons .btn_fb,.sharebar .Share_buttons .btn_whtspp{width:78px!important}}
</style>
</b:if>

الان هذه المرحلة مهمة جدا، حيث يجب علينا أن نضع الكود التالي في مكانه المناسب حتى يظهر في المكان المناسب.

أولا نبحث عن الكود التالي:

<data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>      <div class='sharebar'>      <div class='Share_buttons'>      <ul>         <li class='btn_linkdin'>            <a expr:href='&quot;   http://www.linkedin.com/shareArticle?mini=true&amp;   url=&quot; + data:post.url + &quot;   &amp;   title=&quot; + data:post.title + &quot;   &amp;   summary=&amp;   source=&quot;   ' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=500&quot;   );   return false;' rel='nofollow'>               <div class='wrap1'>                  <i class='fa fa-linkedin'/>               </div>               <div class='wrap'>                  شارك               </div>               <div class='share-btn' data-service='linkedin'>               <div class='count'/>               </div>            </a>         </li>         <li class='btn_twtr'>            <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&quot;' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow'>               <div class='wrap1'>                  <i class='fa fa-twitter'/>               </div>               <div class='wrap'>                  غرد               </div>               <div class='share-btn' data-service='twitter'>               <div class='count'/>               </div>            </a>         </li>         <li class='btn_gplus'>            <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' onclick='javascript:window.open(this.href,&quot;   &quot;   ,&quot;   menubar=no,toolbar=no,resizbutton_le=yes,scrollbars=yes,height=600,width=600&quot;   );   return false;   ' rel='nofollow'>               <div class='wrap1'>                  <i class='fa fa-google-plus'/>               </div>               <div class='wrap'>                  شارك               </div>               <div class='share-btn' data-service='google'>                  <div class='count'/>                  </div>            </a>         </li>         <li class='btn_fb'>         <a expr:href='&quot;   http://www.facebook.com/share.php?v=4&amp;   src=bm&amp;   u=&quot; + data:post.url + &quot;   &amp;   t=&quot; + data:post.title' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow'>         <div class='wrap1'>         <i class='fa fa-facebook'/>         </div>         <div class='wrap'>         شارك         </div>         <div class='share-btn' data-service='facebook'>         <div class='count'/>         </div>         </a>         </li>         <li class='btn_whtspp'> <a alt='WhatsApp' data-action='share/whatsapp/share' expr:href='&quot; whatsapp://send?text=&quot; + data:post.title + &quot; !-&quot; + data:post.url' id='whatsapp-share-button' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow'>          <div class='wrap1'>         <i class='fa fa-whatsapp'/>         </div>         <div class='wrap'>         أرسل         </div>         </a>         </li>      </ul>      </div>      </div>    </b:if></b:if>
الان لم يبقى عليك سوى حفظ القالب ومبروك عليك الأزرار الجديدة.

ملاحظة: عندما تضع مثل هذه الأزرار في بعض القوالب قد تتأثر بأكواد أخرى لذالك قد يتغير شكلها أو لا تقوم بوظيفتها بشكل أفضل أو ربما أنها لن تظهر في المكان المناسب، لذالك وبالتأكيد إذا كنت تجيد التعامل مع أكواد الـ CSS فأظن أنك ستصلح الوضع.

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


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


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

الطريقة:

أولا نقوم بالذخول إلى حساب البلوجر.

ثم نقوم بإختيار المدونة التي نريد أن نضيف إليها صندوق الإعجابات.

ثم نذهب إلى تخطيط

ثم تم نقوم بالتحرير أداة html

ثم نقوم بالوضع الكود التالي مع تغيير رابط باللون الأحمر إلى رابط صفحة الفيسبوك التي نريد إضافة صندوق الخاص بها، ثم نقوم بالضغط على حفظ.

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ChobixoOfficial&amp;width=338&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:338px; height:214px;" allowtransparency="true"></iframe>

إعدادت الخاصة بالإضافة:

يمكنك تحكم في عرض وطول الصندوق من خلال الأرقام الملونة باللون الأحمر.

العرض = width

الطول = height

وهكذا نكون قد قمنا بإضافة صندوق الإعجابات الفييس بوك إلى مدونة البلوجر.

كيفية ﺍﺿﺎﻓﺔ ﺻﻨﺪﻭﻕ ﺍﻟﻔﻴﺴﺒﻮﻙ ﺍﻟﺠﺪﻳﺪ ﺍﻟﻰ ﻣﺪﻭﻧﺔ ﺑﻠﻮﺟﺮ، طريقة ﺍﺿﺎﻓﺔ ﺻﻨﺪﻭﻕ ﺍﻋﺠﺎﺏ ﺍﻟﻔﻴﺴﺒﻮﻙ ﺍﻟﻰ ﻣﺪﻭﻧﺎﺕ ﺑﻠﻮﺟﺮ ﺑﺸﻜﻞ ﺍﺣﺘﺮﺍﻓﻲ، طريقة إضافة أداة تابعني على الفيسبوك لمدونات بلوجر، كود اضافة صندوق اعجابات الفيس بوك للمدونه.

كيف تجعل قالب مدونتك على البلوجر متوافق مع الهواتف الذكية؟


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

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


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

جوجل تعلن عن سياستها الجديد حول محرك البحث ستؤثر سلبًا على ملايين المواقع.


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

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

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

كيف تجعل قالب مدونتك على البلوجر متوافق مع الهواتف الذكية؟

الطريقة الصحيح لإدراج أو لإضافة إعلان ادسنس داخل أو وسط المواضيع.


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

على بركة الله لنشرع في شرح الطريقة:
ملاحظة: قبل أن تبادر في أي خطوة قم بأخد نسخة إحتياطية لقالب مدونتك تجنبا لأي أخطاء.
أولا توجه إلى حسابك في ادسنس أنشئ وحدة إعلانية بالحجم الدي تريد ثم قم بالتحويل الكود عن طريق أداة postable ثم توجه إلى لوحة التحكم ثم قالب ثم تحرير الـhtml وبعدها إضغك على (ctrl+f) ثم إبحث على الكود التالي:

<data:post.body/> إذا وجدت منه إثنين فإختر الكود الثاني.

ونستبدله بالكود التالي:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div expr:id='"aim1" + data:post.id'></div> <div style="float:center; margin:10px 0"> ضع كود أدسنس هنا،بعد تحويله </div> <div expr:id='"aim2" + data:post.id'> <data:post.body/> </div> <script type="text/javascript"> var obj0=document.getElementById("aim1<data:post.id/>"); var obj1=document.getElementById("aim2<data:post.id/>"); var s=obj1.innerHTML; var r=s.search(/\x3C!-- adsense --\x3E/igm); if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);} </script> </b:if>

ثم قم باللصق كود الذي قمت بالتحوله في مكان عبارة التي كتبت في وسط الكود باللون الأحمر.
والآن كيف يتم إدراج إعلانات جوجل أدسنس في أي مكان داخل المقال ؟
بعد أن تنتهي من كتابة أي المقالة قم بإضافة الكود التالي تحت السطر الذي تريد أن يظهر تحته الإعلان.
<!-- adsense -->
 ملاحظة: إذا لم تقم باضافة هذا الكود في التدوينة سوف يتم عرض اعلانات جوجل ادسنس تحت عنوان التدوينة تلقائيا.

كيف أربط مدونتي بدومين إشتريته من جودادي.


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

     أولا أذهب إلى لوحة التحكم في البلوجر أختار المدونة التي أريد أن ربطها بالدومين أختار  الإعدادات ثم أساسي أذخل الدومين في الخانة كما هو في الصورة على شكل www.exemple.com ثم أضغط على حفظ سيظهر لي كما هو موضح في الصورة أسفله أن هناك خطأ...
     أترك هذه الصفحة كما هي سنحتاج إلى هذه المعلومات في الخطوة التالية:

     الأن سنذهب إلى موقع جودادي أختار جدول المحجوزات ثم أخثار الدمين الذي حجزته والذي أريد أن أربطه بالمدونة ثم أضغط على Launch كما هو موضح في الصورة التالية:
     الأن ستختار DNS Zone File وفي خانة في أسفل الصورة (CName (Alias قم بالتعديل ‏حقل الاسم أو التصنيف أو المضيف إلى الإسم الخاص بالمدونتك.
     وهكذا أكون قد شرحت لك الطريقة التي يمكنك أن تربط بها أي دومين من جودادي مع مدونتك، أتمى أن يعجبك هذا الشرح وأن تشاركه مع أصدقائك عبر أزرار المشاركة في المواقع الإجتماعية في الأسفل.

سبب من أسباب التي قد تدمر ترتيب موقعك في محركات البحث مثل جوجل.

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


لهذا وفي هذا المقال سوف نتعرف على أداة Xenu Link Sleuth اللتي تساعد مالكي المواقع على البحث عن الروابط المعطلة وإصلاحها.

يجب عليك تحميل الأداة من هنا: Xenu Link Sleuth

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


ستفتح لك نافذة صغيرة أكتب في المكان المخصص رابط موقعك كما هو موضح في الصورة.


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


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

أهم الإضافات لموقعك ليثم قبولك في جوجل ادسنس Google Adsens


من أهم الإضافات التي يغفل عنها أغلب المدونين المبتدئين وهي الإضافات التالية:

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

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

إتصل بنا: وهي من بين أهم الإضافات أيضا بحيث تتيح لزوار الموقع أن يتواصلوا معك، وهذا قد تفيدك قبل أن تفيد الزوار بحيث أنه من الممكن أن يتواصل معك الزوار بإخبارك بما يعجبهم وما لم يعجبهم، وأيضا بإمكانهم إخبارك عن المخالفات التي قد ترتكبها في حق جوجل ادسنس. من هنا

من نحن: أيضا من ناحية هذه الإضافة فحي تتيح لزوار معرفة مع من يتواصلون ومن يتابعون وهي أيضا من شأنها أن تكون عاملا رئيسيا في زيادة متابعيك. من هنا

طبعا هذه كانت من أهم المرافق التي من الضروري أن تتواجد في مدونتك وإلا فلن تقبل في برنامج جوجل ادسنس.

الطريقة الصحيحة لإضافة صندوق الإشتراك في اليوتوب subscribe


تختلف وتتعدد طرق إضافة صندوق الإشتراك في قنوات اليوتوب إلا إنه هناك طرقة واحدة صحيحة وتبقى إلى الأفضل والأسهل.

طريقة إضافة صندوق الإشتراك في قناتك هي كالتالي:

أولا أنسخ معرف قناتك في اليوتوب مثال معرف في قناتي ChobixoProfessional


تانيا أنقر على الرابط التالي: youtube/subscribe_button ثم ألصق معرف قناتك في مكان المخصص كما هو في المثال التالي:


وفي الأخير أنسخ الكود كما هو موضح في الصورة وألصقه في مكان اللذي تريد في مدونتك أو إذهب إلى لوحة التحكم في مدونتك ثم إختر تخطيط ثم إخثر إضافة أداة ثم إختر أداة HTML/JavaScript ألصق وحفط.

أهمية إضافة محرك البحث جوجل في مدونتك.

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

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



إليك طريقة إضافة محرك البحث جوجل خاص بالمدونتك.

أول شئ يجب أن تقوم بالتسجيل الدخول إلى حسابك في جوجل، ثم أنقر على الرابط التالي https://www.google.com/cse/all
أنقر على Add.


أكتب رابط موقعك الذي تريد أن تضيف له مربع البحث وإختر اللغة وإكتب إسم موقعك وضغظ على Créer.


الأن يمكنك النقر على Panneau de configuration لتعديل على الألوان وشكل أو يمكن أن تتركه بالطبيعته.


للحصول على الكود الإضافة أنفر على Obtenir le code ستفتح أمامك صفحة بها الكود قم بالنسخ الكود أذخل إلى لوحة التحكم بالمدونتك أنقر على تخطيط ثم على إضافة أداة ثم إختر HTML/JavaScript ألصق الكود وحفظ الإضافة.

بالفيديو: كيفية إضافة نموذج الإتصال خاص بالمدونتك داخلة صفحة خاصة.


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

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

الكود الأول

]]></b:skin>
الكود الثاني
#ContactForm1
{
display: none;
}
الكود الثالث
<form name="contact-form">
<p></p>
الاسم
<br>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="">
<p></p>
بريد إلكتروني
<span style="font-weight: bolder;">*</span>
<br>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="">
<p></p>
رسالة
<span style="font-weight: bolder;">*</span>
<br>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>


كيفية إضافة أزرار المشاركة في المواقع الإجتماعية أنيقة لـ (لمدونات البلوجر)؟


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

    إليكم طريقة إضافة أزرار المشاركة على المواقع الإجتماعية، أزرار المشاركة التالية هي جوجل بلس توتر وبالطبيعة الحال فيس بوك.


أولا إذهب إلى لوحة التحكم بلوجر ثم إختر قالب ثم تحرير HTML.
قم بالبحث على الكود التالي ]]></b:skin> بعد أن تجده أضف قبله الكود التالي:


.dhi_menu {
float: left;
margin: 0 0 0 8px;
padding: 0;
position: relative;
z-index: 9999;
margin-top: 26px;}
.dhi_menu ul {
float: left;
list-style: none;
margin: 0 !important;
padding: 0 !important;}
.dhi_menu ul li {
float: right;
margin: 3px;
display: block;
padding: 0;
margin-top: 8px;}
.dhi_menu a.twitter {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87%;
background-color: #0ba6f7;}
.dhi_menu a.twitter:hover {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87%;
background-color: #ddd;
cursor: pointer;}
.dhi_menu a.share {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 87% center;
background-color: #003366;}
.dhi_menu a.share:hover {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 87% center;
background-color: #ddd;
cursor: pointer;}
.dhi_menu a.plus {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87%;
background-color: #dc311b;}
.dhi_menu a.plus:hover {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87%;
background-color: #ddd;
cursor: pointer;}
.dhi_menu ul li a {
padding: 10px 30px 10px 10px;
border-radius: 3px;
font: normal 12px tahoma;
float: right;
display: block;
color: #FFF;}

الأن إبحث عنالكود التالي: <div class='post-footer-line post-footer-line-1'> وأضف قبله الكود التالي مباشرة الكود التالي:


<div class='dhi_menu'> <ul> <li> <a class='twitter' data-via='course4design' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; &quot; + data:post.canonicalUrl ' rel='nofollow' target='_blank' title='Share on Twitter'>غرد</a> </li> <li> <a class='share' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=600,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Share on Facebook'>مشاركة</a> </li> <li> <a class='plus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.canonicalUrl ' rel='nofollow' target='_blank' title='Share on Google Plus'>إضافة</a> </li> </ul></div>
الأن قم بحفظ القالب ونتهي.

الطريقة الصحيحة لإضافة صندوق الإعجابات فيسبوك للبلوجر.


    الطريقة الصحيحة لإضافة صندوق التعليقات فيس بوك بدون إضافات هي كالتالي :
أولا أدخل على الرابط التالي : https://developers.facebook.com/docs/plugins/like-button
ألصق رابط صفحة اللتي تريد أن تضع لها صندوق الإعجابات كما في الصورة.

عند الإنتهاء من التعديلات إضغط على Get Code

وإختر IFRAME ثم أنسخ الكود الثالي:


الأن بعد الإنتهاء من الخطوى الأولا، وبعد  حصولك على الكود إذهب إلى لوحة تحكم البلوجر إختر مدونة اللتي تريد أن تضيف إليها الصندوق إختر تخطيط ثم إختر إضافة أداة وأختر أداة  HTML/JavaScript  وأخيرا أضغط حفظ.

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


    تتعدد طرق وضع صندوق التعليقات إلى مدونتك لكن تبقى الطريقة الوحيدة الصحيحة هي الطريقة اللتي سنتطرق إليها اليوم إنشاء الله.

    توجد طريقة صحيحة واحدة لإضافة نظام تعليقات الفيسبوك، إولا أنقر على الرابط التالي : developers.facebook.com/apps.

إضغط على 


ثم إملأ البيانات التالية.



ثم أنقر على Settings


أكتب رابط مدونتك في خانة  App Domains


قم بتحفيظ الثغيرات

الان قم بنسخ كود App ID


الأن نمر إلى الخطوة التانية.

إبحث عن الكود التالي <html

ثم ألصق بعده الكود التالي كما في الصورة أسفله.

xmlns:fb='http://www.facebook.com/2008/fbml'


الان قم بالبحث عن الكود التالي <body> وبعدها ألصق الكود التالي:

 ولا تنسى أن تغيير كلمة (معرف التطبيق App IDبالكود اللتي نسخته في البداية

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: معرف التطبيق });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/ar_AR/all.js'
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

الان إبحث عن الكود التالي </head>

وأضف قبله الكود التالي

ولا تنسى أنتغيير العبارات اللتي باللون الأحمر في الكود التالي.

عنوان المدونة = غييره بالعنوان مدونتك.
App ID معرف التطبيق = أكتب الكود اللذي نسخته من قبل مرة أخرى.
ID معرف حسابك على الفيسبوك =  قم بإضافة معرف حسابك على الفيسبوك والذي سيجعلك مديرا للتعليقات  من اجل إدارتها ، ولكي تعرف معرفك الخاص انقر على بروفايلك في الفيسبوك وابحث في الرابط في الاعلى عن إسم المستخدم مثلا حسابي الخاص هو facebook.com/benrahhali إدن المعرف هو benrahhali  ساقوم بإضافته في الكود.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='عنوان المدونة' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='معرف التطبيق ID'   property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

اللمسة الأخير

الان إبحث عن الكود التالي  <data:post.body/>

أضف الكود التالي مباشرة أسفله.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>

يمكنك تغير الــ width='600' حتى تتناسب مع عرض صندوق التعليقات مع مواضيع مدونتك.

أتمنى أن يكون الشرح واضح والان لم يبقى سوى حفظ التغيرات وأقول لك مع السلامة.