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

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

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

الإضافة ديناميكية (متحركة مع مكان تواجد الزائر في صفحة الموقع) و إضافتها لمدونتك أو موقعك بسيطة جدا يكفي وضع كود بسيط

• إذا كنت تمتلك مدونة بلوجر فتوجه للوحة إدارة مدونتك

و توجه للعناصر الواجهة

 قم بإضافة عنصر HTML/JavaScript جديد

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

• وإذا كنت تمتلك موقع على منصة أخرى غير بلوجر مثل ووردبريس أو غيرها فقم بوضع الكود أيضا ضمن عنصر HTML/Javascript أو في قالب مدونتك أو موقعك فوق

الكود :

• https://twitter.com/radouaneouarhou" rel="nofollow" target="_blank">Twitter
• https://plus.google.com/u/0/b/103818064703943204996/103818064703943204996" rel="nofollow" target="_blank">google+
• https://www.facebook.com/3efritblogger" rel="nofollow" target="_blank">facebook

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

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

بالتوفيق ^^

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

السلام عليكم ورحمة الله

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

أولاً توجه للعناصر الواجهة

ثم افتح عنصر HTML/JavaScript جديد

  ثم قم بلصق السكريبت التالي فيه

<style type="text/css">.top-commentators {margin: 3px 0px;border-bottom: 1px dotted #CCC;font-family: arial;color: #FF764C;}.top-commentators b{color: rgb(132, 132, 132);} .avatar-top-commentators { vertical-align:middle; border-radius: 30px;}.top-commentators .commenter-link-name {padding-left:0;} </style><script type="text/javascript">var maxTopCommenters = 10; var minComments = 1; var numDays = 0; var excludeMe = true; var excludeUsers = ["Anonymous", "someotherusertoexclude"]; var maxUserNameLength = 42; // var txtTopLine = '<b>[#].</b> [image] ([user]) ([count]) '; var txtNoTopCommenters = 'No top commentators at this time.'; var txtAnonymous = ''; // var sizeAvatar = 45; var cropAvatar = true; // var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCuYjQovNHD0gHsFJ20Kcsr0v0kvR5Q7gIf0Pi8IFLNzPfZx2p9XBEMDZ-g6QyzS4TCKVW8iBeuE07vYf5RSG30cmbm2Z9QnSFe4gHx3RRku-jf500gS-9mcSHtX5WriakLrudhpT7D9Kw/s1600/avatar_blue_m_96.png" + sizeAvatar; var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxf28L2Xng2v3QV8itpma0DuL7U8ytXdZEzzkdhJkCzz-9cQjbPNzQgi5R49TABM7yqr5wXOy1i-tL8gqRK9JySIiEsXlrMwhAZ5JiRnGTb7i-No4V2629Se6EQkDDS7gndY7WKdfRRWX-/s1600/avatar1.png' + sizeAvatar; var urlMyProfile = ''; var urlMyAvatar = ''; if(!Array.indexOf) { Array.prototype.indexOf=function(obj) { for(var i=0;i<this.length;i++) if(this[i]==obj) return i; return -1; }} function replaceTopCmtVars(text, item, position) { if(!item || !item.author) return text; var author = item.author; var authorUri = ""; if(author.uri && author.uri.$t != "") authorUri = author.uri.$t; var avaimg = urlAnoAvatar; var bloggerprofile = "http://www.blogger.com/profile/"; if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile) avaimg = author.gd$image.src; else { var parseurl = document.createElement('a'); if(authorUri != "") { parseurl.href = authorUri; avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname; } } if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "") avaimg = urlMyAvatar; if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "") avaimg = urlNoAvatar; var newsize="s"+sizeAvatar; avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/"); if(cropAvatar) newsize+="-c"; avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/"); var authorName = author.name.$t; if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar) authorName = txtAnonymous; var imgcode = '<img class="avatar-top-commentators" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />'; if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>'; if(maxUserNameLength > 3 && authorName.length > maxUserNameLength) authorName = authorName.substr(0, maxUserNameLength-3) + "..."; var authorcode = authorName; if(authorUri!="") authorcode = '<a class="commenter-link-name" href="'+authorUri+'">'+authorcode+'</a>'; text = text.replace('[user]', authorcode); text = text.replace('[image]', imgcode); text = text.replace('[#]', position); text = text.replace('[count]', item.count); return text; } var topcommenters = {}; var ndxbase = 1; function showTopCommenters(json) { var one_day=1000*60*60*24; var today = new Date(); if(urlMyProfile == "") { var elements = document.getElementsByTagName("*"); var expr = /(^| )profile-link( |$)/; for(var i=0 ; i<elements.length ; i++) if(expr.test(elements[i].className)) { urlMyProfile = elements[i].href; break; } } if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) { var entry = json.feed.entry[i]; if(numDays > 0) { var datePart = entry.published.$t.match(/\d+/g); var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]); var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day)); if(days > numDays) break; } var authorUri = ""; if(entry.author[0].uri && entry.author[0].uri.$t != "") authorUri = entry.author[0].uri.$t; if(excludeMe && authorUri != "" && authorUri == urlMyProfile) continue; var authorName = entry.author[0].name.$t; if(excludeUsers.indexOf(authorName) != -1) continue; var hash=entry.author[0].name.$t + "-" + authorUri; if(topcommenters[hash]) topcommenters[hash].count++; else { var commenter = new Object(); commenter.author = entry.author[0]; commenter.count = 1; topcommenters[hash] = commenter; } } if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) { ndxbase += 200; document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>'); return; } // convert object to array of tuples var tuplear = []; for(var key in topcommenters) tuplear.push([key, topcommenters[key]]); tuplear.sort(function(a, b) { if(b[1].count-a[1].count) return b[1].count-a[1].count; return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1; }); var realcount = 0; for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) { var item = tuplear[i][1]; if(item.count < minComments) break; document.write('<di'+'v class="top-commentators">'); document.write(replaceTopCmtVars(txtTopLine, item, realcount+1)); document.write('</d'+'iv>'); realcount++; } if(!realcount) document.write(txtNoTopCommenters); } document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>'); </script>  



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

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

قم يالبحث عن  var maxTopCommenters = 10 في السكريبت وغير الرقم 10 بعدد الأشخاص الدين تريد ظهورهم

 قم يالبحث عن var sizeAvatar = 45;  في السكريبت وغير الرقم 45 لتغيير حجم صورة المعلقين

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

شرح تعديل حجم جميع صور المواضيع لمدونات بلوجر تلقائياً

السلام عليكم ورحمة الله معكم عفريت بلوجر
 وشرح طريقة تغيير حجم الصور في التدوينات كلها بوضع كود CSS واحد في مدونتك ليتم ضبط حجم صور مواضيعك بحجم واحد لا يتغير وشاهد مثال للصور بحجم مُوحّد في كافة الموضوع في الصورة

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

ما عليك إلا التوجه للتحرير عناصر HTML في قالب مدونتك

ثم إضغط CTRL+F وابحث عن الوسم التالي :

   ]]>

ثم قبله مباشرة قم بنسخ الكود التالي

.post-body img {
width: 450px!important;
height: 400!important; } 

  

قم بتغيير الرقم 450 في الكود لتغيير حجم عرض جميع الصور في المواضيع
و الرقم 400 لتغيير حجم طول الصور في جميع المواضيع

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

إضافة شريط أخر المواضيع مُتحركة في جميع الإتجاهات لمدونات بلوجر (↓↑ أو →←)

السلام عليكم ورحمة الله 

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

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

كود الإضافة من اليسار لليمين:

كود الإضافة من اليمين لليسار :

 

كود الإضافة من التحت للفوق :

شاهد مثال للإضافة هنا
الموقع اصبح بنطاق مدفوع لذلك لم تعد تظهر وانا اشير انها تظهر للنطاقات .blogspot فقط

  

كود الإضافة من الفوق للتحت :

 

 ملاحظات** بالنسبة للأكواد

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

قم بتغيير كلمة 3efrit في رابط 3efrit.blogspot.com باسم قبل blogspot الخاص برابط مدونتك

 ثم يتغيير الرقم 20 في nMaxPosts = 20 لتغيير عدد المواضيع التي تريد أن تظهر

 و قم بالتغيير 150 على nScrollDelay = 150 لتغيير سرعة تحرك المواضيع الأخيرة وكلما نقص العدد كلما زادت السرعة الأكواد تعمل على مدونات بلوجر ذات النطاق blogspot أما عند تغيير النطاق للمدفوع فلن تظهر

 بالتوفيق للجميع

عفريت بلوجر

www.3efrit.net

كيف تمنع الزائر من سرقة مواضيعك بتعطيل Copy و Hashtag

السلام عليكم ورحمة الله

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

هههههههههههههههههههه شيء رهيب ومضحك في نفس الوقت

لذلك هذا الكود تضعه مباشرة بعد  و يقوم بمنع الزائر من سرقة مواضيعك

أو قم فقط بغضافة عنصر HTML جديد وضع فيه الكود 

 Ctrl+F ابحث عن 

الكود تضعه بعد head

ثم احفظ القالب وستلاحظ أنه عندما تقوم بعمل "كوبي" نسخ أي شيء في موقعك أو مدونتك وتعمل لصق "paste" لا يظهر شيء وبذلك تكون حفظت مواضيعك من السرقة

كان معكم عفريت بلوجر تابعوني لكل جديد

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

السلام عليكم ورحمة الله

واسعد الله اوقاتكم بكل خير

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

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

الان لنبدأ شرح طريقة وضعها في موقعك

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

ثانياً : قم بالتوجه لصفحة الإضافة على موقع أليكسا من هنا

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

أدخل رابط موقعك في الخانة المطلوبة مثلا www.3efrit.blogspot.com

ثم قم بنسخ الكود الموافق لأي حجم ترغب فيه وضعه في موقعك

وهذه بعض الأكواد قم فقط بنسخها وغير رابط مدونتي www.3efrit.blogspot.com باللون الاحمر مرتين إلى رابط مدونتك أو موقعك

.....................................................................

الحجم الاول مربع

الكود الخاص بها:

www.3efrit.blogspot.com">

.......................................................................

الحجم الثاني عمودي 2

الكود الخاص بها:

www.3efrit.blogspot.com">

.......................................................................

الحجم الثالث افقي

الكود الخاص بها:

www.3efrit.blogspot.com">

..............................................................

إلى هنا أكون قد انتهيت وأتمنى تتوفقوا في إضافة الأداة 

طبعاً أنا متفاعل جداً مع التعليقات ولاي استفسار أو تعليق لا تترددوا

بالتوفيق ^_^

طريقة جعل مواضيعك و تدويناتك كلها تبدأ بالبسملة

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

 شرح مُبسط لوضع (البسملة) بسم الله الرحمان الرحيم فوق كل موضوع أي في بداية كل تدوينة أوتوماتيكيا دون الحاجة لكتابتها دائماً أو وضع صورتها دائما في البداية أثناء التدوين

تابع معي الشرح

توجه للوحة تحكم مدونتك ثم افتح لوحة تحكم HTML ثم ابحث عن الوسم التالي

ابحث عن الثاني

وقم بوضع مباشرة قبله الكود التالي الخاص بالبسملة كما في الصورة التي بدئت بها الموضوع

ولوضع صورة أخرى لبسملة بهذا الشكل:

قم بوضع الكود التالي

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

كان معكم عفريت بلوجر لأي استفسار أو للتواصل معي صفحتي على الفيسبوك

وسأرد أيضاً على أي تعليق في الموضوع

كود لمنع مواضيع مدونتك وموقعك من النسخ

السلام عليكم ورحمة الله 

هذا الكود يجعل موقعك أو مدونتك او اي صفحة تضعه فيها ممنوعة من النسخ اي مواضيعها ممنوعة من النسخ وهذا الكود هو الذي يجعل مواضيع مدونتك لا تخضع للنسخ وضياع مجهودك

في لوحة تحكمك إبحث عن

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

 تم احفظ القالب وتكون بذلك مواضيعك وتدويناتك محمية من النسخ

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

السلام عليكم ورحمة الله

أخي المُدوِن الكريم , رغبة منِي أن أدعوك للعمل الخير و التقرب إلى الله قمت بدعوتك للوضع كود موقع الإسلام سؤال وجواب الذي يدعوا الجميع الجميع للمعرفة الإسلام شريعتاً و منهاجاً

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

 قم بوضع الكود المتحرك للجديد الفتاوى الإسلامية بقلم كبار العُلماء و شُيوخ الإفتاء

 قم بنسخ إحدى الأكواد وضعها في موقعك أو مدونتك

الكود بشكل أُفقي

الكود بشكل عرضي

للمشاهدة الكود على إحدى المواقع هنا

لا تنسونا من صالح الدعاء ولكل من ساهم في نشر دين الإسلام و لو بقليل

اللهم أمين

كود إضافة خاصية الزوار المتصلين الأن (أونلاين) لمدونات بلوجر

السلام عليكم ورحمة الله

أرحب بكم جميعا عشاق التدوين و التطوير و الإبداع

هل تريد معرفة كم زائر متصل على موقعك أو مدونتك؟

هل تبحث دائما على اكتشاف كم عدد الزوار و هل يتطور نسبة الزوار يوميا ؟

إن شاء الله وجدت أفضل الأكواد لإضافة خاصية كم عدد الزوار المتصلين أونلاين على مدونتك أو موقعك

الإضافة كما هي مبينة في الصورة

و هي موجودة على مدونتي في أسفل الصفحة

إذهب للموقع الإضافة :

http://whos.amung.us/

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

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

أتمنى تناقشوني الرأي حول الإضافة

و الذي يعرف إضافات أخرى 'للمتصلين على الخط' يقول لنا عليها

بالتوفيق للجميع و السلام عليكم

كود HTML لجعل الشيء يظهر في جميع الصفحات و إخفائه على الرئيسية

مرحيا بكم من جديد زوار و متابعي مدونة عفريت بلوجر

إشتقت إليكم و إلى استفساراتكم , التي تزيدني حرصا على تقديم كل ما هو مفيد للمدون العربي و لكل عشاق التدوين

من بين الأسئلة التي طرحت علي هي كيفية منع شيء (صورة,فيديو,إعلان,أو شيء أخر..) من الظهور في الصفحة الرئيسية فقط و جعلها تظهر في باقي الصفحات الأخرى

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

ضع كود الشيئ هنا

 هنيئا لك 

الشيء لن يظهر في الصفحة الرئيسية و سيظهر في جميع صفحات موقعك الأخرى
لأي سؤال أو استفسار أنا في الخدمة

أتمنى لكم التوفيق

والسلام عليكم ورحمة الله