الطريقة الصحيحة لترقيم قوالب بلوجر بإحتراف - دروس بلوجر

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

قبل أن تبدأ في تركيب الترقيم يجب التنويه على إزالة أي اكواد خاصة بالترقيم ' CSS و ال HTML و Javascript ' ، و إن لم يكن موجود الترقيم أصلا فلا حاجة للبحث .

اولا إذهب الى قالب ثم تحرير HTML  

و إضغط Ctrl+F للبحث ، ثم نبدأ البحث أولا عن وسم  و أضف الكود التالي مباشرة فوقه .

ثانيا : إبحث عن وسم

 
   

سوف تجده غالبا كما هو و إن لم يظهر إبحث فقط عن الكود السفلي ، ثم إستبدله كله بالكود التالي :

   
       
   
   
       
   
       



   
     

ثالثا : إبحث عن وسم 

الذي يكون عادة في أسفل الصفحة و ضع قبله الكود التالي :

الطريقة الصحيحة لترقيم قوالب بلوجر بإحتراف - دروس بلوجر

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

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

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

1. إذهب الى تحرير القالب HTML ، ثم إضغط Ctrl+f من لوحة المفاتيح و إبحث عن وسم  ]]>
2. بعد أن تجد الوسم ، ضع الكود التالي قبله (فوقه) مباشرة : 

#header h1 a:hover{
/*animation*/
-webkit-animation:jelly .5s;
   -moz-animation:jelly .5s;
    -ms-animation:jelly .5s;
     -o-animation:jelly .5s;
        animation:jelly .5s;
}
#header img:hover{
/*animation*/
-webkit-animation:jelly .5s;
   -moz-animation:jelly .5s;
    -ms-animation:jelly .5s;
     -o-animation:jelly .5s;
        animation:jelly .5s;
}
@-webkit-keyframes jelly{
from,to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}25%{-webkit-transform:scale(.9, 1.1);transform:scale(.9, 1.1)}50%{-webkit-transform:scale(1.1, .9);transform:scale(1.1, .9)}75%{-webkit-transform:scale(.95, 1.05);transform:scale(.95, 1.05)}
}
@keyframes jelly{
from,to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}25%{-webkit-transform:scale(.9, 1.1);transform:scale(.9, 1.1)}50%{-webkit-transform:scale(1.1, .9);transform:scale(1.1, .9)}75%{-webkit-transform:scale(.95, 1.05);transform:scale(.95, 1.05)}  }

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

اضافة جدول بطريقة احترافية لمدونات بلوجر

كنا سابقا قد شرحنا طريقة اضافة جداول لمدونات بلوجر ' اصدار 1 ' ، و اليوم ساريكم طريقة اخرى لاضافة جداول بلوجر احترافية

معاينة 

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

نذهب الى تحرير القالب ثم ctrl+f و ابحث عن وسم ]]> ، و ضع الكود التالي قبله تماما

/* CSS Post Table */.post-body table th, .post-body table td, .post-body table caption{border:1px solid #000000;padding:.2em .5em;text-align:right;vertical-align:top;}.post-body table.tr-caption-container {border:1px solid #d8dde1;}.post-body th{font-weight:700;}.post-body table caption{border:none;font-style:italic;}.post-body table{}.post-body td, .post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:1px solid #d8dde1;}.post-body th{background:#D03F42;}.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;}img {max-width:100%;height:auto;border:none;}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%}

ثم لما تقوم بتحرير مشاركة و تكتب موضوع و تريد ادراج الجدول ، افتح تبويب html في الموضوع و الصق الكود التالي

عمــود رقم 1	عمــود رقم 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2
فراغ العمود 1	فراغ العمود 2

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

إنشاء جدول احترافي على بلوجر لمقارنة و عرض الهواتف

اضافة جميلة جدا خاصة لمن يقوم بمراجعة هواتف او برامج او اشياء مثل هاته ، التي يكون لديك فيها قسمين ، و هاته الاضافة هي جدول بلوجر بقسمين متجواب و انيق ، و لديه العديد من الاستعمالات .

معاينة الاضافة : 

كيف اركبه ؟

1. انشئ مشاركه جديدة
2. اكتب الموضوع عادي جدا الى ان تاتي الى المكان الذي تحتاج فيه القالب ، اضغط على html و الصق الكود التالي :

قسم 1	قسم 2
الهاتف  1	هذا النص عشوائي يمكن استبداله
الهاتف  2	هذا النص عشوائي يمكن استبداله
الهاتف 3	هذا النص عشوائي يمكن استبداله
الهاتف 4	هذا النص عشوائي يمكن استبداله
الهاتف 5	هذا النص عشوائي يمكن استبداله
الهاتف 6	هذا النص عشوائي يمكن استبداله
الهاتف 7	هذا النص عشوائي يمكن استبداله
الهاتف 8	هذا النص عشوائي يمكن استبداله
الهاتف 9	هذا النص عشوائي يمكن استبداله
الهاتف 10	هذا النص عشوائي يمكن استبداله

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

كان هذا درسنا لليوم اتمنى ان يكون قد اعجبكم .

ٌٌإضافة صندوق الإشتراك في القائمة البريدية بإحتراف - بلوجر

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

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

كل ما عليك هو الذهاب الى تخطيط ثم قم بتحرير اداة في السايدبار او الفوتر ، و أضف داة HTML/Javascript و ضع بها احد الاكواد الثلاث التالية حسب الشكل الذي تريد الحصول عليه .

الشكل الاول

• #" target="_blank">


• #" target="_blank">


• #" target="_blank">


• #" target="_blank">


• #" target="_blank">

اشترك للتوصل بكل جديد

الشكل الثاني

 

احصل على أحدث مواضيعنا
أول بأول

اشترك للتوصل بكل جديد

amni8" class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=amni8', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
amni8" />

الشكل الثالث

 

amni8sub">
اشترك لتصلك احدث مواضيعنا...

amni8" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=amni8, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">


amni8" />

غير كل ما هو ازرق بما يناسبك . 

إضافة عداد زمنى قبل الخروج من رابط التحميل بلوجر ' مضاعفة أرباح أدسنس '

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

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

1 إذهب إلى لوحة تحكم بلوجر ثم تحرير القالب ثم أضف  الكود التالى قبل وسم :

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

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

الطريقة 1 : عرض العداد الزمنى بعد الضغط على الرابط  وقبل إعادة التوجيه إلى الصفحة الخارجية

 

إنتظر قليلا قبل التوجه إلى صفحة التحميل



 seconds.

الطريقة الثانية: عرض عداد تنازلى قبل ظهور الرابط  الخارجى

http://www.amni8.com/" id="DrRO" rel="nofollow" style="display: none;" target="_blank">رابط التحميل

إنتظر قليلا حتى يظهر الرابط



5 sec

 

 التعديل على الكود :

1. لا تنسى إستبدال الرابط http://www.amni8.com/  برابط التحميل الخاص بك.
2. إذا أردت تغيير العداد التنازلى قم بتغيير رقم 5 الموجود بالكود .

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

الخطوات :

1. اذهب الى قالب بلوجر
2. ثم الى تخطيط
3. ثم قم بتحرير اداة html 
4. وضع بها الكود التالي ثم احفظه بعد تغير رابط صفحتي برابط صفحتك فيس بوك 

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

طريقة تسريع مدونة بلوجر بشكل صاروخي

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

1. إذهب إلى القالب ثم تحرير HTML .
2. بالاستعانة بالكيبورد اضغط على Ctrl+f و ابحث عن كلمة .
3. ضع مباشرة فوقها الكود التالي : من هنا .

و الان قم بحفظ قالبك و مبروك عليك تصفح اسرع لموقعك ، كما يمكنك قياس سرعة موقعك من الرابط التالي : من هنا .

دورس عليك انصحك بها : 

1. -14 سر عليك معرفته لتقوية سيو موقعك من خلال تدويناتك
2. - 5 نصائح عليك معرفتها لتأسيس موقع ناجح
3. - طريقة قوية للحصول على باك لينك مجاني
4. - كيف تصعد بفيديوهاتك إلى النتائج الاولى في البحث !
5. - حلقة فتح قناة يوتيوب ناجحة و التعديل عليها .
6. - حلقة تصدر نتائج البحث في اليوتيوب .
7. - حلقة كيفية احتساب ارباح اليوتيوب و هل يمكن شراء فيراري من قناة يوتيوب .
8. - نصائح ستساعدك حثما في تخفيض ترتيبك في اليكسا !
9. - 12 خطوة لخفض ترتيب موقعك في محركات البحث الى المراتب الاولى Seo

إضافة التحديث التلقائي لموقعك و تقوية السيو Seo

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

طريقة التركيب :
تذهب الى تحرير القالب ثم اضغط  CTRL+F و ابحث عن الوسم التالي   ثم ضع بعده الكود التالي مباشرة :

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

يمكنك تغيير مدة الانتظار بتغيير الرقم 950 الى عدد اقل من الثواني .

تجنب النقرات غير الشرعية و النشاط غير الصالح على حساب ادسنس

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

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

 فاولا نجد اسم الاعلان مثلا 'Google Adsense 728x90 ' و بجنبه نجد علامة المكبرة التي سنضغط عليها ، لنجد IP الخاص بكل من ضغط على هذا الاعلان ، و هنا بكل بساطة لو وجدنا نفس IP يضغط اكثر من مرتين في نفس الاعلان معناه انه يحاول اصابتنا بنقرات غير شرعية ، و على السبيل المثال وجدت 4 نقرات متتالية :

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

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

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

Hello,
I just want to let you know that I've noticed more than usual clicks
on my adsense account
is that ok?
I'm afraid that someone is doing that on purpose to kick me out from
google adsense
Please check it
Thank you very much

ثم عليك ارفاق عنواين IP الخاصة بالذين يقومون بالنقر المخالف ، وكل اي بي ضعه لوحده ، و يمكنك اضافة المزيد من التفاصيل كما يظهر بالصورة اسفله :

و المشكلة الوحيدة التي قد تواجهها في الكشف عن النقرات هي في حال اصبح موقعك كبير ، حيث يصبح عليك الدفع للكشف عن النقرات و يكون الامر كالأتي :

1. اقل من الف زائر في اليوم : الخدمة مجانية .
2. عدد الزوار 1000-5000 : الخدمة ب 5 دولار في الشهر 
3. عدد الزوار 5000-10000 : الخدمة ب 9 دولار في الشهر 
4. كلما زاد عدد الزوار زاد ثمن الخدمة 

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

كيفية حظر مستخدم او شخص يزعجك من مدونتك بلوجر

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

1. - خذ نسخة احتياطية من قالبك .
2. - ادخل الى تحرير القالب و ابحث عن وسم  و ضع قبله او فوقه الكود التالي :

تنسيق الكود :

1. -Your-IP-Here  استبدلها بالايبي الخاص بك لكي يشتغل معنا الكود ويمكنك معرفته من whatismyip.com
2. - youtube.com  استبدلها برابط الصفحة التى تريد توجيه المستخدم المحجوب اليها
3. - Banned-IP-1 Banned-IP-2 Banned-IP-3  استبدلهم بأرقام IP الخاص بالمستخدمين الذين تريد حجبهم. 

لقد تم الامر و تخلصنا من الدخلاء .

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

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

طريق التركيب :
تذهب الى تحرير القالب ثم ctrl+f و ابحث عن وسم   و اضف الكود التالي قبله مباشرة :

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

تسريع تحميل فيديوهات على جميع قوالب بلوجر

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

طريقة تركيب الاضافة : 
تذهب الى تحرير القالب ثم Ctrl+f ثم ابحث عن وسم   و ضع الكود التالي قبله مباشرة :

ثم ابحث عن وسم ]] و ضع الكود التالي قبله مباشرة :

.youtube-box { text-align:center; background-color: black; width: 640px; max-width: 100%; margin: 0 auto; overflow: hidden; position: relative; } .youtube-frame { background-color: black; width: 640px; height: auto; max-width: 100%; text-align: center; margin: 0 auto; } .youtube-img { position: relative; height: 100%; width: 100%; margin-top: -7%; margin-bottom: -8.5%; transform: scale(1.1); } .youtube-box span { display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; } .youtube-box .gradient { background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9b27E6FxoyZjcajmNeZHP7srfMBHa9EG0f6Wkm-82ikbGSik5XNsdXlPrT2rxMIlbgEVhan9LplKwu8p9YfmFoWwr3iyNNJJz-9_3rEwbOcox7k3dH9M-d0b-cBuq2RhocJEqyvOubvQ/s1600/gradient.png') repeat-x top left; } .youtube-box .youtube-title { background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBT3ie3JRFbzltTD_1CirHdDd56nQwskTGcrUWnKIINPNvWfN5IosBVlOGOkMnLEwJvN4l-uip3Xa6b5qmL6xLptFT8zqup31pcQOJIHm75VCcKA3B978ijF41nvY0oldWJjYm1i1tji0/s1600/t-title-bg.png') no-repeat 98% 50%; font:normal 19px Arial,Sans-Serif; color:white; text-shadow:0px 1px 2px black; bottom:auto; line-height:40px; height:40px; overflow:hidden; padding:0px 15px; text-align: left; } .youtube-box .youtube-play { cursor:pointer; width:74px; height:52px; top:50%; left:50%; margin:-26px 0px 0px -40px; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOPNzzmv-4RPh4WdHgYsHCE-A_m3rzsDMqaY8kMId91XtiyprqSvTnBc_tH7jEAeL-23NCJ_ucIoEJzmPY7PR2K9cTW_Q2uFRCcCZY-6DAP3nHyiC2WYcdZF6Ja8bzxz8WglyKHYBw-Qw/s1600/yt-play-new.png') no-repeat top left; } .youtube-box .youtube-play:hover { background-position:bottom left; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

و بعدها نقوم بحفظ القالب .

و عند تحرير اي موضوع تقوم بوضع الكود التالي في قسم html الخاص بالموضو الذي تكتبه :

https://www.youtube.com/watch?v=RzZ954kG7Zg" rel="nofollow">عنوان الفيديو

مع تغيير عنوان الفيديو باسم الفيديو الخاص بك و رابط الفيديو بالفيديو التابع له .

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

تقسيم المقال في بلوجر إلى أقسام هو أمر شائع لدى الصحفين الذين يعملون في الجرائد كمحررين ، و طبعا يمكن القيام بهذا الامر على بلوجر بخطوات بسيطة جدا ، كالاَتي :
نذهب الى تحرير القالب ثم CTRL+F ونبحث عن وسم  ]]> ثم نضع الكود التالي قبله مباشرة :

.bagidua { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

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

و بعد تطبيق هاته الخطوات و التأكد من معلوماتك قم بحفظ القالب .

و الاَن حتى يظهر المقال مقسم فقط فقط اذهب الى المقال و قم بنسخه كليا وضعه في الكود التالي في المكان المخصص له 

ضع النص هنا

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

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

طريقة التثبيت :
اذهب الى تحرير القالب ثم Ctrl+f و ابحث عن وسم  ، و اضف قبله مباشرة الكود التالي :

ثم قم بحفظ القالب و شاهد النتيجة .

تركيب أفضل الخطوط العربية لمدونات بلوجر

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

1 - خط اَميري :

 

لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Amiri'; بدل الوسم القديم للخط المستعمل في قالبك .

2 - خط Droid Arabic Kufi :

لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Droid Arabic Kufi'; بدل الوسم القديم للخط المستعمل في قالبك .

3 - خط Droid Arabic Naskh :

لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Droid Arabic Naskh'; بدل الوسم القديم للخط المستعمل في قالبك .

4 - خط Lateef :

لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Lateef'; بدل الوسم القديم للخط المستعمل في قالبك .

5 - خط جذور العربي :

بالنسبة لهذا الخط إبحث عن ]]> او ]]> ثم اضف هذا الكود قبله مباشرة :

@font-face {
font-family: 'AraJozoor-Regular';
src: url('https://www.dropbox.com/s/tuqtvwdx6u06jd7/AraJozoor-Regular.eot');
src: url('https://www.dropbox.com/s/tuqtvwdx6u06jd7/AraJozoor-Regular.eot?') format('embedded-opentype'),
url('https://www.dropbox.com/s/wyv1b12b0r1ifc3/AraJozoor-Regular.woff') format('woff'),
url('https://www.dropbox.com/s/w0j9jt7vu0xyhu4/AraJozoor-Regular.ttf') format('truetype'); }

لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'AraJozoor-Regular'; بدل الوسم القديم للخط المستعمل في قالبك .

في حال أردت إستعمال الخط في كافة القالب مباشرة كل ما عليك هو إستعمال الكود التالي الذي تضعه مباشرة قبل ]]> او ]]>   :

body {
    background: #000;
font-family: 'AraJozoor-Regular';    color: #000;font-size:18px;font-weight:bold;     margin: 0;
    text-align: center;
}

في حال كان الكود موجود في قالبك قم بتغيير اسم الخط فقط .

للتعديل و التحكم في الكود :

حجم الخط font-size:10px; قم بزيادة الرقم لزيادة الحجم

جعل الخط سميك font-weight:bold; 

لون الخط color:#000000; غير اللون بما تحب 

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

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

في البداية تقوم بنسخ الكود التالي :

blockquote{margin:5px 17px;padding:7px;color:#fff;background:rgba(47, 70, 107, 1)} ul,ol,dl{list-style-position:inside;font-weight:normal;list-style:none} body{background: #E8E8E8;background-position: bottom; background-repeat: no-repeat; background-attachment: fixed;padding:0;margin:0;direction:rtl; font-family:Lobster, Droid Arabic Kufi;font-weight:normal;font-size:14px;} .post blockquote {padding: 55px 20px 20px 20px; overflow:auto; max-height:250px; background:#34495e; color:#fff; border-radius:4px; margin:10px; padding10px; text-align: left !important; direction: ltr; font: 14px;font-family: Lobster, Droid Arabic Kufi; line-height: 1.7em; } .post blockquote a {color: #F8D300;} .post
blockquote:before {
    text-align: center;
    position: absolute;
    content: ' اضغط مرتين لتحديد و نسخ الاكواد اسفل داخل الاقتباس';
    background: rgba(255,255,255,1);
    left: 3px;
    right: 3px;
    top: 3px;
    font-size:14px;
    font-family:Tahoma;
    padding: 5px 20px;
    display: block;
    font-weight: 700;
    border-radius: 3px 3px 0 0;
    color: #d21998;}

تذهب إلى تحرير قالب بلوجر ثم تبحث عن ]]> و تضع الكود فوقها مباشرة .

- و الاَن لكي يظهر لك الصندوق في التديونات ستقوم بالخطوة التالية و هي تحديد الأكواد و الضغط على علامة اقتباس فقط كما يظهر بالصورة :

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

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

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

و الاَن إليكم الاكواد التي تقوم بمنع النسخ مع المهام التي تقوم بها بطريقتين مختلفتين :
الطريقة الاولى :
- منع النسخ نهائيا من مدونتك بلوجر لأي نص موجود بها :

 /*------ CSS make anti copy paste except by:www.amni8.com ------*/
.post-outer {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;} 

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

.post blockquote,.post pre,.post code{
-webkit-touch-callout:text;
-webkit-user-select:text;
-khtml-user-select:text;
-ms-user-select:text;
-moz-user-select:text;} 

كلا من الكودين الأول و الثاني يوضعان فوق ]]> .

- منع نسخ الصور من مدونة بلوجر ، و لفعل هذا كل ما ستقوم به هو نسخ الكود التالي :

 

و ضعه فوق وسم  و قم بحفظ القالب .

الطريقة الثانية :

الطريقة الثانية تقوم بمنع النسخ + تعطيل زر الفأرة الأيمن + تعطيل خاصية النسخ بلوحة المفاتيح ، و كذا تظمن حماية أكبر لمواضيع مدونتك ، و تركب بالطريقة التالية :

حيث نقوم بإستبدال وسم بالكود التالي :

التحكم في الكود الاخير : 

false return='oncontextmenu : لتعيل زر الفأرة الأيمن من جديد قم بتحويل كلمة false الى true .

false return='onkeydown : لتفعيل النسخ عبر لوحة مفاتيح C+Ctrl قم بتحويل كلمة false الى true.

false return='onmousedown : للسماح بتحديد النص في المواضيع قم بتحويل كلمة false الى true .

إضافة تأثيرإحترافي و رهيب على هيدر المدونة

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

طريقة التركيب 
1 - تقوم بتحرير قالبك ثم ctrl+f للبحث عن كلمة ]]>  و تضع الكود التالي فوقها مباشرة :

#demo-canvas {position: absolute;z-index: 1;width: 100%;opacity: .5;}

2 - تبحث عن و  تضع الكود التالي فوقها مباشرة :

3 - و هي أصعب مرحلة نوعا ما ، لانه عليك وضع الكود بين الهيدر و مكان اللوجو ليظهر في خلفية الهيدر ، لذا عليك البحث عن كلمة header و تضع الكود تحتها تماما :

و كمثال على ذلك إليكم الطريقة التي ركبته بها :

أتمنى ان ينجح الجميع في تركيب الإضافة .