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

قالب تنظيف مدونة البلوجر 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

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

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