دليل بلوجر : افضل حيل اضافات و ادوات بلوجر



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

حيل بلوجر


اخفاء محتوى معين "spoiler"


هذه الحيلة تمكنك من اخفاء نص او صورة معينة اسفل زر يدعى spoiler, عند الضغط على الزر يظهر المحتوى المخفي وعند النقر عليه مجددا يظهر. هذه الخدعة تفيد كثيرا للتقليل من المحتوى الظاهر. الان كيف نعمل هذا؟

ستحتاج هذا الكود :

<input onclick=”if(this.parentNode.getElementsByTagName(‘div’)[0].style.display != ”){this.parentNode.getElementsByTagName(‘div’)[0].style.display = ”;this.value = ‘اخفاء المحتوى’;}else{this.parentNode.getElementsByTagName(‘div’)[0].style.display = ‘none’; this.value = ‘عرض المحتوى’;}” type=”button” value=”Show” />
<div style=”display: none;”>هنا ضع المحتوى الذي تريد اخفائه</div>


الان غير فقط ""هنا ضع المحتوى الذي تريد اخفائه"" بالمحتوى الذي تريد اخفائه.

تحريك عنوان الصفحة في اعلى شريط المتصفح


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

ضع فقط الكود التالي قبل وسم  وغير YOUR BLOG TITLE بعنوان مدونتك. يمكنك تغيير سرعة التحريك من خلال التعديل على القيمة 100.

<script type=”text/javascript”>// <![CDATA[
var txt=" YOUR BLOG TITLE.";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
// ]]></script>



ربط مدونة بلوجر بجوجل اناليتيك Google Analytics


للتعرف على ادقع التفاصيل حول مصادر وعدد واحصائيات الزوار بمدونتك فانت بحاجة الى Google Analytics. يمكنك ثتبيته بسهولة عن طريق الذهاب الى لوحة تحكم بلوجر ثم الى اعدادات ثم الى اخرى (Dashboard >> Settings >> Other)
ستجد حقل مثل الموجود في الصورة ادخل هناك كود التتبع الخاص بك
>ربط مدونة بلوجر بجوجل اناليتيك

ارسال تحديثات المدونة لعشر اشخاص محددين عبر الايميل


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

نشر المواضيع تلقائيا على جوجل بلس


يمكنك نشر المواضيع تلقائيا على الشبكات الاجتماعية عن طريق عدة خدمات لكن هل تعلم انه بامكانك نشر المواضيع تلقائيا على جوجل بلس عن طريق لوحة تحكم بلوجر فقط. ادخل الى لوحة التحكم ثم من القائمة الجانبية اختر إعدادات +Google سيظهر لك صفحة او ملفك الشخصي اختر الصفحة التي تريد النشر عليها ثم ضع علامة صح على خيار "المشاركة تلقائيًا بعد النشر".

إزالة ايقونة QuickEdit


المسؤول عن ظهور ايقونة  QuickEdit هو كود في داخل قالب المدونة يمكنك بسهولة هذه الاداة المزعجة تابع فقط موضوع : إزالة ايقونة QuickEdit من مدونات بلوجر.

تعديلات خاصة بالسيو (تهيئة المواقع لمحركات البحث)


لايمكنني اضافة اي شيء بخصوص هذا الامر لاني تطرقت اليه بالتفصيل في مختلف المواضيع والتي انصحك بمتابهتها, منها .. دورة السيو SEO – ماهو السيو وما فائدته .. استراتيجيات بناء باك لينك قوي .. مسك كلمات في جوجل وتصدر النتائج الاولى. ان لم تكتفي فئليك المزيد : افضل دروس تهيئة المواقع لمحركات البحث. والمزيد ايضا.

اضافات و ادوات بلوجر


اضافة منتدى داخل بلوجر


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

اضافة قائمة ازرار شبكات اجتماعية جانبية منزلقة

قائمة ازرار شبكات اجتماعية جانبية منزلقة


اضافة رائعة خاصة بازرار شبكات اجتماعية (تويتر, جوجل بلس, فيسبوك, ارس س, نترست) في القائمة الجانبية تنزل مع النزول في الصفحة (الصورة الجانبية توضح اكثر). الان طريقة التركيب سهلة.

اذهب فقط الى التخطيط ثم اضافة اداة ثم اختر HTML/JavaScript

الان اضف الكود التالي ثم احفظ

<style type=”text/css”>
ul#social {
position: fixed;
margin: 0px;
padding: 0px;
top: 10px;
left: 0px;
list-style: none;
z-index:9999;
}
ul#social li {
width: 100px;
}
ul#social li a {
display: block;
margin-left: -2px;
width: 100px;
height: 70px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #AFAFAF;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrJrYJrtVvh2olNzCIcACo3aBPwfASVTUadHVZ7z7WMERr_rIZhrtmSHPU7p6rDo6wHTlRLI8elxOXi8qgo-5x_jLwTvtWOFypeMrEQR2iEgEPqjA_yjwbKDccXbgL_bKdJoM2cMRLd1M/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a {
background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsEM_qNUdPVgB_XgyDpBOEGlObJ_mwX2p-DVAskQpAeEcXxhU0EbiVWi7yZcs9rcoqeWHUWsu-MC_jgQddQRd063Rp8PtF9pzwVFPvwMzTzVmMO8lLkOKrof7eCB-sZ71m1pQRAYdKyIg/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a {
background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56zwAp7T19Dh3-YgO1DhZ6k1bh9-t7N3R6n8Ln4YyhjbiAqcNEv-6uKqzSTX5bnI__r5Uu43njWgG7-8hWrFgIcK2-cHPAg2kA1HK3r0fRcFCNyeNnj_pQb7DRInc-zPKVPzRho5nnIs/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a {
background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimXcSQZeRsbRH4CR1AHfcm1gqAFL6xB4DfIMUoJHJDSTl_OlxA_8ejfGbUzxCUtvUr39u5QiFoJFTjXkkIXo_PFJ-4RIieh1Fmk2IhbBW7JLNj3KxcQkdwUwyo32RbmzDzmUe1jSfspQE/s1600/rss.png)no-repeat;
background-position:center center;
}

ul#social .pinterest a {
background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIMRyoknOysBLAu-1cEBhIgIRllUcVM11smkQge5mKMJPvb7ojypDG5cpqhwQy2i8EUsOisLzEq2fN0Tq7nh49X1lMXSTxlSfIHQAv8VVE4rVCd168sf9j0i_GHvJP1XT9zpcNsTPtLtE/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>
<script type=’text/javascript’>
$(function () {
$(‘#social a’).stop().animate({
‘marginLeft’: ‘-85px’
}, 1000);
$(‘#social > li’).hover(
function () {
$(‘a’, $(this)).stop().animate({
‘marginLeft’: ‘-2px’
}, 200);
},
function () {
$(‘a’, $(this)).stop().animate({
‘marginLeft’: ‘-85px’
}, 200);
}
);
});
</script>
<ul id=’social’>
<li class=’twitter’><a href=’#’ title=’Twitter’></a></li>
<li class=’googleplus’><a href=’#’ title=’Google Plus’></a></li>
<li class=’facebook’><a href=’#’ title=’Facebook’></a></li>
<li class=’rss’><a href=’#’ title=’Rss’></a></li>
<li class=’pinterest’><a href=’#’ title=’Pinterest’></a></li>
</ul>

اضافة صندوق المتابعين بالتويتر


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

اداة التبديل بين قالب المكتبي والقالب الخاص بالهاتف


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

اداة تابعنا عبر الشبكات الاجتماعية


من افضل الاضافات التي لن تجدها الا على عشاق التقنية. اضافة خاصة الشبكات الاجتماعية محولة من الووردبريس لتناسب منصة بلوجر. ستجد الكود وطريقة التركيب في التدوينة التالية : اداة تابعنا عبر الشبكات الاجتماعية “SocialBox” محولة من ووردبريس للبلوجر.



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

هناك 9 تعليقات:
أكتب comments
  1. اضافات مميزة شكرا لك اخي محسن وعلى المواضيع القيمة التي تطرحها

    ردحذف
  2. اخي محسن السلام عليكم اوجه مشكلة في خصوص السلايدر شو المرجو منك المساعدة اخي الكريم وشكرا حسلبي بالفايسبوك https://www.facebook.com/mouadjudoka2?ref=tn_tnmn

    ردحذف
  3. أشكرك على شرحك الوافي أخي الكريم

    هل يمكنني أن أضيف إضافة التعليقات مثل التي تضع على مدونتك على بلوجر ؟؟

    ردحذف
  4. اخي صعبة للغاية .. لانها تكون مبرمجة مع كود القالب بالكامل

    ردحذف
  5. مشكوررررررررررر يغالى تمت الإضافة فى مدونتى
    g-a3.blogspot.com

    ردحذف
  6. شكرا لك على هدا الموضوع فعلا هده الإضافات مهمة لمدونات بلوجر

    ردحذف