‏إظهار الرسائل ذات التسميات أدوات. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات أدوات. إظهار كافة الرسائل

السبت، 3 يونيو 2017

تحويل حساب أدسنس مستضاف لعادي التحديث الأخير

تحويل حساب أدسنس مستضاف لعادي التحديث الأخير



شاهد الشرح




روابط

جوجل أدسنس

حصريا طريقة ربط بلوجر بنطاق .design







الجمعة، 18 نوفمبر 2016

كيفية إلغاء إشعارات المتصفح

كيفية إلغاء إشعارات المتصفح (جوجل كروم)


تابع شرح مصور للإختصار












ودا شرح فيديو 


كده أوكيه

السبت، 26 سبتمبر 2015

طريقة اضافة اداة مشاهدة محتوى مخفي

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

</head>

  • ضع الكود التالي من فوقه ثم اضغط على حفظ.

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function() {
        $(".slidingDiv").slideToggle();
    });
});//]]>
</script>

  • عند تريد اخفاء جزء من موضوع ما عليك سوى اضافة الكود التالي في داخل محرر التدوينات مع اضافة النص الذي تريد  اخفاءه  في مكانه 

<div class="show_hide" id="slidingDiv" style="text-align: right;">
<a href="javascript:void(0);">تابع الشرح الاتي :</a><br />
<br /></div>
<div class="slidingDiv" style="display: none; overflow: hidden;">
ضع الموضوع المخفي هنا
</div>





http://www.hukmaty.info/2015/09/blog-post_12.html

الأربعاء، 29 يوليو 2015

إضافة تأثيرات حركية على الصور في البلوجر

الكاتب Abdessamad Chbani | بتاريخ 3/30/2014
إضافة تأثيرات حركية على الصور في البلوجر


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


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

  •  نتوجه الى المدونة .
  • قالب .
  • تحرير HTML .
  • نضيف الكود التالي قبل الوسم  ]]></b:skin>
    /* CSS Image Morph http://www.hukmat.blogspot.com */

    .post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px}
    .post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
    /* CSS Image Morph http://www.hukmat.blogspot.com */

  • ثم نضغط حفظ .

تسريع مدونات بلوجر كالصاروخ

  تسريع مدونات بلوجر كالصاروخ

  طريقة تسريع المدونه بدون ضغط اكواد CSS وهي بأستخدام كود بسيط يمنع تحميل الصور التي لا تشاهدها يعني اذا كنت اعلي الصفحه يمنع تحميل الصور التي اسفل الصفحه بهذا سيكون التحميل اسرع تخيل انه لو كل مره يتم تحميل 50 صوره مثلا وانت لست بحاجه الا صوره واحده فقط هذا الكود سيقوم بتعطيل الصور التي لاتكون ظاهره امامك علي الشاشه
 اولا الكود لايؤثر علي علي اي شي بالمدونة لان الكود داخل ملف
JS 
 
تسريع مدونات بلوجر كالصاروخ
 
    1. قم بالذهاب الي قالب
    2. اضغط علي تحرير Html
    3. تم قم بالبحث عن هذا الكود <head/>
    4. اضف فوقه السطر التالي


<script src='https://googledrive.com/host/0B2v7cH8soLJrS1JvaUxJeWVONTg></script>

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

 

الأحد، 12 يوليو 2015

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

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

عدد مشاهدات الموضوع:
988


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

لإضافة الأداة اتبع الخطوات التالية:
1- الدخول إلى موقع Add This (يمكنك تسجيل الدخول للموقع أو عمل حساب ويفضل ذلك لتشاهد لوحة تحكم الأداة ومدى تأثيرها على نشر موضوعاتك)
2- قم باختيار نوع موقعك وهنا يهمنا اختيار Blogger
3- يمكنك التحكم الأن فى خيارات الأداة 


أولا - أختيار Follow يمكنك تفعيله من إضافة حساباتك على فيسبوك وتويتر وجوجل بلس ولينكد إن وغيرهم ليتابعك مشاهديك.
ثانيا - إختيار Share يمكنك تفعيله من ظهور مواقع النشر. 
ثالثا - إختيار What's Next يمكنك تفعيله من ظهور بعض الموضوعات الموصي بها عند نشر أحد متابعوك موضوع ما.
رابعا- Recommended Content يمكنك تفعيله من ظهور مستطيل بموضوع يوصي بمشاهدته من أقصي أسفل كل تدوينة يتم قراءتها وكذلك ظهور أربع موضوعاتك أخرى أسفل قالب مدونتك.
خامسا - More Options يمكنك من إختيار شكل الأداة ولون خلفيتها.
سادسا - Profile هذا اسم تسجيلك بالموقع وننصح بالتسجيل.
4- بعد الإنتهاء من إختياراتك التى تريد تفعيلها من عدمه إضغط على Install Blogger Widget ليتم توجيهك إلى بلوجر لتثبيت الأداة 
5- قم بالضغط على Add Widget (يمكنك حذف عنوان الاداة) لتتمتع بالأداة السحرية
ملاحظة: فى بعض المدونات وخاصة بلوجر يمكن ظهور كلمة Hide و Show تحت أدوات النشر وجارى حل المشكلة. سأدع الأن مساحة لتعليقاتكم حول الأداة ومشاكلكم. 




المصدر

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

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

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

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

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

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

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

تحميل Marauder's Map


 مددونة ميم اضغط عليها لترى الموضوع الاصلي 
 خبرة بالفطرة عالم من الروعه والابداع
 خبرة بالفطرة

السبت، 11 يوليو 2015

إداة إتصل بنا بشكل جديد منبثق من الأسفل

إداة إتصل بنا بشكل جديد منبثق من الأسفل

السلام عليكم
إخواني الكرام كيف حالكم
اليوم أتيكم اليوم بشكل جديد لأداة إتصل بنا منبثقة من الاسفل بشكل جميل
صورة من الشكل
إداة إتصل بنا بشكل جديد منبثق من الأسفل
هذا هو شكلها بعد الضغط على زر إتصل بنا وهكذا سيكون من الشهل للزوار التواصل معك بسرعة
لتركيب هذا الشكل لمدونتك اول حاجة عليك إضافة أداة إتصل بنا لمدونتك ضعها في اي مكان تريد
ضعها في السيدبار او الفوتر
ثم بعد ذالك إبحث عن الوسم التالي ]]></b:skin>
ثم فوقه ضع هذا الكود
#ContactForm1 {display:none}
هذا الاخير لإخفاء اداة إتصل بنا من مدونتك لكنها تبقى موجودة فقط لا تضهر
بعد ذالك ياتي دور تركيب الشكل الجديد
كل اللي عليك هو إضافة أداة جديدة ثم ضع فيها هذا الكود
<style>
#form-evolutions { position:fixed; bottom: 0; left:20px; float:right; } #contact-faceblog { height:310px; width:280px; background:#e9fbe9; border:1px solid #2A3E4C; padding:10px; display:none; } #ContactForm1_contact-form-name{ width: 230px; height:auto; margin: 5px auto; padding: 10px 10px 10px 40px; background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6DuM-67SL5GnkvS3ZGxpRKDEoPZrSpAZz7i9ZTSXdKmQICdiziamwieM3sGM2Z2-RY9AxZg0QwSH-KGIvkdQkkokumQ9wgU0_feiko1TSZHgNBhGKOdtNfB8s8xpLhD4aVFhPxssXgI/s1600/user.png)no-repeat 10px center; color:#999; border:1px solid #2A3E4C; box-shadow: 1px 1px 10px #2A3E4C inset; } #ContactForm1_contact-form-email{ width: 230px; height:auto; margin: 5px auto; padding: 10px 10px 10px 40px; background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgycjPCmNmGS5aRSchZnODLx3qomXWEKhdD-onoXg8sRj5qPkcZCacG7IdXGp_sk0bKreZ8_M115Qobh_j5zF0veinF9CJ7xEBhr4thYpx8uP-Fs59iQRTpGK57UAf4GHyoEs2XEWtuHVY/s1600/pen.png)no-repeat 10px center; color:#999; border:1px solid #2A3E4C; box-shadow: 1px 1px 10px #2A3E4C inset; } #ContactForm1_contact-form-email-message{ width: 230px; height: 150px; margin: 5px auto; padding: 10px 10px 10px 40px; background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiniaeEX6_5gSO3kR6qRQBhWdAvW_1dlbKNU14EVrrj6P9cnC_YpANss5YMkDYlz0CJHDSvHyMsAFes3DgULMkJwEr5gblY2QVVMHrGyQiVViU3HV1wYmRC-_ZLC4Do_J5sz7Uows1alp8/s1600/msg.png)no-repeat 10px 10px; color:#999; border:1px solid #2A3E4C; box-shadow: 1px 1px 10px #2A3E4C inset; } #ContactForm1_contact-form-submit { width: 95px; height: 30px; float: right; color: #000; font-weight: bold; padding: 0; cursor:pointer; margin: 25px 0 3px 0 0; background-color:#2A3E4C; text-shadow: 1px 0 0 #999; border:1px solid #2A3E4C; } #ContactForm1_contact-form-submit:hover { background:#2A3E4C; } #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{ width: 230px; margin-top:30px; } #contactbutton { height:38px; width:302px; background-image:url('http://im72.gulfup.com/XfVIxt.png'); display:block; cursor:pointer; margin:auto; }
</style>
<script src="http://faceblog-evolutions.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $("#contactbutton").click(function(){ if ($("#contact-faceblog").is(":hidden")){ $("#contact-faceblog").slideDown("slow"); } else{ $("#contact-faceblog").slideUp("slow"); } }); }); function closeForm(){ setTimeout('$("#contact-faceblog").slideUp("slow")', 2000); }
</script>
<div id="form-evolutions">
<div id="contact-faceblog">
<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="الإسم" size="30" type="text" value="" />
<input id="ContactForm1_contact-form-email" name="email" placeholder="بريدك الإلكتروني" size="30" type="text" value="" />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="أرسل" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
<div id="contactbutton"></div>
</div>
هذا كل شيئ وستكون الإضافة قد ركبت على مدونتك
لو حبيت مثلا تغيير مكانها فغير في الكود التالي
{ position:fixed; bottom: 0; left:20px; float:right; }
فوق=top
تحت=bottom
يمين=right
يسار=left
هذه اهم تعديلات ثم يمكنك تغيير الألوان فقط غير كون اللون بكود لون آخر
هذا كل شيئ اتمنى ان يعجبكم الشكل الجديد للإضافة
بالتوفيق للجميع ودمتم في رعاية اللخ وحفظه
المصدر

إضافة نافذة الفيس بوك منبثقة مع الغلاف بشكل جديد لمدونات بلوجر

إضافة نافذة الفيس بوك منبثقة مع الغلاف بشكل جديد لمدونات بلوجر

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#popup-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
#popup-shut {
    width: 100%;
    height: 100%;
}
#popup-container {
    background: #415E9A;
    border: 5px solid #415E9A;
    width: 300px;
    height: 240px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#fb-butam {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}
#fb-butam:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #415E9A;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Georgia;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #FEFEFE;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '',
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#popup-background').delay(1000).fadeIn('medium');
$('#fb-butam, #popup-shut').click(function(){
$('#popup-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='popup-background'>
<div id='popup-shut'>
</div>
<div id='popup-container'>
<div id='fb-butam'>
</div>
<iframe src="http://www.facebook.com/v2.3/plugins/page.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FNM7BtzAR8RM.js%3Fversion%3D41%23cb%3Df37a7397d8%26domain%3Dhomeblog7.blogspot.com%26origin%3Dhttp%253A%252F%252Fhomeblog7.blogspot.com%252Ff1f37dc2f8%26relation%3Dparent.parent&amp;container_width=300&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2FChristiaUnion
&amp;locale=en_US&amp;sdk=joey&amp;show_facepile=true&amp;show_posts=false&amp;width=300" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" style="border: none; visibility: visible; width: 300px; height: 224px;" class=""></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://www.homeblog7.blogspot.com" rel="dofollow">Home Blogger</a></div>
</div>
</div>
- التعديلات :
- أبحث عن " ChristiaUnion " في الكود وعدّله بأسم صفحتك على الفيس بوك .
 
 

السبت، 4 يوليو 2015

اضافة آداة بعرض القالب في المكان الذي تريد

Full Widht Widget
هذا الطلب تكرر على كثيراً ولكن اما كنت انساه او المشاغل تأخذني فلا استطيع تلبيته وهو إضافة آداة في القالب كل شخص يهدف الى وضع آداة في مكان معين لكن هناك مشكلة وهي ان تنسيقها في مكان معين صعب ويصعب ايضاً شرح الأمر للإختلاف بين كل قالب والآخر لذلك وصلت لصيغة محايده وهي آداة بعرض القالب في اى مكان سيمكنك الشرح من ان تضيف مكان لوضع آداة أو اكثر لكن الآداة ستكون بعرض المنطقة التي تضيفها بها وليست جزء منها يعني مثلا لا ينفع هذا لتضيفها مثلا في السايد بار او منطقة المواضيع او الهيدر لأنها مجهزة لتكون بكامل عرض القالب فيمكن اضافتها مثلا قبل الهيدر او بعدها قبل المواضيع او بعدها بحيث لا يكون بجانبها اى شئ ستكون هي مستقلة في المكان الذي ستضاف به يمكنك ان تستفيد منها لوضع وحدات اعلانية متجاورة او وحدة كبيرة او سلايدر بعرض القالب في اى مكان
كود الإضاة الذي ستستخدمه هو التالي
<div style='clear: both;'/>
<b:section class='cnsec' id='cnsec' maxwidgets='1' showaddelement='yes'/>
<div style='clear: both;'/>



الكود الاخضر هو المعرف ان كررت الآداة تغير المعرف يعني ان مثلا اضفت واحده فوق منطقة المواضيع والسايد بار
واردت ان تضيف واحده تحتهم ايضاً حينها الثانية تغير معرفها مثلا لـ cnsec1  ان اردت الزيادة تجعلها 2 الى آخره
الرقم 1 يعني انه ستكون في تلك المنطقة اضافة واحده يمكنك تغييره ان اردت ان تضيف أكثر من اضافة في مكان واحد تحت بعضهم
اين يضاف الكود ؟
الكود يمكنك اضافته في العديد من الاماكن في قالبك لكن يصعب ان احددها لكن كنوع من التقريب مثلا
لو اضفته بعد الوسم <body>
هذا يعني انها ستكون في اعلى القالب
لو اضفتها قبل الوسم </body>
هذا يعني انها ستكون في اسفل القالب
مثلا منطقة المواضيع كثير من المصممين يعطي لها معرف
<div id='outer-wrapper'>
فلو اضفت الكود قبل هذا الكود حينها ستكون فوق المواضيع
مثلا منطقة الفوتر ايضاً يعطيى لها غالباً
<div id='footer'>
لو اضفته فوق الكود ستكون الآداة فوق الفوتر
طيب ماذا ان لم اجد اى من تلك الأكواد هنا سيعود الامر للتجربة تأكد دائما من اخذ نسخة احتياطية من قالبك
وجرب فوق كل كود تجده بشكل كالأشكال السابقه مهما اختلف الإسم الذي بعد الـ id او ان كان حتى مكتوب class وليس id
أنت ستجرب فوق الاكواد المشابهة ثم تعود لصفحة التخطيط وتحدثها وترى هل ظهرت الآداة أم لا ان لم تظهر يعني ان هذا مكان غير مناسب ان ظهرت انظر هل هو المكان الذي تريده ام لا فتجرب في منطقة أخرى هذا هواكثر تقريب ممكن ان اشرحه لكم نظراً لإختلاف الأمر بين قالب والآخر
هناك امر اضافي وهو كود ستضيفه فوق الوسم ]]></b:skin>
#cnsec {width:100%; display:block; margin:10px 5px;}
#cnsec h2 {display:none;}
ولا تنسى تكراره ايضاً مع تغيير المعرف  ان كررت الآداة
المصدر : كن مدون