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

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


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

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

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

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

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


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

طريقة تركيب الإضافة على الموقع

  • أولا قم بالدخول إلى قالب مدونتك
  • ثم إضغط على CTRL+F وإبحث عن وسم <body>
  • ضع كود الإضافة أسفل وسم <body>
  • ثم قم بحفظ القالب
ومبروك عليك تركيب الإضافة

رابط تحميل الكود : السيرفر الأول | السيرفر الثاني

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

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

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

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


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

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

طريقة إضافة الأداة هي جد بسيطة للغاية ما عليك سوى أن تقوم أولا بالتوجه إلى قالب المدونة ثم لصق الكود التالي داخل وسم الـ <head> 


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


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

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

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

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

ولتركيب هذه الإضافة على موقعك ماعليك سوى تتبع الخطوات البسيطة التالية :

  1. توجه إلى صفحة التخطيط
  2. قم بالنقر على إضافة أداة ( لايهم المكان)
  3. إختر أداة HTML/JavaScript
  4. قم بلصق الكود الموجود بالأسفل في محتوى الأداة
  5. قم بتغيير رابط صفحتي على الفيس بوك www.facebook.com/aymantlidisoft برابط صفحتك

<!-- www.ayman-tech.com -->
<div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">
#b-c-facebook .fbchat_box,#chat_f_b_smal,#f_bt_start_chat{background:#3a5897}
#fbchat_box{padding-right: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;right: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-right:12px;font-size:14px;z-index:999999999;bottom:0;border-top-left-radius:5px;border-top-right-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-right: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-left-radius:5px;border-top-right-radius:5px;overflow:hidden;display:block}
#b-c-facebook .f-chat-conent{float:left;width:100%;height:335px;overflow:hidden;display:none;background-color:#fff;position:relative}
#b-c-facebook .f-chat-conent .chat-single{float:left;position:absolute;bottom:0;left:0;background-color:#fff;line-height:25px;color:#fff;width:100%}
#b-c-facebook .f-chat-conent .chat-single a{float:left;text-decoration:none;margin-left: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:right;color:silver;margin-right: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:left;height:310px}
#b-c-facebook .fbchat_box{float:left;padding:0 25px;padding-left:15px;width:250px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;z-index:9999999;margin-right:12px}
#b-c-facebook .fbchat_box label{position:absolute;top:10px}
//Widget by www.bloggerspice.com 
.title-f-chat-icon{margin-left:-10px}
#t_f_chat{float:left;position:absolute;right: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-left-5{margin-left:2px}
#start_chat{position:absolute;width:248px;height:239px;top:70px;left:0;background-color:#fff;padding:10px;float:left;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;right: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 class="chat_f_vt" href="https://www.blogger.com/null" id="chat_f_b_smal" onclick="open_chat()" title="Open Chat">Open Chat</a> <br />
<div class="chat_f_vt" id="b-c-facebook">
<div class="fbchat_box" id="fbchat_box" onclick="b_f_chat()">
 راسلني على الفيس بوك  <br />
<div id="t_f_chat">
<div class="close_chatfb" onclick="hidechatfb()">
_</div>
</div>
</div>
<div class="f-chat-conent" id="f-chat-conent">
<div class="fb-page" data-adapt-container-width="true" data-height="310" data-hide-cover="true" data-href="https://www.facebook.com/aymantlidisoft/" data-show-facepile="false" data-show-posts="true" data-small-header="true" data-tabs="messages" data-width="250">
</div>
<div id="start_chat">
<div class="msg_b hide_chatbox" id="f_enter_1">
مرحبا ! شكراً على تواصلك معي سأكون سعيداً بالرد عليك </div>
</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/en_US/sdk.js#xfbml=1&version=v2.5";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script></div>

الحلقة 202: تحميل قالب مدونة أيمن تك السابق مع الإضافات + طريقة التعديل عليه


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

من مميزات القالب :

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


روابط التحميل : 

رابط الحصول على أكواد الأيقونات : Font Awesome Icons

محرر الأكواد أون لاين : jsbin

طريقة وضع إعلانات عائمة بجانب الصفحة


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

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

كود الإعلان يظهر في يسار الشاشة
كود الإعلان يظهر في يمين الشاشة


للإشارة هذا الكود ليس مخصصاً للإعلانات فقط يمكنك إستعماله إيضاً في عرض صور أو أي شيء آخر بشكل عائم

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

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

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


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

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


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

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


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

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





رابط المعاينة

الحلقة 107: أحصل على زوار حقيقيين لموقعك مجاناً من خلال خدمتنا الجديدة


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



المعاينة 


[إضافات بلوجر] إضافة آخر التعليقات


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


لتركيب الإضافة قم بالتوجه إلى تخطيط > ثم إضافة أداة > ثم HTML/JavaScript بعدها قم بلصق الكود التالي

<div class='widget-content'> 
<style type="text/css"> 
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} 
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} 
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} 
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} 
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} 
    .w2b_recent_comments li span{margin-top:4px;color: #606060;display: block;font-size: 15px; line-height: 1.4;} 
</style> 
  <!-- www.3thepf.blogspot.com -->
<script type="text/javascript"> 
//<![CDATA[ 
    // Recent Comments Settings 
    var 
numComments = 5, 
showAvatar = true, 
avatarSize = 50, 
roundAvatar = true, 
characters = 40, 
 showMorelink = false, 
 moreLinktext = "المزيد", 
 defaultAvatar  = "http://up3thepf.eb2a.com/do.php?img=39", 
 hideCredits = true; 
//]]> 
</script> 
<script type="text/javascript" src="https://blog-add.googlecode.com/svn/trunk/comments.js"></script> 
<script type="text/javascript" src="http://رابط مدونتك/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script> 
</div>  

قم بتغيير الرقم 5 في numComments بعدد التعليقات التي تود أن تظهر
قم بتغيير كلمة true ب false في showAvatar إذا كنت لا تريد أن تظهر صورة صاحب التعليق
قم بتغيير الرقم 50 في avatarSize إلى الحجم الذي ترغب فيه لتظهر به صورة صاحب التعليق
قم بتغيير رقم 40 في characters بعدد أحرف التعليق التي تريدها أن تظهر في الإضافة

وفي الأخير قم بتغيير كلمة "رابط مدونتك" برابط مدونتك

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

[إضافات بلوجر] إضافة صورة صاحب المدونة مع روابط صفحاته على مواقع التواصل الإجتماعي


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

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

الشكل الأول


الشكل الثاني

كود فك الضغط : 3thepf

        1- قم بتغيير

برابط صورة الغلاف الخاصة بك

        2- غير هذا الرابط

برابط صورتك

        3- غير روابط الصفحات الإجتماعية إلى روابط صفحاتك على المواقع الإجتماعية.

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

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


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

  1. 1. أولاً قم بالتوجه إلى لوحة تحكم مدونتك
  2. 2. ثم إضغط على التخطيط > إضافة أداة > ثم إختر HTML/JavaScript
  3. 3. ثم قم بنسخ الكود داخل صندوق تحرير HTML
الشكل الأول



الكود


<a href="http://www.alexa.com/siteinfo/3thepf.blogspot.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=3thepf.blogspot.com"></script></a>

الشكل الثاني



الكود


<a href="http://www.alexa.com/siteinfo/www.3thepf.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/b?url=www.3thepf.blogspot.com'></script></a>

الشكل الثالث


الكود

<a href="http://www.alexa.com/siteinfo/www.3thepf.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/c?url=www.3thepf.blogspot.com'></script></a>

لاتنسى تغيير رابط مدونتي برابط مدونتك أوموقعك


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

إلى اللقاء

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


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

طريقة تركيب الإضافة

     1. توجه إلى القالب ثم إضغط على تحرير
     2. إبحث عن ]]></b:skin> بإستعمال Ctrl+F، ثم ضع الكود التالي فوقه

#scrolltop{display:none} #rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;
height:48px;right:25px;background:url(//ar1web-com.googlecode.com/svn/trunk/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)} #rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(//ar1web-com.googlecode.com/svn/trunk/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0} #rocketmeluncur:hover{background-position:50% -62px} #rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1} #rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none} #rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}

     3. إبحث عن </body> وضع الكود التالي فوقه

<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a>
<script type='text/javascript'>
//<![CDATA[
jQuery(window).scroll(function(){jQuery(window).scrollTop()<50?jQuery("#rocketmeluncur").slideUp(500):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.documentElement.clientHeight)
,parseInt(document.body.getBoundingClientRect().top)
,parseInt(e.clientWidth)),
r=t.clientWidth;if(1e3>n){var l=parseInt(fetchOffset(e).left);l=r>l?2*l-r:l,t.style.left=n+l+"px"}else t.style.left="auto",t.style.right="10px"}),jQuery("#rocketmeluncur").click(function(){jQuery("html, body").animate({scrollTop:"0px",display:"none"},{duration:600,easing:"linear"});var e=this;this.className+=" launchrocket",setTimeout(function(){e.className="showrocket"},800)});
//]]>
</script>

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

إلى اللقاء

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




السلام عليكم ورحمة الله وبركاته
 في هذه التدوينة الجديدة من سلسلة دروس إضافات البلوجر ، سوف نشرح طريقة إضافة مواضيع ذات صلة تحت كل تدوينة وهي الخاصية الجميلة والضرورية لأي مدونة ، من خلالها قد تزيد من فرصة بقاء الزائر في مدونتك و يعطيه الفرصة للإبحار بسهولة في المواضيع الأخرى التي لها نفس التصنيف.  
ولتطبيق هاته الإضافة على مدونتك ، تذهب مباشرة إلى تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم
 تحرير html
وتضع العلامة على مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على
 ctrl+f 
وتبحث عن هذا الكود
1
&lt;/head&gt;
قم بوضع فوقه مباشرة هذا الكود
1
&lt;style&gt; #related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&amp;quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&amp;quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #000000; } &lt;/style&gt; &lt;script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/&gt;
وكخطوة ثانية وأخيرة قم بالبحث عن هذا الكود
1
&lt;div class='post-footer'&gt;
بعد أن تجد ثاني كود قم بوضع هذا الكود بعده مباشرة
1
2
3
&lt;b:if cond='data:blog.pageType == "item"'&gt;
&lt;div id='related-posts'&gt; &lt;b:loop values='data:post.labels' var='label'&gt; &lt;b:if cond='data:label.isLast != &amp;quot;true&amp;quot;'&gt; &lt;/b:if&gt; &lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt; &lt;script expr:src='&amp;quot;/feeds/posts/default/-/&amp;quot; + data:label.name + &amp;quot;?alt=json-in-script&amp;amp;callback=related_results_labels&amp;amp;max-results=6&amp;quot;' type='text/javascript'/&gt;&lt;/b:if&gt;&lt;/b:loop&gt;&lt;a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'&gt;&lt;img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/&gt;&lt;/a&gt; &lt;br/&gt; &lt;br/&gt; &lt;h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'&gt;شـــاهـــد أيـــضـــا&lt;/h2&gt; &lt;script type='text/javascript'&gt; var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&amp;quot;&lt;data:post.url/&gt;&amp;quot;); &lt;/script&gt; &lt;/div&gt;
&lt;/b:if&gt;
قم بتغيير كلمة شـــاهـــد أيـــضـــا إلى أي كلمة تريدها متلا مواضيع ذات صلة  إذا أحببت ذلك 


ثم قم بحفض التغييرات ومبروك عليك الإضافة المهمة.