القائمة الرئيسية

الصفحات

عالم المدون


حل مشكلة حظر الفيس بوك لموقعك أو لاى موقع اخر بكل سهوله 2018

Posted: 02 May 2019 10:06 AM PDT

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

حل مشكلة حظر الفيس بوك لموقعك أو لاى موقع اخر بكل سهوله 2018

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

حل مشكلة حظر الفيس بوك لموقعك أو لاى موقع اخر بكل سهوله 2018

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

معاينة من القالب

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


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

حل مشكلة حظر الفيس بوك لموقعك أو لاى موقع اخر بكل سهوله 2018

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


والكود هو التالي.

<script>
//<![CDATA[
if (self.location == top.location)top.location.href = 'https://wdbloog.blogspot.com';
//]]>
</script>

وفى الكود سوف تجد رابط مدونة عالم المدون هذاhttps://wdbloog.blogspot.comسوف تقوم بتغيير برابط مدونتك او اى رابط موقع اختصار او اى شئ اخر تريد استخدامه ، وبعد ذلك تقوم بنشر الموضوع وبعد ذلك تقوم بنشر الرابط على الفيسبوك.

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

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

Posted: 29 May 2018 06:37 AM PDT

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

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

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

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

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


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

اولا لقد قمت بتفصيل الكود حتى يتم الشرح عليه ويفهم الجميع ، سوف يكون عليك اولا وضع الكود الذى سوف يتم منع النسخ فى كامل المدونة.
وسوف يتم ضعه فوق الوسم هذا</head>فى المظهر او فى بعد القوالب سوف تجد هكذا&lt;/head&gt;&lt;!--<head/>--&gt;ضعه فوقه ايضا.

<style>
body {
-webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}
</style>

هذا الكود سوف يعمل على منع النسخ فى كامل المدونة او بمنعى اخر سوف يمنع نسخ اى شئ داخل الbody فى مدونتك ، يمكنك فى الكود تغيير ال body بما تريده لجعل يعمل على عدم النسخدم من هذا الشكل فقط ، وما سوف يتقوم بتغيير هو class او id الكود فى مدونتك.

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

<style>
blockquote,.blockquote {
-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;
}
</style>

يمكنك تغيير فى الكود ال blockquote,.blockquote كما تريد class او id فى مدونتك مثلا اذا كنت تريد السماح بالنسخ داخل التعليقات سوف تقوم بوضع مع الكود class او id التعليقات وهو #comments لصبح الكود بهذا الشكل.

<style>
blockquote,.blockquote,#comments {
-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;
}
</style>

وبهذا الشكل يمكنك السماح بالنسخ فى اى جزء من مدونتك كما تريد.

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

اضافة رساله ترحيبيه بشهر رمضان 2018 لمدونات بلوجر

Posted: 20 May 2018 10:12 AM PDT

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

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

اضافة رساله ترحيبيه بشهر رمضان 2018 لمدونات بلوجر

اضافة رساله ترحيبيه بشهر رمضان 2018 لمدونات بلوجر

لتركيب الإضافة على مدونتك تابع معى التركيب ، سوف تقوم أول بالبحث عن هذا الوسم]]></b:skin>فى مدونتك وتقوم بوضع الكود التالى فوقه ، واو تقوم بوضع فوق الوسم</style>هذا ايضا لا مشكلة.
/* Pop Up Animation Ramadan */
@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@keyframes change_color{0%{background:#5ac7da}33.33%{background:#3173bd}66.66%{background:#0d4a8d}100%{background:#5ac7da}}@keyframes run_hari18{0%{transform:translate(0%,0);opacity:0}50%{transform:translate(100%,0);opacity:1}100%{transform:translate(100%,0);opacity:0}}@keyframes sun_movement{0%{top:50px}100%{top:50px}}@keyframes run_malam18{0%{transform:translate(-20%,0);opacity:0}49.99%{transform:translate(0%,0);opacity:1}99.99%{transform:translate(20%,0);opacity:0}100%{transform:translate(-20%,0);opacity:1}}@keyframes moon_movement{0%{transform:translate(-200%,0);opacity:0}49.99%{transform:translate(0%,0);opacity:1}99.99%{transform:translate(200%,0);opacity:0}100%{transform:translate(-200%,0);opacity:1}}
/* Pop Up Ramadan */
#arlinapuasa2018{display:block;background:#fff;position:fixed;top:25%;right:0;left:0;margin:auto;text-align:center;max-width:660px;box-shadow:0 19px 38px rgba(0,0,0,0.1),0 15px 12px rgba(0,0,0,0.12);z-index:99;min-height:350px;padding:20px;overflow:hidden;border-radius:10px;animation:change_color 7s infinite linear,flipInX 1s linear}#arlinapuasa2018 .puasa18{position:absolute;color:#fff;font-size:2rem;font-weight:400;padding:30px;z-index:99999;text-align:center;margin:auto;left:0;right:0;top:20%}#arlinapuasa2018 .puasa18 p{margin:20px auto 20px;text-shadow:2px 2px 5px rgba(0,0,0,0.2)}#arlinapuasa2018 .puasa18 .ramadan2018{font-size:3rem;font-weight:700}#arlinapuasa2018 a.close-popup{position:absolute;bottom:15px;right:20px;color:#fff;text-align:center;border-radius:100%;cursor:pointer;z-index:999999;transition:all .3s}#arlinapuasa2018 a.close-popup:hover{color:#fff}#arlinapuasa2018 a.close-popup:active{opacity:0}#arlinapuasa2018 a.close-popup i{font-family:fontawesome;font-size:20px;font-weight:normal;font-style:normal;transform:rotate(270deg);transition:all .3s}#arlinapuasa2018 a.close-popup:hover i{transform:rotate(360deg)}.gunung18{width:400px;height:300px;display:block;background:#4aad52;position:absolute;bottom:-150px;transform:rotate(45deg);border-radius:50px;z-index:2;left: 0;}.gunung18.behind{background:#42a54a;right:-120px;bottom:-180px;z-index:1}.hari18{width:100%;height:100%;display:block;position:absolute;top:0;left:0;animation:run_hari18 7s infinite linear}.hari18 .awan18{margin:30px auto;width:150px;height:70px;display:block;background:#e7e7e7;border-radius:35px;border:10px solid #ffffff;box-shadow:inset 0 -7px 0 0 #d7d7d7;position:absolute;top:90px;left:50px}.hari18 .awan18:before{content:&#39;&#39;;width:65px;height:35px;display:block;background:#e7e7e7;border-radius:35px 35px 0 0;border:10px solid #ffffff;border-bottom:0;position:absolute;top:-35px;left:20px}.hari18 .awan18.invert{top:60px;left:250px}.hari18 .awan18.invert:before{left:50px}.hari18 .sun{width:75px;height:75px;display:block;background:#fff297;border-radius:50%;box-shadow:inset -5px -5px 0 0 #ddc991;position:absolute;top:50px;left:0;animation:sun_movement 7s infinite linear}.malam18{width:100%;height:100%;display:block;position:absolute;top:0;left:0;animation:run_malam18 7s infinite linear}.malam18 .bintang18 .star{width:5px;height:5px;display:block;background:#f7f7f7;border-radius:50%;position:absolute}.malam18 .bintang18 .star:nth-child(1){top:50px;left:50px}.malam18 .bintang18 .star:nth-child(2){top:200px;left:70px}.malam18 .bintang18 .star:nth-child(3){top:100px;left:300px}.malam18 .bintang18 .star:nth-child(4){top:50px;left:220px}.malam18 .bintang18 .star:nth-child(5){top:160px;left:320px}.malam18 .bintang18 .star:nth-child(6){top:150px;left:230px}.malam18 .bintang18 .star:nth-child(7){top:180px;left:400px}.malam18 .bintang18 .star:nth-child(8){top:50px;left:360px}.malam18 .moon{width:75px;height:75px;display:block;background:#d7d7d7;border-radius:50%;box-shadow:inset -5px -5px 0 0 #c7c7c7;position:absolute;top:50px;left:100px;animation:moon_movement 7s infinite linear}
@media (max-width:800px){#arlinapuasa2018{top:10px!important;left:10px;right:10px;min-height:250px}#arlinapuasa2018 .puasa18{font-size:1.1rem;top:0}#arlinapuasa2018 .puasa18 .ramadan2018{font-size:2.2rem}.gunung18,.hari18,.bintang18,.malam18 .moon{display:none}}
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}#arlinablock .header{margin:0 0 15px 0}#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}#arlinablock .fixblock div{display:none}#arlinablock .fixblock div.active{display:block}#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
.arlina-nav .share-box button{border:0;background:transparent;cursor:pointer;transition:all .3s}.arlina-nav .share-box button:hover{color:#e74c3c}

الأن سوف تبحث عن هذا الوسم<body>وتقوم بوضع الكود التالى اسفله ( تحته )

<div id='arlinapuasa2018'>
<a class='close-popup' href='#' title='close'><i class='fa fa-times'/></a>
<div class='puasa18'>
<p>كل عام والأمة الأسلامية بخير</p>
<p><span class='ramadan2018'>رمضان كريم</span></p>
</div>
<div class='gunung18'/>
<div class='gunung18 behind'/>
<div class='hari18'>
<div class='awan18'/>
<div class='awan18 invert'/>
<div class='sun'/>
</div>
<div class='malam18'>
<div class='bintang18'>
<div class='star'/>
<div class='star'/>
<div class='star'/>
<div class='star'/>
<div class='star'/>
<div class='star'/>
<div class='star'/>
<div class='star'/>
</div>
<div class='moon'/>
</div>
</div>

يمكنك فى الكود السابق التحكم فى العبارات كما تريد وتغييرها كما تريد بما العبارات التى تريدها بدل من المتواجده حاليا.
والأن مع اخر كود وسوف تبحث عن هذا الوسم</body>وتقوم بوضع الكود التالى فوقه.

<script type='text/javascript'>
//<![CDATA[
// Ramadan
$(window).bind("load",function(){$("#arlinapuasa2018").animate({top:"25%"},1e3),$("a.close-popup").click(function(){return $(this).parent().fadeOut(1e3),!1})});
//]]>
</script>

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


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

تحميل قالب Sora Ribbon معرب لمدونات بلوجر

Posted: 18 May 2018 08:22 AM PDT

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

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

إقرأ ايضاتحميل قالب WeBlog بلوجر قالب تدوينات - مجلة - اخبار 2018

مميزات قالب Sora Ribbon

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

صورة من قالب Sora Ribbon

شرح تركيب قالب Sora Ribbon

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

إقرأ ايضاتحميل قالب m Sora معرب قالب بلوجر سريع جدا

تحميل ومعاينة قالب Sora Ribbon



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

اعلن على مدونة عالم المدون بالمجان لمدة شهر

Posted: 18 May 2018 08:16 AM PDT

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

اعلن على مدونة عالم المدون بالمجان لمدة شهر


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

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


من اليوم الأربعاء 16/5/2018 الى يوم الجمعة 18/5/2018 يمكنكم وضع تعليق على هذا الموضوع للدخول فى الأختيار لوضع اعلانك على عالم المدون ، وسوف يكون هذا هو الوقت حتى يتسطيع من شاهد الموضوع وضع تعليق ، وبعد ذلك سوف يتم ايقاف التعليقات لهذا الموضوع.

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

اعلن على مدونة عالم المدون بالمجان لمدة شهر

  • الاعلان لمدة شهر 30 يوم
  • شخص واحد سوف يتم وضع لهم الاعلان
  • الاعلان بحجم 125 * 125
  • وقت التعليق يومين
باذن الله سوف يتم وضع موضوع كل فتره وسوف يكون به هدية لمتابعي عالم المدون وبنسبه كبيره سوف يكون وضع اعلان على المدونة تابعو عالم المدون للمزيد من الهدايه

اطلب قالب او إضافة

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

تحديث الموضوع للفائز

عدد التعليقات على الموضوع كامله 21 تعليق ومنهم 19 تعليق يريدون وضع الاعلان لذلك الأختيار تم على 19 موضوع على موقع fluky للاختيار العشوائي وكان الفائز هو التعليق رقم 18 ، سوف يتم التواصل معه عبر الأيميل الخاص به.


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

كيفية انشاء صفحة لاخر مواضيع مدونتك مع ازرار التنقل

Posted: 15 May 2018 04:44 PM PDT

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

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


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

صورة من الإضافة

كيفية انشاء صفحة لاخر مواضيع مدونتك مع ازرار النتقل

إقرأ ايضا : تحميل قالب WeBlog بلوجر قالب تدوينات - مجلة - اخبار 2018

اول سوف يكون عليك وضع هذا الكود فى مدونتك فوق الوسم</head>، هذا الكود الخاص بالخط font awesome اذا كان فى مدونتك من قبل لا تضعه .

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>

الأن بعد وضع الكود سوف تحفظ القالب.

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


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

<style type="text/css">
.clear-post-body{box-shadow:initial;background:initial;padding:0;line-height:initial;display:none}
.static_page .clear-post-body{padding:0}
#Email{margin:0 0 10px 0}
#content,.single-posts article{background:transparent;box-shadow:none;padding:0}
.single-posts .entry-title{margin:10px auto 30px auto;text-align:center;background:rgba(0,0,0,0.08);color:#747d8c;display:table;padding:0 20px;border-radius:99em;font-size:16px}
.post-details,.breadcrumbs{display:none}
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
#recentpostsae .recentpostel{width:50%;background:#fff;margin:0 0 10px 0;padding:10px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1);float:right}
#recentpostsae .recentpostel:nth-child(even){margin:0 0 10px 0;width:49%;float:left}
#recentpostsae .recentpostel img{background:#ecf0f1;padding:0;float:right;margin:0;margin-left:13px;width:72px}
#recentpostsae .recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:14px;font-weight:400;margin:0;color:#000}
#recentpostsae .recentpostel:hover{background-color:#fefefe}
#recentpostsae .recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{letter-spacing: -10px;text-align: center;background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5PspAeDZnxZDKxR8nu0YLibW37AJi7kXIWep10jTrmEmB8iGYrwFffFWArAi7rde9R7MoVovVjFA3RR-bkT6aT6ts0X8aJTeYmI9_OMo2WinvJTaki9YI9AokZKvjg9Ttxj0zV54uyyPk/s1600/ellipsis-preloader.gif) no-repeat 50% 50%;height: 470px;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);}
#recentpostnavfeed{background:#fff;margin:0 0 10px 0;padding:10px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed a{color:#141414;font-size:12px;font-weight:400;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:0;cursor:pointer;transition:all .3s}
#recentpostnavfeed .next,#recentpostnavfeed .previous,#recentpostnavfeed .home{position:relative;overflow:hidden;display:inline-block;background:#e84b3c;color:#fff;padding:10px 16px;font-size:1rem}
#recentpostnavfeed .home{display:block;text-align:center}
#recentpostnavfeed .next{float:right;margin:0 0 0 10px}
#recentpostnavfeed .previous{float:left;margin:0 10px 0 0}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:#ccc}
#recentpostnavfeed i{font-family:fontawesome;font-style:normal}
#recentpostnavfeed .next:hover,#recentpostnavfeed .previous:hover,#recentpostnavfeed .home:hover{background:#000;color:#fff}
</style>
<div id='recentpostsae'/>
<div id='recentpostnavfeed'/>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 10;
var startfeed = 0;
var urlblog = "https://wdbloog.blogspot.com";
var charac = 0;
var urlprevious, urlnext;
function wdbloogafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-LegUZ6UrRt23T1eBQMR-FiAdRP3JiFuE_HnNsmzU0R8hN30ouFSlkf-TIdy7P7qdO64VHNf690NVHhvJy2MEzVo73cKo2d-9BuULOz1VJpeQZ3zwSx4n4oBg6ZhTZmYx-yFZ_7SAe3qu/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+wdbloogafeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'><i class='fa fa-arrow-left'></i></a>":"<span class='noactived previous'><i class='fa fa-arrow-left'></i></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><i class='fa fa-arrow-right'></i></a>":"<span class='noactived next'><i class='fa fa-arrow-right'></i></span>",s+="<a href='javascript:navigasifeed(0);' class='home'><i class='fa fa-home'></i></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","wdbloogalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("wdbloogalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>

الأن بعد وضع الكود سوف يكون عليك عمل بعض التعديل الصغيره

إقرأ ايضا : احدث طريقة لايقاف ادبلوك Adblock وزيادة الأرباح بشكل كبير

سوف تقوم أول بتغيير رابط مدونة عالم المدونhttps://wdbloog.blogspot.comرابط مدونتك
ايضا يمكنك التحكم فى عدد المواضيع التى سوف تعرض لكل صفحة من خلال الرقم10فى الكود.

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

اذا تريد الفهرس يعمل على تسمية واحد سوف تقوم بتغيير هذا الكود فى الصفحة.

/feeds/posts/default

بهذا الكود مع تغيير التسمية من عندك

/feeds/posts/default/-/التسمية

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

يمكنك ايضا معاينة الفهرس من هذه الصفحة الخاصه بـ عالم المدون.


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

تحميل قالب WeBlog بلوجر قالب تدوينات - مجلة - اخبار 2018

Posted: 04 Jun 2018 08:41 AM PDT

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

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

تحميل قالب WeBlog بلوجر قالب تدوينات - مجلة - اخبار 2018

مميزات قالب WeBlog

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

المزيد من المميزات لـ قالب WeBlog



تركيب قالب WeBlog 

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

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


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

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

{"widgetType": "header grid image","widgetLabel": "فنون","widgetColor": "#b5371b","widgetCount": 7}

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

{"widgetType": "slider","widgetLabel": "فنون"}

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

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


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

تحميل قالب WeBlog مجانا على عالم المدون



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


احدث طريقة لايقاف ادبلوك Adblock وزيادة الأرباح بشكل كبير

Posted: 10 May 2018 07:10 AM PDT

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

لقد قمت من قبل بعرض الكثير من المواضيع عن طريقة ايقاف Adblock مثل كيفية زيادة أرباح موقعك عن طريقة منع زوار مدونتك من أسخدام adblock أو موضوع اخر مثل منع إضافة منع الأعلانات ادبلوك من اخفاء الأعلانات بشكل جديد ، واليوم بشكل جديد أقدم لكم احدث طريقة لايقاف ادبلوك Adblock وزيادة الأرباح بشكل كبير.

احدث طريقة لايقاف ادبلوك Adblock وزيادة الأرباح بشكل كبير


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

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

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


إقرأ ايضاطريقة جعل التعليقات الأحدث تظهر أولا فى بلوجر


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



صورة من الإضافة




احدث طريقة لايقاف ادبلوك Adblock وزيادة الأرباح بشكل كبير


الإضافة فى موضوع اليوم كما قلت لكم سوف تخبر زورا مدونتك بوضع المدونة ضمن القائمة البيضاء لـ Adblock ، وهذه الطريقة سوف تكون عباره عن شرح قصير لزوار مدونتك لعمل ذلك ، وهذا الشرح سوف يكون لإضافة Adblock , إضافة adblock plus ايضا .

لتركيب الإضافة سوف تدخل الى مدونتك ثم المظهر وبعد ذلك سوف تبحث عن هذا الوسم]]></b:skin>وتقوم بوضع الكود التالى فوقه او يمكنك وضعه ايضا فوق هذا الوسم</style>فى المظهر ايضا.

@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
#wdbloogablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#wdbloogablock .header {margin: 0 0 15px 0;box-shadow: 0 0 0 rgba(0,0,0,0.09);background: initial;}
#wdbloogablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:20px;margin:5% auto 2% auto;position: relative}
#wdbloogablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#wdbloogablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#wdbloogablock button.active,#wdbloogablock button:hover.active{background:#fff;color:#222;outline:none}
#wdbloogablock .fixblock{background:#fff;text-align:right;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#wdbloogablock .fixblock img {max-width: 100%;}
#wdbloogablock .fixblock div{display:none}
#wdbloogablock .fixblock div.active{display:block;animation:fadeInUp .5s}
#wdbloogablock ol{margin-left:20px}
#wdbloogref a {padding: 10px 20px;border: 0;background: rgba(0,0,0,0.15);color: #fff;cursor: pointer;transition: all .3s;display: block; margin-top: 10px;}
#wdbloogref a.bywdbloog {padding: 0;background: initial!important;display: inline-block;position: absolute;left: 20px;font-size: 9px; margin: 0;}
#wdbloogref a:hover {background: rgba(0,0,0,0.35);color: #fff;outline: none;}

الأن سوف تبحث عن هذا الوسم</head>وتقوم بوضع الكود التالى فوقه ، وفى بعض القوالب تجده بهذا الشكل&lt;/head&gt;&lt;!--<head/>--&gt;ضع فوقه ايضا.

<script type='text/javascript'> 
//<![CDATA[
// Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.rawgit.com/Abdo-Hegazi/wdbloog/6bdae011/wdbloogablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

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

لمستخدمين اعلانات أدسنس اذا كان فى مدونتك الكود الخاص بأدسنس هذا

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

او حتى الكود هذا  او اى شكل اخر له

إقرأ ايضاحذف روابط الملفات الخارجية مثل CSS و Javascript فى بلوجر لتسريع المدونة

<script type='text/javascript'>
//<![CDATA[
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
//]]>
</script>

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

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

طريقة جعل التعليقات الأحدث تظهر أولا فى بلوجر

Posted: 09 May 2018 04:01 PM PDT

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

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

طريقة جعل التعليقات الأحدث تظهر أولا فى بلوجر


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

إقرأ ايضاطريقة اضافة ازرار الصعود والنزول فى بلوجر

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



صورة من الإضافة




طريقة جعل التعليقات الأحدث تظهر أولا فى بلوجر


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


سوف تبحث عن هذا الكود

<b:loop values='data:post.comments' var='comment'>

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

<b:loop reverse='1' values='data:post.comments' var='comment'>

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

إقرأ ايضاحذف روابط الملفات الخارجية مثل CSS و Javascript فى بلوجر لتسريع المدونة

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

حذف روابط الملفات الخارجية مثل CSS و Javascript فى بلوجر لتسريع المدونة

Posted: 06 May 2018 04:43 AM PDT

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

الأمر ليس اخفاء الأكواد من القالب نهائيا ولكن هذه الطريقة سوف تجعل من مدونتك اسرع وانا أستخدمها حاليا فى مدونة عالم المدون ، وامر اخفاء او حذف اكواد CSS و Javascript هو احد الأمور المهم فى تسريع المدونة ، وسوف تجعل من مدونتك يتم تحميلها بسرعة عن قبل.

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

حذف روابط الملفات الخارجية مثل CSS و Javascript فى بلوجر لتسريع المدونة


إقرأ ايضاطريقة اضافة ازرار الصعود والنزول فى بلوجر

حذف روابط الملفات الخارجية مثل CSS و Javascript فى بلوجر لتسريع المدونة


قبل التعديل وحتى لا تحدث مشكلة معك أثناء التعديلات قم بحفظ نسخة من قالب مدونتك لتتجنب اى مشكلة قد تحدث معك فى تعديل الأكواد.

بعد ذلك سوف تدخل الى مدونتك ثم الى المظهر وسوف تبحث عن الكود هذا

<html>

وسوف تقوم بتغيير بالكود هذا

<HTML expr:dir='data:blog.languageDirection'>

ايضا سوف تبحث عن هذا الكود الذى هو نهائية الكود الأول

</html>

وتقوم بتغيير بهذا الكود

</HTML>

الأن سوف تبحث عن هذا الكود وسوف يكون فى اول القالب

<head>

وتقوم بتغيير بهذا الكود

&lt;head&gt;

بعد ذلك سوف تبحث عن كود الأغلق هذا

</head>

وتقوم بتغيير الكود هذا

&lt;/head&gt;&lt;!--<head/>--&gt;

الأن سوف ننتقل الى أكواد CSS فى مدونتك وتقوم بتغيير بعد الأمور بها واولهم هذا الكود

<b:skin><![CDATA[

سوف تقوم بتغيير بهذا الكود

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

وسوف تبحث عن الكود هذا

]]></b:skin>

وتقوم بوضع بدل منه الكود هذا

</style>


إقرأ ايضااضافة فتات الخبز Breadcrumb لمدونات بلوجر #2

الأن سوف ننتقل الى الاكواد التى بداخل body ونقول بتعديل فيه أمور بسيطه واولهم كود الbody نفسه

</body>

وسوف تستبدله الكود التالى

&lt;!--</body>--&gt;&lt;/body&gt;


بعد ذلك سوف تقوم بحفظ القالب وبمبروك عليك التعديلات الجديد فى مدونتك للحصول على سرعة اكبر ووقت أقل فى تحميل صفحات مدونتك.

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

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

طريقة اضافة ازرار الصعود والنزول فى بلوجر

Posted: 09 May 2018 04:01 PM PDT

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

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

طريقة اضافة ازرار الصعود والنزول فى بلوجر


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



صورة من الإضافة




طريقة اضافة ازرار الصعود والنزول فى بلوجر


اولا سوف تبحث عن هذا الوسم</head>فى مدونتك وتقوم بوضع فوقه الكود التالى ، هذا الكود خاص بالايقونات اذا كان من قبل فى مدونتك فلا داعي لوضعه من جديد

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>

الأن فوق نفس الوسم هذا</head>سوف تقوم بوضع الكود التالى فوقه.

<style type='text/css'>
#scrollToTop{display:none;list-style:none;position:fixed;bottom:49%;right:20px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}
#scrollToTop a{display:inline-block;background:#fff;color:#222;font-size:.8rem;margin:5px auto;padding:12px 14px;border-radius:99em;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#scrollToTop a:hover{color:#222;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)}
#top{position:absolute;top:0}
#scrollToTop{display:none;list-style:none;position:fixed;bottom:49%;right:10px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}
#scrollToTop a{color:rgba(0,0,0,0.2);font-size:16px}
#scrollToTop a:hover{color:rgba(0,0,0,0.5)}
#top{position:absolute;top:0}
</style>

الأن سوف تبحث عن هذا الوسم</body>وتقوم بوضع الكود التالى فوقه.

<ul id='scrollToTop'>
<li><a href='#top'><i class='fa fa-chevron-up' title='الصعود للاعلى'/></a></li>
<li><a href='#bottom'><i class='fa fa-chevron-down' title='النزول للأسفل'/></a></li>
</ul>
<div id='top'/>
<div id='bottom'/>

ايضا فوق نفس الوسم</body>هذا سوف تقوم بوضع الكود هذا.

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){var o=220,r=600;jQuery(window).scroll(function(){jQuery(this).scrollTop() > o?jQuery("#scrollToTop").fadeIn(r):jQuery("#scrollToTop").fadeOut(r)})});
$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=$(this.hash);if(t=t.length?t:$("[name="+this.hash.slice(1)+"]"),t.length)return $("html,body").animate({scrollTop:t.offset().top},600),!1}})});
//]]>
</script>

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

احدث طريقة لانشاء صفحة اتصل بنا فى بلوجر

Posted: 03 May 2018 02:01 PM PDT

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

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


احدث طريقة لانشاء صفحة اتصل بنا فى بلوجر

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



صورة من الإضافة




إقرأ ايضااضافة فتات الخبز Breadcrumb لمدونات بلوجر #2

احدث طريقة لانشاء صفحة اتصل بنا فى بلوجر


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



بعد ذلك سوف تبحث عن هذا الوسم]]></b:skin>فى مظهر مدونتك وتقوم بوضع الكود التالى فوقه.

#ContactForm1,#ContactForm1 br{display:none}

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


<div dir="rtl" style="text-align: right;" trbidi="on">
<form name="contact-form">
<div class="formcolumn1">
<input id="ContactForm1_contact-form-name" name="name" placeholder="الاسم" size="30" type="text" value="" /> </div>
<div class="formcolumn2">
<input id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" size="30" type="text" value="" /> </div>
<div class="formcolumn3">
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="7"></textarea> </div>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="ارسال" />
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

<style scoped="" type="text/css">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#f4f7f8;color:#222;border:0;transition:all .6s;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-email-message{width:100%;height:250px;margin:10px auto;padding:14px;background:#f4f7f8;color:#222;border:0;transition:all .6s;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-submit{background:#f4f7f8;color:#5f6368;font-size:16px;height:45px;float:left;padding:0 30px;margin:10px 0 3px 5px;cursor:pointer;border:none;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
</style>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '6834270398171671909';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6834270398171671909','//wdbloog.blogspot.com/','6834270398171671909');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'إرسال...', 'contactFormMessageSentMsg': 'تم ارسال رسالتك.', 'contactFormMessageNotSentMsg': 'لا يمكن إرسال الرسالة. الرجاء معاودة المحاولة في وقت لاحق.', 'contactFormInvalidEmailMsg': 'مطلوب عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن ترك حقل الرسالة فارغًا.', 'title': 'Contact Form', 'blogId': '6834270398171671909', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'البريد الإلكتروني', 'contactFormMessageMsg': 'الرسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

</div>



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


إقرأ ايضاكيفية تمكين الإصدار الجديد من Gmail

وقبل حفظ الصفحة سوف تقوم فى الصفحة بالبحث عن هذا الكود6834270398171671909بعد وضع الأكواد فى الصفحة ، وتقوم بتغيير بـ blogID الخاص بمدونتك كما فى هذه الصورة سوف تعرف المعرف ، وكذلك سوف تقوم بتغيير رابط مدونتي wdbloog.blogspot.com برابط مدونتك



بعد ذلك سوف تقوم بحفظ الصفحة ومبروك عليك.

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

اضافة فتات الخبز Breadcrumb لمدونات بلوجر #2

Posted: 30 Apr 2018 05:41 AM PDT

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

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

اضافة فتات الخبز Breadcrumb لمدونات بلوجر #2

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


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



ما هو سبب هذا الأسم فتات الخبز


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

إقرأ ايضاكيفية تمكين الإصدار الجديد من Gmail

شكل فتات الخبز فى محرك البحث


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

اضافة فتات الخبز Breadcrumb لمدونات بلوجر #2


اضافة فتات الخبز Breadcrumb لمدونات بلوجر #2


طريقة التركيب سهل جدا على ما سبق سوف تستخدم كود واحد فقط وهو الكود التالى.
سوف تدخل الى مدونتك وبعد ذلك المظهر وتقوم بوضع الكود اسفل هذا الوسم<b:includable id='post' var='post'>وبعد ذلك تقوم بحفظ القالب.

<b:loop index='item' values='data:post.labels' var='label'>
<b:if cond='data:item lt 1'>
<script type='application/ld+json'>{
&quot;@context&quot;: &quot;http://schema.org&quot;,&quot;@type&quot;: &quot;BreadcrumbList&quot;,&quot;itemListElement&quot;: [{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 1,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;,&quot;name&quot;: &quot;<data:blog.title/>&quot;}},{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 2,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:label.url.canonical/>&quot;,&quot;name&quot;: &quot;<data:label.name/>&quot;}},{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 3,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:post.url.canonical/>&quot;,&quot;name&quot;: &quot;<data:view.title.escaped/>&quot;}}]}</script>
</b:if>
</b:loop>

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

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

إقرأ ايضاطريق تثبيت تعليقات Disqus فى قائمة جانبية فى بلوجر



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

كيفية تمكين الإصدار الجديد من Gmail

Posted: 28 Apr 2018 07:18 AM PDT

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

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

كيفية تمكين الإصدار الجديد من Gmail


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

إقرأ ايضا : طريق تثبيت تعليقات Disqus فى قائمة جانبية فى بلوجر

كيفية تمكين الإصدار الجديد من Gmail


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

كيفية تمكين الإصدار الجديد من Gmail

وبعد ذلك سوف يتم تحديث معك الصفحة وكذلك تحديث معك Gmail الى الأصدار الجديد ومبروك عليك.

كيفية تمكين الإصدار الجديد من Gmail

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

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

كيفية تمكين الإصدار الجديد من Gmail

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

طريق تثبيت تعليقات Disqus فى قائمة جانبية فى بلوجر

Posted: 28 Apr 2018 04:33 PM PDT

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

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

طريق تثبيت تعليقات Disqus فى قائمة جانبية فى بلوجر
طريق تثبيت تعليقات Disqus فى قائمة جانبية فى بلوجر


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

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

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



صورة من الإضافة




طريق تثبيت تعليقات Disqus فى قائمة جانبية فى بلوجر

بعد ذخول الى مدونتك او المدونة التى سوف تقوم بوضع عليها الإضافة ادخل الى المظهر ثم أبحث عن هذا الوسم</head>وقم بعض الكود التالى فوقه.

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>

الأن سوف تبحث عن هذا الوسم</head>وتقوم بوضع الكود التالى فوقه ايضا.

<style type='text/css'>
/* Animation */
@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}
/* Recent Comments Disqus */
.header-1{background:#2e9eff;color:#fff;height:auto;padding:15px;overflow:hidden}
.header-1 h4{font-size:18px;float:right;color:#fff}
.header-1 img{float:left}
.notif-show{position:fixed;top:10px;right:10px;z-index:997;color:#fff!important;background:rgba(0,0,0,0.2);font-size:16px;font-weight:normal;width:auto;padding:6px 8px;cursor:pointer;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;transition:all .6s}
.notif-show:hover{background:#2e9eff;animation:rubberBand 1s}
#disqus-notif{position:fixed;background:#fff;z-index:999;width:25%;top:0;right:-769px;bottom:0;transition:all .5s}
#disqus-notif.active{right:0}
#overlay-1.active{background:rgba(53,58,61,.92);position:fixed;z-index:998;overflow:hidden;width:100%;height:100%;top:0;left:0}
#disqus-notif .close-text{display:inline-block;font-weight:700;font-size:14px;position:relative;right:15px;top:-7px;visibility:hidden;opacity:0;transition:all .5s}
#disqus-notif .close-1{position:fixed;margin-left:-40px;margin-top:6px;font-size:35px;font-weight:700;color:#fff}
#disqus-notif .close-1:hover .close-text{visibility:visible;opacity:1;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
#RecentComments{display:block;width:100%;margin:0 auto;padding:0;height:100%}
#RecentComments ul.dsq-widget-list{background:#f6f7f9;text-align:right;max-height:95%;overflow:auto;overflow-x:hidden}
#RecentComments img.dsq-widget-avatar{margin:0 0 0 10px;width:32px;height:32px;padding:0;float:right;border-radius:3px;clear:both;display:block}
#RecentComments p.dsq-widget-meta{clear:both;font-size:80%;margin-top:5px;font-weight:400}
#RecentComments p.dsq-widget-meta a{display:inline-block;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ced6e0;font-size:12px}
#RecentComments p.dsq-widget-meta a:hover{color:#a4b0be}
#RecentComments li.dsq-widget-item{background:#fff;margin:10px;padding:10px;clear:both;color:#888;border-radius:5px;border-bottom:1px solid rgba(0,0,0,0.08)}
#RecentComments a.dsq-widget-user{display:table;color:#22a6b3;font-weight:700;font-size:14px;margin:7px 0 0 0;float: right}
#RecentComments a.dsq-widget-user:hover{color:#2e87e7}
#RecentComments span.dsq-widget-comment{display:block;clear:both;margin:20px 10px 10px 0}
#RecentComments .dsq-widget-comment p{display:inline-block;font-size:13px;margin:0;font-weight:400;color:#444}
#RecentComments .dsq-widget-item pre{position:relative;background-color:#f3ffca;padding-top:0;box-shadow:0 1px 0 rgba(0,0,0,.1);border-radius:0;opacity:.9;transition:all .3s}
#RecentComments .dsq-widget-item pre:hover{opacity:1}
#RecentComments .dsq-widget-item pre code{color:#444;font-size:82%}
#RecentComments .dsq-widget-item pre:before{content:&#39;&#39;;position:absolute;padding:initial;font-size:initial;text-indent:initial;left:initial;color:initial;top:0;right:0;width:1.2em;height:1.2em;background-color:#d8e3b0}
#RecentComments .dsq-widget-item pre:after{content:&#39;&#39;;font-size:initial;padding:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent #fff transparent transparent}
#disqus-notif.active #RecentComments li.dsq-widget-item{animation:bounceInLeft 1.5s}
@media screen and (max-width:1366px){#disqus-notif{width:35%}}
@media screen and (max-width:768px){#disqus-notif{width:100%}#disqus-notif .close-1{background:#535c68;display:block;text-align:left;margin:0;padding:0 15px;position:relative;font-size:35px;font-weight:700;color:#fff}#disqus-notif .close-text{display:none}}
</style>

الأن سوف يكون عليك أن تبحث عن هذا الوسم</body>وتقوم بوضع الكود التالى فوقه.

إقرأ ايضا : طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP


<a class='notif-show' href='javascript:;'><i class='fa fa-bell'/></a>
<div id='overlay-1'/>
<div id='disqus-notif'>
<a class='close-1' href='javascript:;' title='اغلق'>&#215;<span class='close-text'>اغلق</span></a>
<div class='header-1'><h4>اخر التعليقات</h4><img alt='Disqus Logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUAy0s0TzzuCpZc522ErTgpJLl0nrAah-skBEHuyGc2CXq8R6-8JuXkQ61rJlWYLC4IFbfxA2VcNykKqaaFsumM6BWQB6XgMRliT9tMpMDPQlkWUxX2Mqv5gNtaOLQc3xs-vDQAcamc2fY/s1600/Disqusq.png' title='Disqus'/></div>
<div class='dsq-widget' id='RecentComments'>
<script defer='defer' type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://wdbloog.disqus.com/recent_comments_widget.js?num_items=20&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=180\"></scr" + "ipt>");
//]]>
</script>
</div>
</div>

سوف يكون عليك تغيير wdbloog فى الكود بمعرفة تعليقات Disqus يمكنك مراجعة الموضوع الذى رابطه فى اول الموضوع هذا وسوف تعرف المعرف للتعليقات

الأن ايضا سوف يكون عليك وضع الكود التالى فوق نفس الوسم</body>ايضا فى مدونتى

<script defer='defer' type='text/javascript'>
//<![CDATA[
// Recent Comments Disqus
$(function(){$(".notif-show").on("click",function(){$("#disqus-notif").addClass("active").focus()});$(".close-1").on("click",function(){$("#disqus-notif").removeClass("active")})});
$(function(){$(".notif-show").on("click",function(){$("#overlay-1").addClass("active").focus()});$(".close-1").on("click",function(){$("#overlay-1").removeClass("active")})});
$("#RecentComments a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow noopener').attr('target', '_blank');
//]]>
</script>


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

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

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

حل مشكلة صور الابتسامات لا تعمل فى التعليقات

Posted: 23 Apr 2018 10:52 AM PDT

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

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

حل مشكلة صور الابتسامات لا تعمل فى التعليقات
حل مشكلة صور الابتسامات لا تعمل فى التعليقات



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


شاهد ايضا : طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP

حل مشكلة صور التعبيرات لا تعمل فى التعليقات


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

Emo_List = [
':)' ,'http://4.bp.blogspot.com/-YrmTHhfMtFU/VJNbpDMHzgI/AAAAAAAAH8c/g3dJ1Q-QTrc/s1600/smile.png',
':(' ,'http://4.bp.blogspot.com/-RDtah-TXteU/VJNblptXyEI/AAAAAAAAH70/GGZg4MMUVxA/s1600/sad.png',
' =(' ,'http://1.bp.blogspot.com/-dzENpgankUY/VJNbcfrM59I/AAAAAAAAH6A/UC7FJQwT-9E/s1600/disappointed.png',
'^_^' ,'http://2.bp.blogspot.com/-eeLWBWx7zaI/VJNbnR-JhoI/AAAAAAAAH8E/4vUZ3j_GoEg/s1600/shy.png',
' :D' ,'http://2.bp.blogspot.com/-rvM5sSYqd2k/VJNbjkemjyI/AAAAAAAAH7k/QcT_8JETczs/s1600/noprob.png',
'=D' ,'http://1.bp.blogspot.com/-DB0TS3jw6n8/VJNbgab1A_I/AAAAAAAAH7I/4Cr8aYd6AmU/s1600/happy.png',
'=)D' ,'http://1.bp.blogspot.com/-mz0Rl1l5ZYw/VJNbm0HqcDI/AAAAAAAAH8I/yu8XBAQmYOI/s1600/shit.png',
'|o|' ,'http://3.bp.blogspot.com/-i5w-i1jFe0U/VJNbaQxedgI/AAAAAAAAH5o/z7LK9qxEebs/s1600/clap.png',
'@@,' ,'http://2.bp.blogspot.com/-lbZ9iDF66F8/VJNbqSG8yNI/AAAAAAAAH9A/bnAQmQrrrZo/s1600/surprise.png',
' ;)' ,'http://1.bp.blogspot.com/-Q--_b4-u1ZY/VJNbrI3A3LI/AAAAAAAAH8w/xshqjz4f3cs/s1600/trope.png',
':-bd' ,'http://3.bp.blogspot.com/-_lM3w2ZD7K8/VJNbiIf2PII/AAAAAAAAH7g/U5qLOVDZg8c/s1600/like.png',
':-d' ,'http://4.bp.blogspot.com/-EdvYpWDdZPI/VJNbc2J75FI/AAAAAAAAH6I/kcpuLO7TXFg/s1600/dislike.png',
' :p' ,'http://4.bp.blogspot.com/-Y2KF1cqsEiQ/VJNbolnNw1I/AAAAAAAAH8Y/mzpdmmt9lp4/s1600/sigh.png',
':ng' ,'http://2.bp.blogspot.com/-A_W5lI-_J8I/VJNbi2oXwjI/AAAAAAAAH7c/wlxM7CETbhI/s1600/love.png',
];

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

Emo_List = [
':)' ,'https://twemoji.maxcdn.com/36x36/1f600.png',
':(' ,'https://twemoji.maxcdn.com/36x36/1f615.png',
'hihi' ,'https://twemoji.maxcdn.com/36x36/1f601.png',
':-)' ,'https://twemoji.maxcdn.com/36x36/1f60f.png',
':D' ,'https://twemoji.maxcdn.com/36x36/1f603.png',
'=D' ,'https://twemoji.maxcdn.com/36x36/1f62c.png',
':-d' ,'https://twemoji.maxcdn.com/36x36/1f604.png',
';(' ,'https://twemoji.maxcdn.com/36x36/1f61e.png',
';-(' ,'https://twemoji.maxcdn.com/36x36/1f62d.png',
'@-)' ,'https://twemoji.maxcdn.com/36x36/1f616.png',
':P' ,'https://twemoji.maxcdn.com/36x36/1f61c.png',
':o' ,'https://twemoji.maxcdn.com/36x36/1f62e.png',
':>)','https://twemoji.maxcdn.com/36x36/1f606.png',
'(o)' ,'https://twemoji.maxcdn.com/36x36/1f609.png',
':p' ,'https://twemoji.maxcdn.com/36x36/1f614.png',
':-?' ,'https://twemoji.maxcdn.com/36x36/2753.png',
'(p)' ,'https://twemoji.maxcdn.com/36x36/1f619.png',
':-s' ,'https://twemoji.maxcdn.com/36x36/1f625.png',
'(m)' ,'https://twemoji.maxcdn.com/36x36/1f620.png',
'8-)' ,'https://twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'https://twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'https://twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'https://twemoji.maxcdn.com/36x36/1f635.png',
':-#' ,'https://twemoji.maxcdn.com/36x36/1f637.png',
'=p~' ,'https://twemoji.maxcdn.com/36x36/1f35c.png',
'$-)' ,'https://twemoji.maxcdn.com/36x36/1f4b5.png',
'(y)' ,'https://twemoji.maxcdn.com/36x36/1f44d.png',
'(f)' ,'https://twemoji.maxcdn.com/36x36/1f33a.png',
'x-)' ,'https://twemoji.maxcdn.com/36x36/1f60d.png',
'(k)' ,'https://twemoji.maxcdn.com/36x36/1f496.png',
'(h)' ,'https://twemoji.maxcdn.com/36x36/1f44f.png',
'cheer' ,'https://twemoji.maxcdn.com/36x36/1f378.png',
];

او هذا الكود اخر الكود الذى تريده

Emo_List = [
':)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibultcVKlcx_N06Hhjnihs1AHnDQZnixsosGXGWqd5ewhuqR8qba1d0TBN6hunJfi0wsVW2AjT5KpmNnT_86f2o4gczaz06iJcJ4H1q_tsHY8ZlfuF5aIybz94_Sc0-lYi5mfKdSrGdWZj/h120/1.png',
':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHx0vdf87xogEGxd_-sV5eruDSY0iLVwF2RO8tKXSEq5zbnQz0agk-mIt5rb1btuACfURO-hAe8Q_tYKXbsGfVRMyUOdJNGBMK5fZGIqz5wLbiCLPU6baLdIrg_5CXpwYseHfDGOUuRDmP/h120/2.png',
'hihi' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo_VVJQDZXbQrgw8ALlmm2XFwplvyNTQhHO4c4Lxw4tKhEpEoc9rSsprci74CpEp9PRkq0u5IRrN8OYSmrjsugamQfwdngVRONIlEh_1hn51eHaY0X6M9LcQpq4iJxP8lA_aR-hD09vZMG/h120/3.png',
':-)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipYCPsWQX5-HpqwPdxQCArWidT5Y-NB2NuOzo8HHwvnCy3BbItmdDg_BVKbqk-eQ9Qt53QHI_GZ0OzmnwLjICE7wltnXi0ilWEh6vyjdS9XociuHBWnrWQ0xzUV3qbwgxwx0SBE5vcYNYY/h120/4.png',
':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeGxMJAHHfw8KmAbQPCQdLCjNOCJWW67K3e4I06iSCtSyy56Uq3inoXdSeYBmpi-PfrFjiHs9QHxIomfYGJtV2mRvZqEeYspKWkDWcmsksKqcAwLZqCelZpBxI0RKjYzqt5w_7wy8pq-6b/h120/5.png',
'=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2t10S4bsWIvyKvLdM8RAfdyUsvLFqV9_lbHwKCktqh928POfz4RjgxF9zqDTQerAbtJyxI8ujNMh8VlDFvNhUjLbgRS5BGDwSzdvS0g_iEZdcoee2n0cwLOV4_3F49GoLCVQLZGOA4O5Y/h120/6.png',
':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrJ7yF834S_Yp7lRPNnKbenBIWkQLcs5nGr8SDaetUviU9ndBWGUyR719FtPqU89Ex4OzkwyTG2XZoCROcIuOI6yHlZDgemqJ6PX11xgrvRiMLLGfqMKtfwtxyUHqYrdN3RDQFQSC-93vQ/h120/7.png',
';(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-mMXkP2ZnqwwxW0o4qyyrB78ZOW7ukpqfhfmmhel6Ff8Do9OhTbLFQc54fM0wKumJg4F592OrHy6bvZ5buBHZVIekn-NhzQ_l-c7pFCDASCv9LxDTdOnZNkLVvZfaGcfGlcg2bI1wph5J/h120/8.png',
';-(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip4eaV_AbDIwp5APhPLEPNydWWDV_5nqBU-cjy-4-rNik-6oT9xoD8awkeHKowMK_lB4LHKhKzIdTmqGB8t-urQeXlpB89BFH67e0KDfoXvoNvt4cYvp-6XLpaASzNuLBdwL_88Du0zwHK/h120/9.png',
'@-)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSGQGcyPHTT3EeFFKQFwQDfwF7fBmMz7oKYn5N-KTJVqsKmzlgoN1WLD8kIn5sPktfXDgJzwrttbKDASde_q7UuKn_7Z1I2f3qmThO4WSsjjtqs_uObeJHcACxN-78YJ8oI-Fmg-VrOrDx/h120/10.png',
':P' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_oum5aSuOGlcbFqqrLHzTssZt0gMnLErg7m8RgEvo3HYh0K0LXy6-vHzublxY_f47W_wpnJQ04asLtWYgOeCg3YBSCeF2xCGqedNRQCqabihyphenhyphenuU5swjKgpNjigpinwrQx9dKoRW4rBVp_/h120/11.png',
':o' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj078e1UrZbLaN4QHBmWaz0y1dJLMyJVP09Ts742X1QeLvvdRJY2Ba8ev2bAwT1HyKs92bbx-ICqn5n1zKG6bjXs7GGmnvcHJnwpxzMMH8oNrWXSuTqWagZTSd9Y2nE_zMU-p70vU6UDt5c/h120/12.png',
'-_-' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFbD1StaWLXI7eW1R3MONK6XYZh6H2G61-5Qhyo6PRkz6aA0cwiacos0Wr2DW93bKB1zmUVYPH2fIQra4ftKkHhZJitXMQjCpX7FFQCj6ES3RQnUsqD3RZmrr6-xnI8AR71BJ1fVPEE26d/h120/13.png',
'(o)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEged8NwsLfAXPCdivGXXolrjTQ0C0ewDTGJAQ_dWcsJuw3tlrScN1v9Tc1bJPt2pI3MQPV3tbX54-NoEMQuJuJ3Y0PrplzeuChKl1ID-cqOWvchQ6hQAcjRrV9B8lQBMMcb_73xYJWh8XR7/h120/14.png',
'[-(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1lTNcn5vdTIztSPzdInx6zuxhJBXg3S6fsC10YiXOVqFjTlTKuF_WhB7buOm3Wsjewn89HaiNRG_AIjRYpg4jMzp7sHkMPTXVEwf02arY8ObBiTNornAEHEYW6mkGdS9ErB4kTNxqo_1L/h120/15.png',
':-?' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUvllVyzYZ7FxZdKRBEiHlx7pdD9xBB7Q_nCG4fgvMGAY4E2xa7uB4PSjg2oiDHg6tXmHBAwVDsgauzf2F3Zo4XIxL2U5dfFcwNVwkrzQLZGdao_l-ZdzQT6jvis-BYnMVP4Grx24_AHi_/h120/16.png',
'(p)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfOfj0ku5MeBjanlb7oMx7cNr3XCTc9ACDdpINr8r_ajwwcrkdSuZDHrr047WHVK1wlCY_6BYJm2TV4_UYYWetBU-VeG4xQ5uYoLUcy1fs4f53DGJ7Ko_5Towx3g-hLfSutxkm4-wsKcy/h120/17.png',
':-s' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJoUZ1lCaUh_N5ESUD_vS4d7OAvota3Kbg2_34r35eT8r311IloZvjK6EVbFLd58zcwz5ynCNVrK1nCOdZXn_rMQghDB_1IHB5n16wE8R6Dyd6vh1uV56csmdwLgcPU6V5I2KMU3bfDpil/h120/18.png',
'(m)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzOUnWKtcfYHrQ_PR_mBdhMblyoqcGculYCjPMsPb1Fq94A13vGTQD-LwusqtE7UazUMcis7FvBLpCy7YfjaskW93-ckxF2uYbc__Mcv54R8umYKmqlTyPHM5tEzYHm7n1VTiNE3zdHIIg/h120/19.png',
'8-)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIRp1xmrPYRfEXi2d-3A3Rt9MwoQF35cIcUhTRNgpb06ppILYBgzJk8iwJTU-FxgXVB-TiYvPdDXQjbkSjSKWUqTQvPOO9PZhDJu_B2hsWiIf8XuQk8d-FezgZ_wGN2yfvbDZmbNG4WUap/h120/20.png',
':-t' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGgw8kBNi1pvODG_Wkbx42jqLdhzOfRbRmS0G3kNHbjUaQLws6OgDsauJZbFo8Y7y5-XkBKmRsh7HUw6I6kspOn-LxkqtpUliibkCQuoT3UGffwRBxASvGPBksEQZuGs2x-bJmEEHwWy2A/h120/21.png',
':-b' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHA_bB8yykiZ6iahsNkv9ewgAsDqiNbUq4TM37LIMyIkFT_OG849zYeOlHjqLl8_SsmqMso0ESlwm4mOIZrpzZmdFC_E5D4UV-Hk-Y5WdU_JkwwO2Lfq1Fpk6SykXgictHgaWoCnIaa8SW/h120/22.png',
'b-(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXCT7a98hrQTEVEPe61kPsySoPVl5q7KbqyFG8Dhin9fbp8KBbbiSdppz5Z32-9krm2X5o8FXwXe9qn6JpwuvjJMphuzFP0A_vTL-y2FGmUYEF8CYfkjM0yD6bBeMZDuH5PGefVLGnDzIZ/h120/23.png',
':-#' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfXsZTlPElqlEfzWTil8gtVWLykcXD1pkWAkfBBosLUpA4XnKIDonWPwf15Q5m8JUmJyn_R3_QViFJHqxgn3ZFgn-Vp0IIyvY8XML_JfCLRcg00u6mcH2YUEe4BWKJDWyvjV9XMPQK8VOd/h120/24.png',
'=p~' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik9HhwWjk5_Qt2qBypMkqcHdsrzEszL3AeQHM0qPkcD6YrT-ANpyl3o1pwLwF9qPUhUZpJQDqgKhArfGqgw9Nj2aGXqnkGsrlDjVEL8-3PJtrGd3MxjeaFmMJCxMRTMorbRSNSUJye_Loj/h120/25.png',
'$-)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAnLkdDxgkggVWI6WIEdjYg5evLyOMn-4GZnLr2HJB4zHytayHt21VlBKWO6wiQSZIgUA6i6ltv8HedN6seBpJHGMylW_dXCyCsewIwd8AOg79E8XZsCXytRNJIOz5_g6afa_piXQPMTq0/h120/26.png',
'(y)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWatBmGcd6O-cvK1r9zQr5uz2bJV5fM_-EELL8BNNPYCy4sksEwfCLmPbtUkVgoAd9CYz0cWwiVO6gH2yoFfmMCGarCAupxR4ugII9Da1nLXG7sOZ_46hiL04YGoSYWcgjE57gOEEE7KGK/h120/27.png',
'(f)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjde5dq4j_XuosnhjfWxs3reGodIl0dBtBRAgUqiBglTVcDOKcN8kM97EN50ntFWSl1jPC2ul8MuzT_t-Doci4Kls2ERpLoCtYorCvi_qECDSnH4YaPykYAdv9tf5JAO1RxhH_9i-UwZNUH/h120/28.png',
'x-)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDBsTtJmAyXR8oPajKt2zCNcl6vG78_y4iRT-UTO1MKiZlaIbB2SicG9NPJ2Jja0wuHiHXPq3RIxmaeKCQfpmcp7c4OSXdPncxK-rfqDgNGAA6u9eUH4Ol0UPEf7OD8yXjkyvd_ZhCCxlK/h120/29.png',
'(k)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiHQlrb1Qhz3PcERIYTHS1VFaQ2TvLYV0nBzhN1PuVbwCJz7duaVmixrxQ5KYSxJyhLuIa4oYlmoPSgEP_eBpSfcOobwrhPmi5o3pgdICYgImkFmYPYI1S4ddpK9kc7__cVpFV1v4FUqBG/h120/30.png',
'(h)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAddFH203NT3NRhQFD0d3gsMNLEIoibVtd3Zxr_PkkIcq6ygXvcuJHlALi4t130poqmETh8k3WYTDGWC9sbOxht1cyGffkCGnbkWg60k-XKKM8wwV3lbVz_Wt436vvaXp6JHVLAyriaX8o/h120/31.png',
'(c)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLfOPfkhbJfQfVtjM57TJ_2KLEmlVxZ802Kc-kUtY7qMsygfxrU5s8c-961BVXbxvmo_xU7yhRsN3LW-z1NvGpywCcHtZbl8fy4W2F-LShsgZbsWB4Suk61m7slvCGqS5OgDcuH0e6wbzT/h120/32.png',
'cheer' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXrld1iJdzbSoicbGqPTRL8ypMNCxRQvI6f5934QJGRkyL0yw-Xk6uS0QaIIcUPHUWadi2mhkaJWnxN8cBF-A4bx1MGOwq1Lk8dQYpy-G0y0bnmXSW3ou3JnT5xn4cfNtxRBdDYRAXROY-/h120/33.png',
'(li)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_jVbKL73SmgRM_dg5ocy_MCV_rp-qsYZ0FHk2rw2W3oh8L2ve55a7Q9C11Ir7l51i6spdmp4zsySZ9cmrHfyiIzUORH8dH6DfPC4MXFnLzgGJgQKyNUXrUNSir5u0Cfg96y1d7gF5rpSm/h120/34.png',
'(pl)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE4KVbmq7S9otgY4c00SFMzftY6VqjJlPFt9OgI9nDtyyMFejk4IvxkhAQ92NsOXMU59NSSd803PlXeOTEQMUokpx1aXF2Ne3gURwCs3yZJCcscWm0sz9485NAcILwFZ6q34zwioJirR8B/h120/35.png',
];


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


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

http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif


قم بتغييرها بهذه الصورة

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOKNVdPVAnGhBWVy_YoRRryrm6UFwDOQxSjpt44xwJm09IJTfp2HRiSTobsj41vfkzoHJM9QUZFIS6RCtkGGwQ4ohZ2uoKWWV-mmI51NxbHzo6xdxTfMg68n09VpvHhoWuum3zpKUGd5U/s1600/loading.gif


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

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

طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP

Posted: 16 Apr 2018 05:18 AM PDT

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

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

طريقة انشاء صفحة اتصل بنا تدعم خاصية الصفحات المسرعه AMP
طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP


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

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

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



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

صورة من الإضافة


طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP


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

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


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

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

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

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

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

<script async='async' src='https://cdn.ampproject.org/v0.js'></script>
<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'></script>
<amp-iframe title="Contact"
src="https://callus--wdbloog.blogspot.com/"
height="400"
layout="fixed-height"
frameborder="0"
sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
<amp-img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAALQAQMAAACAETNqAAAABlBMVEX////g4OACVBJKAAAAGklEQVQ4y2M4wMQwZMFQdvsoGAWjYDTPEwAAsbQCR7gQ8g0AAAAASUVORK5CYII="
layout="fixed-height"
height="400"
width="auto"
placeholder>
</amp-img>
</amp-iframe>

الأن بعد ذلك وبعد وضع الأكواد بالصفحة تقوم بحفظ الصفحة التى وسوف تجدها تعمل بدون مشكلة فى مدونتك.

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

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

Posted: 20 May 2018 07:44 AM PDT

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

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

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


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

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

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


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

صورة من الإضافة



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

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


كما قلت لكم فأن الإضافة سهل جدا فى التركيب فى مدونتك لانه عباره عن كود واحد فقط.
سوف تبحث فى مدونتك عن الوسم<head>وتقوم بوضع الكود التالى أسفله ( تحته ) او اسفل الوسم هذا&lt;head&gt;ايضا .

<meta content='#E74C3C' name='theme-color'/>
<meta content='#E74C3C' name='msapplication-navbutton-color'/>

بعد ذلك سوف تقوم بتغيير اللون هذا #E74C3C المكرر مرتين باللون الذى تريد أن يتم تغيير شريط المتصفح له.
يمكنك الحصول على أكواد الألون من هذه الصفحة أكواد الألوان او من هذه الصفحة مكتبة اكواد الالوان

إقرأ ايضا : طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

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

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


طريقة تحويل التسميات والصفحات الى قائمة منسدله لمدونات بلوجر

Posted: 12 Apr 2018 07:59 AM PDT

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

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

طريقة تحويل التسميات والصفحات الى قائمة منسدله لمدونات بلوجر
طريقة تحويل التسميات والصفحات الى قائمة منسدله لمدونات بلوجر


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

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

صورة من الإضافة




طريقة تحويل التسميات والصفحات الى قائمة منسدله لمدونات بلوجر


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


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

طريقة تحويل التسميات الى قائمة منسدله لمدونات بلوجر


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



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

<b:widget id='Label1' locked='false' title='الأقسام' type='Label' version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2> </b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'>
<data:label.name/></option>
</b:loop>
</select>
</div>
</b:includable>
</b:widget>

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

اقرا ايضا : طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

طريقة تحويل الصفحات الى قائمة منسدله لمدونات بلوجر


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


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

<b:widget id='PageList1' locked='false' title='الصفحات' type='PageList' version='1'>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{'3055799429595839769': {'href': 'https://wdbloog.blogspot.com/p/photoshop.html', 'title': 'فوتوشوب Photoshop اون لاين', 'position': 0}, '7168048324172533865': {'href': 'https://wdbloog.blogspot.com/p/blog-page_87.html', 'title': 'الإعلان على عالم المدون', 'position': 1}, '6703719989949366384': {'href': 'https://wdbloog.blogspot.com/p/index.html', 'title': 'فهرس عالم المدون', 'position': 2}, '6540983174536766983': {'href': 'https://wdbloog.blogspot.com/p/cssminifierbackgroundecf0f1positionrela.html', 'title': 'ضغط أكواد CSS', 'position': 3}, '1918760950852243376': {'href': 'https://wdbloog.blogspot.com/p/blog-page_98.html', 'title': 'محول الأكواد', 'position': 4}, '3520800301624924652': {'href': 'https://wdbloog.blogspot.com/p/request-additions-or-templates.html', 'title': 'أطلب قالب أو إضافة', 'position': 5}, '7724567441770860254': {'href': 'https://wdbloog.blogspot.com/p/commentssidebar-wrapper.html', 'title': 'إتصل بنا', 'position': 6}, '3456452093345761229': {'href': 'https://wdbloog.blogspot.com/p/blog-page_55.html', 'title': 'تطبيق عالم المدون - حمل التطبيق الأن', 'position': 7}, '7284174226634163784': {'href': 'https://wdbloog.blogspot.com/p/abdocr251gmail.html', 'title': 'Privacy Policy | سياسة الخصوصية', 'position': 8}, '5079376903104552129': {'href': 'https://wdbloog.blogspot.com/p/blog-page_7.html', 'title': 'الدعم الفنى المجانى الخاص بـ عالم المدون', 'position': 9}, '3374182273395115140': {'href': 'https://wdbloog.blogspot.com/p/blog-page_22.html', 'title': 'أكواد الألوان', 'position': 10}, '7648486801065244535': {'href': 'https://wdbloog.blogspot.com/p/blog-page_42.html', 'title': 'شروط الإستخدام وحقوق النشر', 'position': 11}, '5109231328155110337': {'href': 'https://wdbloog.blogspot.com/p/blog-page_49.html', 'title': 'مكتبة اكواد الالوان', 'position': 12}, '8545795064800921729': {'href': 'https://wdbloog.blogspot.com/p/blog-page_35.html', 'title': 'التبليغ عن رابط معطوب', 'position': 13}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>الصفحة الرئيسية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2> </b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<b:loop values='data:links' var='link'>
<option expr:value='data:link.href'>
<data:link.title/></option>
</b:loop>
</select>
</div>
</b:includable>
</b:widget>

مع الحرص ايضا على عدم تكرار معرفة الإضافة PageList1 فى مدونتك حتى لا تحدث مشكلة فى حفظ المظهر وايضا يمكنك تكرار هذا الأمر مع أكثر من إضافة.

اقرا ايضا : تحميل برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

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


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

Posted: 12 Apr 2018 07:57 AM PDT

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

عندما تقوم بإضافة إعلانات البانرات 300 × 250 و 125 × 125 إلى الشريط الجانبي ، يجب أن تظهر إعلانات البانرات ، أو بمعنى اخر يجب أن تكون بتنسق جيد لها ، وفى هذا الموضوع سوف أقدم لكم إضافة لوضع إعلانات البانرات فى الشريط الجانبي بطريقة احترافيه بأستخدام CSS و HTML .

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

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




صورة من الإضافة




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


تابع معى الشرح والخطوات التاليه لمعرفة كيفية وضع بسيطة بأحجام 300 × 250 أو 125 × 125 فى الشريط الجانبي بكل سهوله.

اولا قم بوضع الكود التالى فوق الوسم]]></b:skin>هذا فى مدونتك.

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.banner_box_ads{background:#efefef;width:300px;margin:0 auto;text-align:center;padding:16.6666666667px}
.banner_box{background:#ddd;height:125px;width:125px;display:inline;margin:0;padding:0;float:right;position:relative;}
.banner_box:nth-child(1),.banner_box:nth-child(3){margin-left:16.6666666667px}
.banner_box:nth-child(1),.banner_box:nth-child(2){margin-bottom:16.6666666667px}
.banner_box a{position:relative;display:block;z-index:2}
.banner_box img{object-fit:cover}
.banner_box:before{content:"125x125";line-height:1.2;position:absolute;top:0;left:0;width:100%;height:100%;color:#444;font-size:20px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.banner_300{width:300px;height:250px;}
.banner_box.banner_box-300:nth-child(1){margin-right:0;margin-bottom:0;}
.banner_box_ads.box_widget{padding:0;}
.banner_300:before{content:"300x250";}
.clear{clear:both;}

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

<div class="banner_box_ads box_widget">
<div class="banner_box banner_300">
<!-- 300x250 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="250" width="300"/></a>
</div>
<div class="clear"/>
</div>
<div class="banner_box_ads">
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="clear"/>
</div>

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

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

طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

Posted: 07 Apr 2018 07:12 AM PDT

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

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

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

طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo
طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo


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


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


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


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

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

https://www.Domain.com/atom.xml
https://www.Domain.com/rss.xml
https://www.example.com/feeds/posts/default?orderby=updated
https://www.Domain.com/feeds/posts/default?alt=rss
https://www.Domain.com/feeds/posts/default
https://www.Domain.com/feeds/comments/default
https://www.Domain.com/atom.xml?redirect=false
https://www.Domain.com/atom.xml?redirect=false&start-index=501&max-results=1000
https://www.Domain.com/atom.xml?redirect=false&start-index=1&max-results=500

سوف تقوم بأرسال خريطة خريطة مع تغيير الرابط هذا https://www.Domain.com برابط مدونتك وسوف تقوم بالأرسال كما فى هذه الصورة.


طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo


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

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

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

تحميل برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

Posted: 06 Apr 2018 04:27 PM PDT

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

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

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

تحميل برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا
تحميل برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

مميزات برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا



  • دعم مُحسن للشاشات ذات الدقة المرتفعة
  • تحسينات التحديد والقناع
  • تكامل أفضل باستخدام Microsoft Dial
  • تنظيم أفضل للفرش
  • تحسينات على أداء الفرشاة
  • الوصول إلى صور Lightroom
  • تنعيم خط الفرشاة
  • فرش حصرية من كيلي ت. ويبستر
  • الخطوط المتغيرة
  • قائمة Quick Share (المشاركة السريعة)
  • أداة Curvature Pen
  • لون مسار وعرض مخصص
  • ترتيب طبقة المجموعة
  • تلميحات أداة مُحسنة
  • سير عمل بانوراما 360
  • للمزيد من المميزات


صور برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا






معلومات عن برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا



  • الأسم : Adobe Photoshop CC 2018
  • الإصدار : 19.1.2.45971
  • نظام التشغيل : الويندوز و الماك
  • نوات التشغيل للويندوز : 64 بت و 32 بت
  • المطور : Adobe
  • الترخيص : مدفوع ، متوفر باتش تفعيل


تحميل برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا


كما تعرفون أن برنامج الفوتوشوب هو برنامج ليس مجاني وهو برنامج مدفوع وسوف أضع لكم فى هذا الموضوع رابط لتحميل البرنامج بنسخة تجريبية لمدة 7 أيام يمكنك الحصول عليه من هنا تحميل الأصدار التجريبي من برنامج فوتوشوب Photoshop CC 2018 اخر أصدار.

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

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

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

Posted: 25 Jan 2019 02:27 PM PST

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

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

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



معاينة إضافة تقسيم المواضيع

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




صورة من إضافة تقسيم المواضيع

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



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


سوف تقوم أولا بالبحث عن هذا الوسم</head>وتقوم بوضع الكود التالى فوقه.

<b:if cond='data:view.isPost'>
<style type="text/css">
.post-body-nav button{background:transparent;cursor:pointer}
.post-body-nav button{padding:6px 12px;display:inline-block;color:#222;border:2px solid #eee;margin:4px;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;float: right;}
.post-body-nav button.active {border:2px solid #888}
.post-body-nav button:hover,.post-body-nav button:focus{border:2px solid #888;color:#222}
</style>
</b:if>

الأن سوف تبحث عن هذا الوسم</body>وتقوم بوضع الكود التالى فوقه

<b:if cond='data:view.isPost'>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('b 2(){c d=4.a("f");d.g="7:9/8;e,k+m+n+h",4.l.i(d)}0.3?0.3("j",2,!1):0.5?0.5("6",2):0.6=2;',24,24,'window||downloadJSAtOnload|addEventListener|document|attachEvent|onload|data|javascript|application|createElement|function|var||base64|script|src|IiksJCgiLnBvc3QtYm9keS1wYWdlIikuaGlkZSgwKSwkKCIucG9zdC1ib2R5LXBhZ2UiKS5maXJzdCgpLmZhZGVJbigpLCQoIi5wb3N0LWJvZHktbmF2IGJ1dHRvbiIpLmZpcnN0KCkuYWRkQ2xhc3MoImFjdGl2ZSIpfQ0KJCgiLnBvc3QtYm9keS1uYXYgYnV0dG9uIikuY2xpY2soZnVuY3Rpb24oKXtpZighJCh0aGlzKS5oYXNDbGFzcygiYWN0aXZlIikpe3ZhciBlPWV2YWwoJCh0aGlzKS5hdHRyKCJkYXRhLXRhcmdldCIpKTskKCIucG9zdC1ib2R5LXBhZ2UiKS5oaWRlKCkucmVtb3ZlQ2xhc3MoImFjdGl2ZSIpLCQoIi5wb3N0LWJvZHktcGFnZSIpLmVxKGUpLmZhZGVJbigpLmFkZENsYXNzKCJhY3RpdmUiKSwkKCIucG9zdC1ib2R5LW5hdiBidXR0b24iKS5yZW1vdmVDbGFzcygiYWN0aXZlIiksJCh0aGlzKS5hZGRDbGFzcygiYWN0aXZlIiksJCgiaHRtbCxib2R5IikuYW5pbWF0ZSh7c2Nyb2xsVG9wOiQoIi5wb3N0LWJvZHktcGFnZS5hY3RpdmUiKS5vZmZzZXQoKS50b3B9LCJub3JtYWwiKX19KX0pOw0K|appendChild|load|LyohIGpRdWVyeSB8IGh0dHBzOi8vYmxvZ2dlcmVrbGVudGlsZXJpLmJsb2dzcG90LmNvbSAqLw0KJChmdW5jdGlvbigpe2lmKCQoIi5wb3N0LWJvZHkgLnBvc3QtYm9keS1wYWdlIikubGVuZ3RoPjApe3ZhciBhcnRpY2xlQm9keT0kKCIucG9zdC1ib2R5IikscGFnZXM9IiI7YXJ0aWNsZUJvZHkuZmluZCgiLnBvc3QtYm9keS1wYWdlIikuZWFjaChmdW5jdGlvbihpKXtwYWdlcys9IjxidXR0b24gZGF0YS10YXJnZXQ9JyIraSsiJz4iK2V2YWwoaSsxKSsiPC9idXR0b24|body|In0pLGFydGljbGVCb2R5LmFwcGVuZCgnPGRpdiBjbGFzcz0icG9zdC1ib2R5LW5hdiI|JytwYWdlcysiPC9kaXY'.split('|'),0,{}))
//]]>
</script>
</b:if>

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

<div class="post-body-page">
ضع النص هنا
</div>
<div class="post-body-page">
ضع النص هنا
</div>
<div class="post-body-page">
ضع النص هنا
</div>
<div class="post-body-page">
ضع النص هنا
</div>

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

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

تطبيق اندرويد مفيد للحصول على اخر الاخبار التقنية

Posted: 02 Apr 2018 08:02 AM PDT

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

تطبيق اندرويد مفيد للحصول على اخر الاخبار التقنية
تطبيق اندرويد مفيد للحصول على اخر الاخبار التقنية



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


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


التطبيق يحتوي على عدة اقسام اهمها : 


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


ايضا التطبيق يتميز عن باقي التطبيقات من مثل هذا النوع بالمميزات التالية 


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

الخاتمة 


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

طريقة اضافة أزرار التفاعل مع المواضيع فى بلوجر

Posted: 02 Apr 2018 08:02 AM PDT

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

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

طريقة اضافة أزرار التفاعل مع المواضيع فى بلوجر
طريقة اضافة أزرار التفاعل مع المواضيع فى بلوجر




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




صورة من الإضافة




طريقة اضافة أزرار التفاعل مع المواضيع فى بلوجر


طريقة التركيب سهل جدا أبحث عن هذا الوسم</body>وقم بوضع الكود التالى فوقه.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
// Tombol Reaksi Vicomi
!function(){var e=document.createElement("script");e.async=!0,e.src="https://assets-prod.vicomi.com/vicomi.js?token=1d852d9a6638475caf87db6cf9dd5255";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(e,c)}();
//]]>
</script>
</b:if>

الأن أبحث عن هذا الوسم<data:post.body/>وقم بوضع الكود التالى اسفله ، اخر وسم هو المطلوب لانك سوف تجده مكرر.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='kabarvicomi'>
<div class='kabarvicomi'>
<div data-access-token='1d852d9a6638475caf87db6cf9dd5255' data-display-type='4' id='vc-feelback-main'/>
</div>
</div>
</b:if>

وبعد ذلك قم بحفظ القالب ومبروك عليك اللإضافة.

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

موقع Vicomi


سوف تقوم بالدخول الى الموضوع وتقوم بأنشاء حساب بالموقع



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


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


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



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

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

هل اعجبك الموضوع :

تعليقات