اجيال اضافات بلوجر

‏إظهار الرسائل ذات التسميات اجيال اضافات بلوجر. إظهار كافة الرسائل

اداة وخاصية التبادل الاعلاني النصي الرائعة بتقنية css

كاتب الموضوع kasb يوم الثلاثاء، 22 أكتوبر 2013 0 التعليقات

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

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

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

المميز بما ان اغلب المدونات تتبادل الاعلانات لكسب باك لنكس من خلال المدونات الصديقة

ولهدا ارتأينا ان نضع لكم هده الاداة

وهي سهلة في التركيب والتعامل معها

صورة الاداة

كود الاداة

<style type='text/css'>
#navlist {
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
    float: center;
    display: block;
}
#navlist a {
font-family: "DroidKufi-Regular";
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
    background-color:#02A407;
    border: 1px solid #1B5522;
    font-size: 10pt;
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;

}
#navlist a:hover {
font-family: "DroidKufi-Regular";
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
    background-color:#4992FF;
    border:1px solid #4700FF;
    font-size: 12pt;
    text-decoration: none;
    color: #000000;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;

}

</style>
<ul id='navlist'>
<table align='center' width='100 %'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='http://ajyal-s.blogspot.com/' target='_blank'>شبكة اجيال السلام</a>
</td>
<td align='center' width='25%'>
<a href='' target='_blank'>أعلن هنا</a>
</td>
</tr></table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
</table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
</table></table></table></ul>
<div class='clear'></div>

ولتنصيق الوان الاداة قم بتغير الاكواة الملونة باكواد اللون الدي تريد من هـــــــــنــــــــــا

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

كيفية تركيب اداة جديدة في قالب مدونة بلوغر blogger

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

كاتب الموضوع kasb يوم الخميس، 10 أكتوبر 2013 0 التعليقات

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

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

كود الاداة او الاضافة

<br /> <head><br /> <meta http-equiv="Content-Language" content="en-us"><br /> </head><br /> <script language=JavaScript> (window.alert("ضع هنا محتوى الرسالة المراض تقديمها لزائر")) </SCRIPT><br /> <p>
Div By <a href="http://ajyal-s.blogspot.com">ajyal-s</a></p>
<br />

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

والى هنا انهي موضوعي هدا والى موضوع وشرح اخر بحول الله..
ابوادم

الكلمات اكتر تداول في البحت حسب الدول لدى جوجل

كاتب الموضوع kasb يوم الأربعاء، 2 أكتوبر 2013 0 التعليقات

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

حياكم الله تحية الاسلام اخواني الاعزاء متتبعي وزوار شبكة اجيال السلام

اغلب اصحاب المدونات والمواقع عند كتابتهم موضوع او تدوينة جديدة يتسائلون عن مقياس البحت

على تدوينتهم ...؟؟

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

هل موضوعي هدا يبحت عنه الزوار..؟؟

وما هي نسبة البحت عن الكلمات التي في تدوينتي..؟؟

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

نعم اخوتي هده الميزة هي موجودة لدى جوجل ( google ) وهي تبين لنا اكتر كلمات بحتا

حسب الدول والمناطق .

ان كنت تستهدف بلد معين في تدونتك فيمكنك ان تبحت على البلد الدي تقصده

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

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

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

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

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

كاتب الموضوع kasb يوم الخميس، 26 سبتمبر 2013 0 التعليقات

اهلا ومرحبا بكم احبتي في الله

المشاركات الشائعة او المواضيع الاكتر مشاهدة

هي من اهم الاضفات في مدونة بلوجر

هده الاداة موجودة في كل مدونة وهي تساعد الزوار في متابعة اكتر المواضيع نشاط

وايظا تتركم اكر وقت في مدونتك

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

صورة الاضافة

طريقة تركيب الاضافة

اولا وقبل كل شيء خد نسخة احتياطية للقلب لتفادي المشاكل

ادهب الى ادارة مدونتكم تم> القالب>تحرير html >تم ابحت عن

بضغط على ctrl + f

]]></b:skin>

تم ضع الكود التالي فوقها

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

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