DZPRO

المشاركات

عرض الرسائل ذات التصنيف اضافات بلوجر

عرض الكل

حماية الروابط بكلمة سر ( الدخول لرابط من موقعك بكلمة سر )

السلام عليكم ورحمة الله تعالى و براكاته , أما بعد اليوم سنتطرق الى موضوع يهم بكثرة المدونين يعني ليحصلوا على مقابل لما يضعونه في مدوناتهم من طرف الزوار , حيث الاضافة اليوم ستمكنك من حماية الروابط مثلا لو وضعت قالب بلوجر و أردت أن لا يدخل أي شخص على الرابط الا بعد أن يفذ شروطك لتعطيه كلمة السر التي تمكنه من الذهاب للرابط أو التوجه للرابط . الاضافة سهلة فقط غيير ما باللون الأحمر و قم بنسخ الكود و لصقه في المشاركة في تبويب HTML في المكان الذي تريده <script> function passWord() { var testV = 1; var pass1 = prompt('يرجى ادخال الرقم السري',' '); while (testV < 3) { if (!pass1) history.go(-1); if (pass1.toLowerCase() == " كلمة السر هنا ") { alert('تم قبول الرقم السري'); window.open('http:// الرابط هنا '); break; } testV+=1; var pass1 = prompt('لا يمكن دخولك - الرقم السري خاطئ, يرجى إعادة المحاولة','ادخل هنا الرقم السري'); } if (pass1.toLowerCase()!="password" & testV ...

قراءة المزيد

خطوط جديدة و احترافية جاهزة للاستعمال في المواقع

السلام عليكم و رحمة الله تعالى و براكته اليوم أحضرت لكم موقع يقدم خطوط عربية مرفوعة و جاهزة للاستعمال مباشرة في المواقع يعني لن تحتاج للتحميل ثم رفع الخطوط على استضافة .. الخ , ماعليك فقط هو الدخول الى الموقع الذي يقدم الخدمة : http://www.devnia.com/fonts/ ستجد واجهة بها خطوط متنوعة ماعليك الا البحث عن الخط الذي يعجبك ثم الضغط على " استخدام " و سيضهر لك كود الخط ما عليك الى وضعه تحت <head> بعد ذالك تقوم بتغيير الخط الموجود في مدونتك باسم الخط الذي تريده , أنصحك بمشاهدة هذا الدرس للمزيد من الخطوط و طريقة تغيير الخطوط http://www.dzprofessionale.com/2014/04/Change-fonts-in-Blogger-Blogs-lines-to-beautiful-and-professional.html

قراءة المزيد

تخصيص اضافة التسميات في البلوجر (لون فلات عشوائي لكل زر) عبر css

اليوم أتيتكم بتخصيص جميل على اضافة التسميات في البلوجر حيث أن هذه الاضافة تدخل امكانية جديدة في منصة البلوجر وهي التحكم الكامل في اضافة التسميات, التخصيص عبارة عن تلوين الأزرار أو أزار الأقسام بألوان فلات عشوائية يعني لكل زر لون و يتم هذا عبر كود css بسيط, لذالك أول شيئ ستدخل الى: لوحة تحكم مدونتك -> قالب -> HTML تحرير قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL + F). </b:skin> ثم تقوم بوضع الكود التالي فوقه /* Flat UI Labels Cloud By Www.dzprofessionale.Com ---------------- */ @import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css"; .sidebar .label-size { position:relative; text-transform: uppercase; text-decoration:none; font-size:13px; font-family:Droid Arabic Kufi; color:#fff!important; } .sidebar .label-size a { color:#fff!important; padding:8px 10px; margin:0 6px 6px 0; float:right; display:block; -moz-transition: all 0.4s ; -o-transition: all 0.4s; -webkit-transit...

قراءة المزيد

اضافة صفحة الأرشيف في مدونتك

السلام عليكم ورحمة الله تعالى وبراكته اضافة صفحة الأرشيف في مدونتك تلبيتا لطلب بعض الأخوان على أن أقدم لهم طريقة لوضع صفحة أرشيف في بلوجر و مثال على ذالك صفحة الأرشيف الخاصة بموقع محترف الجزائر ,و صفحة الأرشيف شيئ ايجابي أيضا من حيث السيو , فتلك الصفحة تضم كل مواضيع مدونتك بروابطها و هذا ما يسمى بالباك لينك الداخلي و بالتالي ستحتل مراتب متقدمة في مدة وجيزة , لذالك فأول شيئ عليك القيام به هو انشاء صفحة ثابتة جديدة ثم بعد الدخول اليها تقوم بالتوجه الى تبويب HTML و تقوم بنسخ ولصق هذا الكود في الفراغ , مع تغيير رابط موقع DZPRO برابط موقعك , ثم تقوم بالحفظ و يتم انشاء صفحة أرشيف خاصة بمدونتك <script src="https://dzpro-code-free.googlecode.com/svn/trunk/archive (1).js" type="text/javascript"> </script> <script src="http://www. dzprofessionale.com /feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </script>

قراءة المزيد

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

السلام عليكم ورحمة الله وبراكته ما أقصده باضافة رابط مختصر للمواضيع في بلوجر تلقائيا تحت كل موضوع أي أنه سيتم اختصار رابط أي موضوع جديد تضيفه في مدونتك تلقائيا من موقع bitly.com و حتى لو ذهبت الى حسابك في bitly .com ستجد روابط مختصرة لمواضيعك الجديدة فلن يبقى لك سوى خطوة النشر , اضافة الى أن تحت كل موضوع سيضهر رابط مختصر خاص به و طبعا للروابط المختصرة أهمية كبيرة في موقعك أدعوك لمشاهدة موضوع أهمية اختصار روابط موقعك عند النشر في الفيسبوك و التويتر اذا أولا و من الضروري أن يكون لديك حساب في bitly.com و يمكنك انشاء حساب بسهولة فقط عبر الدخول الى الرابط التالي https://bitly.com/a/sign_up بعد ذالك يمكنك انشاء حساب اما عن طريق التويتر أو الفيسبوك أو بطريقة عادية الان بعد أن قمنا بانشاء حساب جديد ستقوم بالذهاب الى لوحة تحكم مدونتك ثم الى قالب ثم تحرير HTML بعد ذالك ستقوم بالبحث عن </ head> بعد ايجاده قم باضافة الكود التالي فوقه مباشرة قم بالضغط هنا لرأية الكود بعد تطبيق هذه الخطوة قم بالبحث عن YOURUSERNAME ...

قراءة المزيد

اضافة 2 اعلانات في الجانب في مدونتك

اضافة اعلانات في جانب مدونتك هي شيئ رائع لجلب المزيد من الضغطات على اعلاناتك , و بطريقة سهلة جدا يمكنك اضافة 2 اعلانات في الجانب في مدونتك فقط بواسطة كود بسيط أولا قم بالبحث عن < body > ثم أضف تحته هذا الكود تحميل الكود

قراءة المزيد

طريقة ذكية لتسريع تحميل موقعك في المتصفح

السلام عليكم كما يعرف الجميع فان الصور دات الجود العالية تقوم باثقال تحميل صفحة موقعك و بالتالي لن يبقى الزائر كثيرا في مدونتك لأنه سيمل و خصوصا ادا كان الزائر يتوفر على سرعة أنترنيت ضعيفة لدالك فستضهر الصور جزئيا أي يضهر جزء ثم الجزء الثاني و هكدا , لدالك سنضع سكريبت سيجعل الصور تضهر كاملة , كما أن السرعة عامل أساسي في تقوية سيو موقعك كيف يعمل الكود و عمل الكود أنه يقوم بتحميل الصور لكن في خفاء أي لا يضهرها في المدونة حتى يتصفحها الزائر ,فبدون هدا الكود يتم اضهار كل الصور حتى وان لم يكن الزائر يتصفحها و هدا ما سيسبب ثقل في موقعك , قمت بوضع الكود الاتي فوق وسم اغلاق ال head </ head > تحميل الكود

قراءة المزيد

لون عشوائي لكل تدوينة في مدونتك (لكل صفحة موضوع لون مختلف عن الموضوع الاخر)

السلام عليكم اليوم أقدم لكم درس حصري ,عن طريقة وضع لون مختلف لكل صفحة موضوع ,أي الموضوع رقم 1 سيضهر لونه أحمر مثلا الموضوع 2 سيضهر لونه أزرق مثلا الموضوع 3 لون أخضر و هكدا , شيئ رائع و كأنك تعمل على منصة الوورد برس أو على استضافة أخرى , الطريقة سهلة جدا ماعليك سوى وضع كود ال JavaScript التالي فوق وسم نهاية ال head < /head> تحميل السكريبت فضلا و ليس أمرا أترك بصمتك , في تعليق كان مدحا أو نقدا في كلا الحالتين تكون مشكور على مشاركتك أي مشكل ضعه في تعليق

قراءة المزيد

أكواد بلوجر مهمة (الأكواد الخاصة بمنصة بلوجر فقط )

أكواد بلوجر مهمة (الأكواد الخاصة بمنصة بلوجر فقط ) كما تعرف أن هناك بعض الأكواد الخاصة بالبلوجر اضافتا الى ال CSS و HTML فهناك بعض الأكواد المهمة و التي هي تعمل على منصة بلوجر فقط و من بين هده الأكواد مثل كود عنوان الموضوع فعنوان الموضوع يضهر تلقائيا بعد نشر الموضوع أعني هناك كود يقوم بهده المهمة كما هناك العديد من الأكواد الأخرى لهدا اليوم قد قمت بتجميع لكم أهم الأكواد في بلوجر مجموعة أكواد مهمة تحتاجها في تصميم قوالب بلوجر حصرية (تم تجميع الأكواد من طرف مدونة محترف الجزائر) ===========أكواد خاصة بالتدوينات=================== /*---------------------كود إظهار توقيت نشر التدوينة---------------------------*/ <data:post.timestamp/> /*----------------كود إظهار ناشر التدوينة (المدون)---------------------------------------*/ <data:post.author/> /*-------------------كود إظهار التسميات الخاصة بالتدوينة-------------------------------*/ <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> ...

قراءة المزيد

تغيير الخطوط في مدونات بلوجر الى خطوط جميلة واحترافية

السلام عليكم ان الخطوط و نوعها شيئ مهم جدا في جمالية و احترافية موقعك أو مدونتك و هناك العديد من أنواع الخطوط العربية التي قد تكون بحاجة اليها لتمييز موقعك عن المواقع الأخرى لدالك اليوم سأريك كيف تقوم بتغيير خطوط مدونتك مع خطوط بلوجر جديدة تغيير الخطوط في مدونات بلوجر الى خطوط جميلة واحترافية الخط الأول هو الدي اسمه GESSTOW_Light و شكله مثل الصورة التالية و لاضافته لمدونتك يجب أن تضيف كود ليستطيع المتصفح أن يتعرف عليه لدالك ستبحث عن و تضيف فوقه @font-face { font-family: 'GESSTOW_Light'; src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.eot'); src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.eot?#iefix') format('embedded-opentype'), url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.woff') format('woff'), url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.otf') format('truetype'); font-weight: normal; font-style: normal; } الخط الثاني...

قراءة المزيد

طريقة اضافة واجهتين لمدونتك (واجهة الموقع العادية و واجهة ترحيبية)

السلام عليكم و رحمة الله و براكته بعد أن نشرت في حسابي عن هل تريدون طريقة اضافة واجهتين لمدونة بلوجر فقد تفاعل عدد كبير من المتابعين مع الفكرة لهدا فسأقوم بشرح طريقة اضافة واجهتين لمدونة بلوجر بطريقة سهلة فما أقصده هو لو دخلت الى الرئيسية موقعdz pro فلن تجد مدونة عادية و لن تجد مشاركات الموقع بل ستجد واجهة ترحيبية و بعدها عندما تضغط على زر المشاركات سوف تضهر لك مشاركات المدونة و المدونة بشكل عادي . فكما رأيت لا تحتاج الى رابطين بل تحتاج الى رابط واحد فقط و كود . لهدا لأو شيئ تقوم به هو الدخول الى لوحة تحكم مدونتك ثم قالب ثم تحرير HTML بعد دالك تقوم بالبحث عن بداية وسم ال body ويكون بهدا الشكل -> فوقه تماما تضع هدا الكود الكود من هنا عمل هدا الكود أنه يقوم باخفاء الأكواد اللتي بينه و بين وسم اغلاقه في الصفحة الرئيسية فقط أي سنقوم باخفاء محتوى الموقع في الصفحة الرئيسية فقط بعد اضافة الكود فوق وسم ال body نقوم بالبحث عن وسم اغلاق ال body و يكون بهدا الشكل --> تحته تماما نقوم باضافة ...

قراءة المزيد

اضافة يوتوب في بلوجر (اضافة عدد لا نهائي من الفيديوهات يضهر فيديو واحد في الصفحة و عند كل تحديث يتغير الفيديو )

السلام عليكم أقدم لكم اضافة بلوجر رائعة و فريدة من نوعها و لا تثقل سرعة المدونة و هي عبارة عن كود Java Script , هده الاضافة خاصة باليوتوب ,يمكنك وضع أكثر من 100 فيديو يوتوب في السكريبت و سيضهر فيديو واحد في مدونتك و عند كل تحديث للصفحة يضهر فيديو اخر عشوائيا خلاصة المقال الفيديو يتغير عند كا مرة يدخل فيها الزائر الى مدونتك و هدا قد يزيد و لو بنسبة قليلة من المشاهدين لحلقات قناتك على اليوتوب ادا أول شيئ ستقوم بانشاء مدونة جديدة بهدا الشكل كما في الصور حسنا بعد أن أنشأنا المدونة نقوم بالدخول اليها ثم نغيير القالب بهدا القالب : تحميل القالب بعد تغيير القالب يجب أن تقوم بتعديلات بسيطة و لهدا تقوم بالدخول الى تحرير HTML 1- و يعني رابط قناتك على اليوتوب لهدا غيير رابط قناتي برابط قناتك 2- و يعني ID الفيديو على اليوتوب و يتجب أن تغيير ال Id لتحدد الفيديوهات التي ستضهر في الموقع طريقة معرفة ID الفيديو على اليوتوب أول شيئ تقوم به هو الدهاب الى الفيديو الدي تريد اضهاره في موقعك ثم تدهب الى الرابط و ت...

قراءة المزيد

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

اليوم اقدم لكم اضافة المتابعة عبر المواقع الاجتماعية احترافية يمكنك اضافتها لمدونتك في ضرف ثواني فقط html ادا كل ماعليك فعله هو الدهاب الى لوحة تحكم مدونتك بعد دالك الى تبويب قالب ثم تحرير قم بالبحث عن ستجدها بهدا الشكل قم بتوسيعها بالضغط على السهم الاسود بعد دالك ضع الكود التالي مباشرة فوق الكود #social{ background: url(sbg.png) no-repeat; width: 300px; height: 51px; border: 1px solid #F0F0F0; border-radius: 27px; background-color: rgb(247, 247, 247); position: relative; bottom: 34px;} #facebook,#twitter,#youtube{width: 33.3%; height: 52px;float: left;cursor: pointer;} #facebook{ background: url(https://lh5.googleusercontent.com/-aEu6pHfGwCE/UjTdnveS_eI/AAAAAAAAAHo/6zXOE4m0_Bs/h120/f.png) no-repeat 40px; background-size: 13px;} #facebook:hover{background-color: #FAFAFA;} #youtube{background: url(https://lh4.googleusercontent.com/-_DXx5rvIpPo/UjTdoM9fnzI/AAAAAAAAAH4/UNL1fUwcoCo/h...

قراءة المزيد

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

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

قراءة المزيد

كيف تمنع نسخ محتوى مدونتك بتعطيل الزر الأيمن و منع التحديد داخل المدونة

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

قراءة المزيد

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

CSS اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية داخل ايقونات صغيره بجوار التعليق , ما يميز هذه الاضافه انها تقوم بترقيم التعليقات في مدونة بلوجر بطريقه اليه بالترتيب من الاقدم الى الاحدث , ومن مميزاتها ايضا انه يمكنك التعقيب على التعليقات بكل سلاسه ويسر حيث يمكنك من خلاله التعقيب على التعليق رقم 1 مثلا , ثم الرد عليه بسهوله تامه اضافة ترقيم التعليقات في مدونات بلوجر بشكل احترافي HTML من لوحة التحكم -> قالب -> تحرير خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات (CTRL+F) قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم ]]> والصق الكود التالي بعده تمامآ counter-reset: countcomments; } .comment-thread li:before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; font-size: 22px; color: #555555; padding-left: 10px; ...

قراءة المزيد

اضافة شريط متحرك يضم اخر اخبار المدونه

حسنا انها اضافة جميلة جدا و احترافية و لطالما سألني متابعين المدونة عن طريقة اضافة شريط الدي يضم اخر أخبار المدونة فهو عبارة عن شريط جميل جدا يمكنك أن تختار اللون الدي يناسبك و لاضافة الشريط ما عليك سوى القيام بخطوات بسيطة ابحث عن </head> و ألصق الكود الاتي قبله تماما <b:if cond= 'data:blog.pageType != "static_page"' > <b:if cond= 'data:blog.pageType != "item"' > <style type= 'text/css' > #bea kingnews{ width : 980px ; margin : 0 auto ; line-height : 37px ;; overflow : hidden ; margin-bottom : 20px ; max-height : 37px ; overflow : hidden ; background : #fff ; -moz-box-shadow: 0 1px 1px rgba( 255 , 255 , 255 , 0.3 ) inset , 0 -1px 1px rgba( 0 , 0 , 0 , 0.3 ) inset ; -webkit-box-shadow: 0 1px 1px rgba( 255 , 255 , 255 , 0.3 ) inset , 0 -1px 1px rgba( 0 , 0 , 0 , 0.3 ) inset ; box-shadow: 0 1px 1px rgba( 255 , 255 , 255 , 0.3 ) inset , 0 -1px 1px r...

قراءة المزيد