Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

اضافة المشاركات الشائعة بشكل جديد وبسيط Add popular posts

كينج نت ملك النت | 5/24/2015 | 61 عدد التعليقات
اشكال المشاركات الشائعة متعددة وتتواجد بكثرة وتختلف من مدونة الى اخرى على حسب ذوق المصمم او على حسب ذوق صاحب المدونة  .
فى احدى الدروس الأضافات السابقة فى قسم متغيرات القالب وضعت لكم اضافة من خلال هذا العنوان : كيفية ترقيم المشاركات الشائعة بتقنية CSS بشكل مميز POPULAR POSTS .
وايضا لا ننسى فكرة تاثيرات الصور بالمشاركات الشائعة عند وضع الماوس عليها فتجد انها تتحرك ولمن لا يعرف هذه الطريقة فعلية بمتابعة هذه الاضافة من خلال هذا العنوان : جعل صور المشاركات الشائعة تتحرك بشكل دائرى فيوجد الكثير والكثير ولكن احببت ان اضع لكم بعض التأثيرات الجيدة .
فاليوم سأضع لكم فكرة جديدة وبسيطة وشكلها اكثر من رائع فلن اطيل عليكم اكثر ولنتعرف على الطريقة الجديدة .

كيفية تركيب الاضافة  :

اولا عليك باضافة المشاركات الشائعة من خلال التخطيط واضافة اداء جديدة ومنها قم بازالة صورة مصغرة من الصورة وايضا ازالة خيار مقتطف مثل ما ظاهر لنا بالصورة التالية :


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


الان قم بالبحث عن هذا الكود :
]]></b:skin>
ضع قبلة مباشرة هذا الكود :
.popular-posts ul{padding-right:0px;}
    .popular-posts ul li {background: #ffffff  no-repeat scroll 5px 10px;
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 5px 20px !important;
    border: 1px solid #dddddd;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    }
    .popular-posts ul li:hover {
        border:1px solid #555555;
    }
.popular-posts ul li a
{
text-decoration:none;
font:16px Georgia, verdana;
color:#333333;
}
    .popular-posts ul li a:hover {
    text-decoration:none;
    color:#555555;
    }
بالأخير اضغط على حفظ التغيرات 
انتقل الى الصفحة الرئيسية لتشاهد النتيجة ستجدها بهذا الشكل البسيط :


ملحوظة هامة :

اذا اكنت تريد بعض التغيرات فى الاضافة تابع معى طريقة التغيرات :
1- لتغيير لون محييط المشاركات قم بتغيير الكود المحدد باللون الاحمر .
2- لتغيير لون الحدود عليك بتغيير الكود المحدد باللون الاورنج .
3- لتغيير لون الحدود عند وضع مؤشر الماوس قم بتغيير الكود المحدد باللون الاصفر .
4- لتغيير لون الكتابة بالمشاركات الشائعة قم بتغيير الكود المحدد باللون الأخضر .
5- لتغيير لون الكتابة عند وضع مؤشر الماوس عليها قم بتغيير الكود المحدد باللون السماوى .

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

إضافة ازرار تويتر متابعة المدون والتواصل على تويتر و مشاركة المحتوى twitter-button

كينج نت ملك النت | 5/23/2015 | | 1 Comment so far
لمن يبحث عن اضافات twitter فعلية متابعة هذه التدوينة الذى من خلالها اضافة ازرار تويتر من تغريدات والتواصل عبر صفحتك والمتابعة وغيرها من الازرار الذى تفيد الزوار للتواصل مع صاحب المدونة .
فى احدى الدروس السابقة وضعت لكم : أضافة صندوق متابعون تويتر على مدونات بلوجر الطريقة الصحيحة ADD TWITTER / FAN BOX من المصدر نفسة لكى تعمل الاضافة معك بدون مشاكل .
فهذه الازرار ايضا سيتم اضافتها من المصدر نفسة عبر موقع تويتر لكى تأخذ الاكواد بدون اى تعديلات عليها وايضا الابتعاد عن الاخطاء والمشاكل الذى تواجهة اصحاب المدونات من الاضافات الغير صحيحة .

كيفية جلب الكود الصحيح من المصدر :

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


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

جعل خلفية رأس المدونة Header تتغير تلقائيا اثناء التصفح CHANGE AUTOMATICALLY

كينج نت ملك النت | 5/15/2015 | | 1 Comment so far
من قسم دروس بلوجر وضعت لكم درس خاص لتغير خلفيات المدونة تلقائيا من خلال هذا الموضوع : جعل خلفية المدونة تتغير تلقائيا اثناء التصفح BACKGROUND CHANGER AUTOMATICALLY .
فاليوم ساضع لكم درس بنفس الفكرة ولكن فى هذا الدرس سنجعل خلفية هيدر المدونة رأس المدونة تتغير تلقائيا الى عدة صور اثناء تصفح المدونة .




كيفية تغيير الصور تلقائيا  :

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















الان قم بالبحث عن هذا الكود :
<body>
اضف بعدة مباشرة هذا الكود :
<script type='text/javascript'>
var HeaderImage= new Array()
HeaderImage[0]=&quot;اضف رابط الصورة هنا&quot;
HeaderImage[1]=&quot;اضف رابط الصورة هنا&quot;
HeaderImage[2]=&quot;اضف رابط الصورة هنا&quot;
HeaderImage[3]=&quot;اضف رابط الصورة هنا&quot;
HeaderImage[4]=&quot;اضف رابط الصورة هنا&quot;
var random=Math.round(4*Math.random());
document.write(&quot;<style>&quot;);
document.write(&quot;#header-wrapper {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);
</script>

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

كيفية استضافة ملفات الجافا سكربت JavaScript على جوجل درايف Google Drive

كينج نت ملك النت | 5/15/2015 | ليست هناك تعليقات
خدمة جوجل درايف من افضل الخدمات على الاطلاق لكن للأسف اجد الكثير من اصحاب المدونات لا يهتمون بهذه الخدمة الجبارة الذى تساعدك فى صناعة مدونتك من رفع صور وملفات واستضافة والكثير من الخدمات المميزة .
فى احدى الدروس السابقة من قسم خدمات المواقع وضعت لكم خدمة صناعة نموذج اتصل بنا من خدمة جوجل درايف من خلال عنوان صناعة نموذج اتصل بنا CONTACT US بواسطة جوجل درايف GOOGLE DRIVE فكانت النتيجة مرضية .
اليوم سأضع لكم اهم درس من دروس بلوجر الذى تساعد اصحاب المدونات على رفع ملفات الجافا سكربت على حسابهم الخاص لكى تبقى هذه الملفات الى الابد فالتحكم يكون من خلالك انت مثل ما وضعت لكم درس اخر يعلمك رفع ملفات الجافا على مدونتك بدون مواقع استضافة من خلال هذا العنوان : كيفية رفع ملفات الجافا سكربت JAVASCRIPT على مدونتك بدون مواقع استضافة اخرى .

كيفية عمل مجلد جديد لرفع الملفات علية :

اولا اذهب الى موقع Google Drive
الان بعد تسجيل دخولك قم بالضغط على زر جديد
ومن بعدها اضغط على مجلد كما ظاهر لنا بالصورة التالية  :



















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












كما تلاحظون لقد اخترت لكم اسم المجلد JavaScript كما ظاهر لنا :

















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



















الان سيظهر لك نافذه اختيار الملف من جهاز الشخصى بعد اختيار الملف المراد رفعة سيظهر لك نافذه رفع الملف كما ظاهر لنا :






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

















الان ماذا نفعل ؟
فقط قم بالضغط على كلمة متقدمة مثل ما فعلت :











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



















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














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














ركز معى فى هذه النقطة لتجعل الملف مستضاف :

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






كما تلاحظون بالصورة السابقة هذا الرابط مثال وهو يشبة لكل الملفات الذى تقوم برفعها الجزء المحدد باللون السماوى لا نريدة قم بحذفة الذى يهمنا هو الجزء المحدد باللون الاصفر فهو المعرف لاتنسى حذف علامة السلاش //
الان ماذا نفعل ؟
قم بوضع هذا الرابط الخاص بجوجل درايف رابط الاستضافة :
https://googledrive.com/host/
الان سنضع المعرف المحدد باللون الاصفر بجانبة مباشرة بعد علامة السلاش /
اتمنى بأن هذه النقطة وصلت للجميع وعلى العموم ساشرحها اكثر بمثال :
اذا افترضتنا ان الرابط الذى حصلنا علية هكذا :
https://drive.google.com/file/d/0B91DmmGOhSkfRktGLWZzTHJiYWM/view?usp=sharing
نقوم بحذف الكل وترك المعرف فقط المحدد باللون الاصفر
الان سنضع هذا الرابط :
https://googledrive.com/host/
ونضع بجانبة المعرف المحدد باللون الاصفر بعد علامة سلاش ليصبح هكذا
https://googledrive.com/host/0B91DmmGOhSkfRktGLWZzTHJiYWM
اعتقد الطريقة سهلة .
بعد صنع الرابط اصبح الرابط مستضاف على جوجل درايف ليصبح الملف متواجد مدى الحياة وكما ذكرت الملف سيكون من خلال تحكمك انت لان وضعت لكم درس سابق بعنوان : تعرف على اسباب تعطيل الأضافات فجأة رغم عدم حذفها من لوحة التحكم .
اعتقد فكرة رفع الملفات على جوجل دريف سيبعدك كل البعض عن المشاكل الذى توجهنا .
اتمنى بأن هذا الدرس افاد الجميع ولمن لدية استفسار فقط يضع رد .

جعل خلفية المدونة تتغير تلقائيا اثناء التصفح Background Changer Automatically

كينج نت ملك النت | 5/09/2015 | | 8 عدد التعليقات
تعرفنا فى الدرس السابق من متغيرات القالب على كيفية وضع خلفية ثابتة لمدونات بلوجر - خلفية بجوانب المدونة فهذه التدوينة سنتعرف من خلالها على كيفية تغيير هذه الخلفيات لتظهر بأكثر من خلفية وليست خلفية واحدة فعند تصفح الزائر المدونة سيجد بأن الخلفية تم تغييرها تلقائيا فكرة جميلة وبسيطة .




كيفية تغيير الخفيات تلقائيا :

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















الان قم بالبحث عن هذا الكود :
</head>
ضع قبلة مباشرة هذا الكود :
<script type='text/javascript'>
var images= new Array()
images[0]=&quot;اضف رابط الصورة هنا&quot;
images[1]=&quot;اضف رابط الصورة هنا&quot;
images[2]=&quot;اضف رابط الصورة هنا&quot;
images[3]=&quot;اضف رابط الصورة هنا&quot;
images[4]=&quot;اضف رابط الصورة هنا&quot;
var random=Math.floor(3*Math.random());
document.write(&quot;<style>&quot;);
document.write(&quot;body {&quot;);
document.write(&#39; background:url(&quot;&#39; + images[random] + &#39;&quot;) repeat;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);
</script>
ملحوظة هامة :
لاتنسى بوضع رابط صور الخلفيات مكان كلمة اضف رابط الصورة هنا المحددة باللون الاخضر .
اذا كنت تريد زيادة عدد الخلفيات فعليك بتكرار هذا الكود images[4]=&quot;اضف رابط الصورة هنا&quot; ويتم وضعة اسفلة مباشرة وهكذا ولا تنسى بوضع الرقم التسلسلى المحدد باللون الاصفر فهذا الرقم يعنى لنا الترتيب اى الصورة رقم 1 تظهر فى الاول والصورة رقم 2 تظهر بعدها تلقائيا اثناء التصفح وهكذا .

أضافة صندوق متابعون تويتر على مدونات بلوجر الطريقة الصحيحة Add Twitter / Fan Box

كينج نت ملك النت | 5/08/2015 | | 1 Comment so far
اضافة صندوق متابعون تويتر لا يضعها الا القليل بالمدونات العربية رغم نجاح واهمية موقع Twitter فأجد الكثير من المدونات الأجنبية يضعون هذه الأضافة ومنتشرة بكثرة والا غنى عنها بالنسبة لهم فهى تشبة بحد كبير من اضافة صندوق الأعجاب على المدونة بصفحتك من الفيس بوك LIKE BOX FACEBOOK . فأجد بعض المدونات بها شروحات لأضافة صندوق متابعون تويتر ومن الممكن تجد اخطاء بهذه الأكواد فأنا شخصيا اعشق اكواد المصدر نفسة لانها لا تحتوى على اخطاء مثل ما قمت بوضع لكم تدوينة كيفية اضافة صندوق تغريداتك الى مدونتك بكل سهولة ADD A TWITTER FEEDS WIDGET فهى ايضا من المصدر نفسة .
 فلذلك سأضع لكم الطريقة الصحيحة لو ضع هذه الاضافة بمدونتك الشخصية وتفادى اى خطاء .

كيفية جلب الكود الصحيح من المصدر :

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












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

جعل صور المدونة تظهر بشكل مائل مع خاصية الظل والتأثيرعند وضع مؤشر الماوس

كينج نت ملك النت | 5/08/2015 | | 7 عدد التعليقات
وايضا تم اضافة درس كيفية اضافة تأثيرات تحريك جميع صور المدونة بشكل مائل اكثر من رائع بدون الظل فمن خلال هذه التدوينة جعلت لكم الاضافة بشكل مائل مع الظل والتاثيرات تظهر عند مرور مؤشر الماوس عليها .
واذا كنت تريد ظهور الصور بالظل فقط دون تمايل فعليك بزيارة هذه التدوينة : كيفية اضافة تأثيرات الظل على صور مشاركات المدونة POST-BODY-IMG-HOVER .

كيفية تركيب الاضافة بالمدونة :

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















الان قم بالبحث عن هذا الكود :
]]></b:skin>
ضع قبلة مباشرة هذا الكود :
-moz-transform: rotate(+2deg); } .post img:hover { -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg);
box-shadow:0 0 10px 4px #FF0000
 }
ملحوظة هامة :
اذا كنت تريد تغيير لون الظل عليك بتغير الكود المحدد باللون الأحمر 
بالاخير اضغط حفظ واذاهب الى الصفحة الرئيسية لتشاهد شكل الصور .
اتمنى بأن هذه الاضافة اعجبتكم 

اضافة عداد الزوار مع اعلام الدول الى مدونات بلوجر بشكل رائع Add Visitors counter

كينج نت ملك النت | 5/08/2015 | | 1 Comment so far
فى احدى الدروس السابقة وضعت لكم كيفية عرض عنوان IP الخاص للزوار في المدونة DISPLAY IP ADDRESS . فاليوم سأضع لكم اضافة عداد الزوار الى مدونات بلوجر بشكل رائع Add Visitors counter هذه الأضافة الرائعة رأيتها بالصدفة من خلال الموقع الرئيسى لها فهذا الموقع  يقدم لك خدمة اضافة عدد الزوار بشكل جميل تحتوى على اعلام الدول والعدد اليومى وغيرها . فالموقع يمكنك من اختيار اى شكل تريدة من خلال لوحة تحكم بسيطة سنتعرف عليها سويا من خلال شرح التسجيل بالموقع .

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

اولا قم بالذهاب الى هذا الرابط 99counters.com
الان اضغط على Sign Up للتسجيل بالموقع :







1- اضف بريدك الالكترونى .
2- اضف الرقم السرى .
3- اعد كتابة الرقم السرى .
4-بالأخير اضغط على Sign Up











الأن اضغط على Click Here كما واضح لنا بالصورة :







من خلال الصورة التالية التحكم بأنشاء شكل العداد :








بعد انشاء الشكل المطلوب الذى تريدة اضغط على زر Save للحصول على الكود :







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

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

كينج نت ملك النت | 5/01/2015 | | | 5 عدد التعليقات
اضافتنا اليوم اضافة جميلة وهى عرض صورة الكاتب بجانب عناوين المواضيع بشكل دائرى جميل مع التحكم بالاضافة . فى احدى الدروس السابقة من قسم دروس بلوجروضعت لكم درس بعنوان : وضع صورة او ايقونة قبل عناوين المشاركات بمدونات بلوجر . فاليوم ساضع لكم كيفية اضافة صورتك الشخصية بجانب عناوين الموضوع .





كيفية تركيب الاضافة :

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















الان قم بالبحث عن هذا الكود :
]]></b:skin>
ضع فوقة مباشرة هذا الكود
.avatar-author{float:left;margin-right:10px;border:0;border-radius:50%;padding:0;width:30px;height:30px}
قم بالبحث مرة اخرى عن هذا الكود :
</ head>
ضع قبلة مباشرة هذا الكود :
<script>
//<![CDATA[
function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>
ابحث مرة اخرى عن هذا الكود :
<b:if cond='data:post.title'>
ستجدة مكرر غالبا يكون الثانى
الان ضع فوقة مباشرة هذا الكود :
<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
بالاخير اضغط حفظ
اذاهب الى الصفحة الرئيسية لتشاهد شكل الاضافة

ملحوظة هامة :

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







واذا كنت تريد الصورة تظهر بالجانب الايسر فالا تقم بتغيير اى شيى وهذه صورة موضحة لشكل صورة الكاتب من الجهة اليسرى :







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

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

كينج نت ملك النت | 5/01/2015 | | | 7 عدد التعليقات
اضافة رايتها بأحدى المدونات الأجنبية واحببت ان اضعها لكم لمن يريد اضافتها بالمدونة فمن خلال هذا القسم اضافات بلوجر ساضع لكم هذه الطريقة . الطريقة بباسطة عبارة عن تنبية متواجدة بكل مشاركة وبالأخص اسفل كل مشاركة يوجد بها انتباة لكل من يريد نقل المواضيع بعبارة :  مسموح بنقل الموضوع بشرط ذكر المصدر لعل ان يضع الشخص رابط الموضوع عند النقل وهذا يؤدى الى زيادة الارشيف .
لن اطيل عليكم اكثر وناتى الى طريقة التركيب .

صورة موضحة :




كيفية تركيب الاضافة :

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














الان قم بالبحث عن هذا الكود :
]]></b:skin>
ضع قبلة مباشرة هذا الكود :
.Attention{
border: solid 1px #FF8888;
background: #FFDDDD url(https://lh3.googleusercontent.com/-FNjHzKCLl2U/VUKo8lcxgkI/AAAAAAAADho/38_NArb174Y/h120/stop.png) 99% 4px no-repeat;
color: #FF0000;
text-indent: 30px;
text-align: center;
padding: 13px;
font-size: 14px;
font-weight: normal;
}
ثم قم بالبحث عن هذا الكود :
<data:post.body/>
الان ضع بعدة مباشرة هذا الكود :
<div class='Attention'>مسموح بنقل الموضوع بشرط ذكر المصدر : <a expr:href='data:post.link'><data:post.title/></a> | <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></div>
بالأخير اضغط على حفظ
الان اتجهة الى اى موضوع لديك بالمدونة لتشاهد النتيجة

ملحوظة هامة :

لمن يريد عمل التغييرات بالاضافة فليتابع هذه التعليمات :
1- اذا كنت تريد تغيير لون حدود لوحة الصندوق قم بتغيير الكود المحدد باللون الاحمر .
2- اذا كنت تريد تغيير لون محتوى لوحة الصندوق قم بتغيير الكود المحدد باللون الأصفر .
3- اذا كنت تريد تغيير لون كلمة ذكر المصدر التنبية قم بتغير الكود المحدد باللون السماوى .
4- اذا كنت تريد تغيير كلمات تنبية ذكر المصدر قم بتغيير الكلمات المحددة باللون الاورنج .
5- اذا كنت تريد تغيير حجم الخط قم بتغيير الرقم المحدد باللون الاخضر .