مدونة تقنيات بلوجر

الرئسية » مشاركات قسم اضافات بلوجر

كيف تضع اضافة site map في مدونتك 2014

كيف تضع اضافة site map في مدونتك 2014

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

مشاهدة الاضافة

مشاهدة

قد ترغب في قراءة : ابسط و اجمل زرين لمدونة البلوجر زر المشاهدة و زر التحميل

اتبع هذه الخطوات للحصول على الاضافة : -

(1). اذهب الى Blogger.com وسجل الدخول باستخدام حسابك

(2). اختر صفحة جديدة لوضع الكود التالي فيها

(3). انقر فوق إلى علامة تبويب الصفحة، وانشاء صفحة فارغة

(4). بعد إنشاء صفحة فارغة، انقر ل"HTML"

(5). وفي العنوان نكتب "خريطة الموقع"

<script src="http://site-map-generator-by-http://bloggertipsntools.blogspot.com/files/sitemap-by-24blogger.js"></script><script src="http://www.my-Domain-name.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

اترك بصمة لك بالتعليق اسفل المدونة و قراءة ممتعة

نشر من طرف zozo mohamed فى : 6:04 ص التسميات : اضافات بلوجر, كيف تعليقات 2

أكمل الموضوع

كيفية اضافة صور المواقع الاجتماعية الاحترافية 2014

كيفية اضافة صور المواقع الاجتماعية الاحترافية 2014

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

1.نذهب الى المدونة تم تسجيل الدخول

2.نذهب الى التخطيط تم اضافة اداة

3.نختار من القائمة اضافة اداة html

4.نضع الكود تم نحفظ الاداة


<center>

<ul id="abt-social-icons">

<li class="rss-icon"><a href="http://feeds.feedburner.com/FEEDID"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Ti6pClxDaz16NtQDb2ggG6J2QL7g6AVcMLxUrR12Bt14YpXDrNYBJCCSdFIksIyXLjrVCOtwK_Km7Hjj53Wjd1bJNXe1BlPzOiDsUjY0lZ7aE7ReU_TjgwDnpIksK5CmBbeDv10FD2o/s1600/rss.png"
 width="147" /></a></li>

<li class="twitter-icon"><a href="http://www.twitter.com/TWITTERHANDLE"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oowg5dNuR6_K8_pT1y2qoHPdwTvgnl6Qz1Ujez5a47Sg0xt4N9tkf4HxIdVQhBxTy5dGIQER-tAiAo5ZLDM09vkjtpN-qvLmBSB0weQiTPaXTmgG1Ta49W2wRdmD15pM0sHuOVXxfZo/s1600/twitter.png"
 width="147" /></a></li>

<li class="facebook-icon"><a href="http://www.facebook.com/PAGEID"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoGtrSdI0dZPKVCBcZUDlNuRjbvrH8GDVbiKFwj3JndrtsjCEgBx7UV8UjacdnV1NKyKpLOTHVeRx0uQfAHH8FMr-RVbJk0fV5mx7QLxW1_mixOzYp65vWNZ7JzGljVAMUeYoBAsvW0CA/s1600/facebook.png"
 width="147" /></a></li>

<li class="google-icon"><a href="https://plus.google.com/YOURID"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2BTcXoWwAtRiOxfUjkxYmpJSWq3DPgfIroUyv63NnJrI5voA-7zAhmWAg5Q3GXpnh6oTjzB-tXUYjENUYW_es_g4rhsRqxFEc7_4LAp4IJcsRKoYy-t29gRz0WmUjgMlBc8AVusP2K4M/s1600/google.png"
 width="147" /></a></li>

</ul>

</center>

<style>

#abt-social-icons li {

 float: left;

 width: 147px;

 height: 147px;

 margin: 0 6px 6px 0;

 padding: 0 0 0 0;

 border-bottom: none;

        list-style: none;

}

#abt-social-icons li a {

 line-height: 1px;

 display: block;

}



#abt-social-icons li a:hover img {

 -webkit-opacity: 0.8;

 -moz-opacity: 0.8;

 opacity: 0.8;

}



#abt-social-icons li a span {

 display: none !important;

}

</style>

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

و اخيرا مبارك عليك الاضافة

ارجو التعليق على الموضوع من فضلكم

نشر من طرف zozo mohamed فى : 8:14 ص التسميات : اضافات بلوجر, كيف تعليقات 0

أكمل الموضوع

اضافة صندوق التعليقات الجديد الاصدار الاخير v3

اضافة صندوق التعليقات الجديد الاصدار الاخير v3

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

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

اضافة الاداة

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

بإضافة التعليمة البرمجية أعلاه واتباع الإرشادات أدناه.

إ

بعد إضافة التحقق من رمز تكوين الاضافة.

numComments - تيبين العدد الأقصى من التعليقات لإظهارها فيالاداة.
showAvatar - تغيير إلى false إذا كنت تريد إخفاء الصورة الرمزية في الحاجيات.
avatarSize - حجم الخط في الاضافة تقاس بالبكسل.
roundAvatar - تغيير إلى false إذا كنت لا تريد أن تكون الصورة الرمزية جولة في الشكل.
الحروف - عدد أحرف لتظهر في التعليق.
defaultAvatar - الصورة ليتم استخدامها عند تعليقا لا يوجد لديه الصورة الرمزية.
adminBlog - استبدال اسمك مع اسم المشرف بحيث تصريحاته يمكن أن تكون مخفية.

بعد إجراء جميع التغييرات احفظ القالب. . الآن أنت وزوارك يمكن أن ترى اضافة تعليقات الزوار التي قمت بتركيبها و شكرا

الرجاء الرد على هذه الاضافة .

نشر من طرف zozo mohamed فى : 7:52 ص التسميات : اضافات بلوجر تعليقات 0

أكمل الموضوع

ابسط و اجمل زرين لمدونة البلوجر زر المشاهدة و زر التحميل

ابسط و اجمل زرين لمدونة البلوجر زر المشاهدة و زر التحميل

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

مشاهدة تحميل

قراءة واتباع بعض الخطوات التالية لتثبيت زر المشاهدة و التحميل على مدونة القوالب الخاصة بك
(1 ) . الذهاب إلى Blogger.com وتسجيل الدخول.
( 2) . اختر المدونة الخاصة بك حيث تريد هذه الأزرار .
(3 ) . انقر فوق إلى خيارات قالب بعد ضغطة زر تحرير HTML .( 4)
. ]] </b:skin> القالب> الضغط على Ctrl + F.( 5 )
. إضافة التعليمات البرمجية التالية قبل الكود مباشرة و ليس بعده ]] </b:skin> : القالب > و اضغط على زر حفظ .
/ * - حقوق الطبع والنشر © http://bloggertipsntools.blogspot.com/ ، جميع الحقوق محفوظة . - * /.

        
button{

font:15px Calibri, Arial, sans-serif;

text-shadow:1px 1px 0 rgba(255,255,255,0.4);

text-decoration:none !important;

white-space:nowrap;

display:inline-block;

vertical-align:baseline;

position:relative;

cursor:pointer;

padding:10px 20px;

background-repeat:no-repeat;

background-position:bottom left;

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png');

background-position:bottom left, top right, 0 0, 0 0;

background-clip:border-box;

-moz-border-radius:8px;

-webkit-border-radius:8px;

border-radius:8px;

-moz-box-shadow:0 0 1px #fff inset;

-webkit-box-shadow:0 0 1px #fff inset;

box-shadow:0 0 1px #fff inset;

-webkit-transition:background-position 1s;

-moz-transition:background-position 1s;

transition:background-position 1s;

}

.button:hover{

background-position:top left;

background-position:top left, bottom right, 0 0, 0 0;

}

.button:active{

bottom:-1px;

}

/* The three buttons sizes */

.button.big { font-size:30px;}

.button.medium { font-size:18px;}

.button.small { font-size:13px;}

/* BlueButton */

.blue.button{

color:#0f4b6d !important;

border:1px solid #84acc3 !important;

background-color: #48b5f2;

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),

-moz-radial-gradient( center bottom, circle,

rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),

-moz-linear-gradient(#4fbbf7, #3faeeb);

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),

-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,

from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),

-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));

}

.blue.button:hover{

background-color:#63c7fe;

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),

-moz-radial-gradient( center bottom, circle,

rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),

-moz-linear-gradient(#63c7fe, #58bef7);

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),

-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,

from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),

-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));

}

/* Green Button */

.green.button{

color:#345903 !important;

border:1px solid #96a37b !important;

background-color: #79be1e;

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 
0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, 
from(rgba(162,211,30,1)), 
to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, 
from(#82cc27), to(#74b317));

}

.green.button:hover{

background-color:#89d228;

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 
0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, 
from(rgba(183,229,45,1)), 
to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, 
from(#90de31), to(#7fc01e));

}

/* Orange Button */

.orange.button{

color:#693e0a !important;

border:1px solid #bea280 !important;

background-color: #e38d27;

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 
0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, 
from(rgba(232,189,45,1)), 
to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, 
from(#f1982f), to(#d4821f));

}

.orange.button:hover{

background-color:#ec9732;

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 
0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, 
from(rgba(241,192,52,1)), 
to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, 
from(#f9a746), to(#e18f2b));

}

/* Orange Button */

.gray.button{

color:#525252 !important;

border:1px solid #a5a5a5 !important;

background-color: #a9adb1;

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 
0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, 
from(rgba(197,199,202,1)), 
to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, 
from(#c5c7ca), to(#92989c));

}

.gray.button:hover{

background-color:#b6bbc0;

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 
0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJQsZUEbCcjZgfHORGfJ7ranI5aXvcEtWeknIhTFCu-CtVqKN3T18x1PMuDLRha3uekpZAgK57kbNeqCR_Nu8BhajK3hjPDcZqcghmZdnHAVNIgjU3o45ICJ6JGxv_7iB9otjM1C_ypzn/s144/button_bg.png'),
 -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, 
from(rgba(202,205,208,1)), 
to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, 
from(#d1d3d6), to(#9fa5a9));

}

6) . بعد الانتهاء من الخطوات المذكورة أعلاه نعود للوحة مدون .
( 7) . عند إجراء "تنزيل" و " تجريبي" أزرار ، لصق رمز أدناه

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

<a class="button big blue" href="رابطك هنا" target="_blank">مشاهدة</a>  <a class="button big blue" href="رابطك هنا" rel="nofollow" target="_blank">تحميل</a>

blue يمكنك تغيير كلمة الى الكلمات التالية و التي تعبر عن اللون
green,orange

bigيمكنك تغير ايضا حجم الكلمة و ذلك بتغيير كلمة الى
medium,smalll

من فضلك انتظر ردكم على هذه الاضافة و شكرا

نشر من طرف zozo mohamed فى : 6:49 ص التسميات : اضافات بلوجر تعليقات 2

أكمل الموضوع

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

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

كيفية إضافة اداة المشاركة في المواقع الاجتماعية؟

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

</ BODY>

إضافة القطعة التالية من التعليمات البرمجية فقط بعد الكود/ اي بعد التعليمة البرمجية أعلاه

<div class="shr_ss shr_publisher"> </div>   <script type="text/javascript"> var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}}; </script>   <script type="text/javascript"> (function() { var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true; sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s); })(); </script>

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

نشر من طرف zozo mohamed فى : 2:54 ص التسميات : اضافات بلوجر تعليقات 0

أكمل الموضوع

كيفية إضافة كود شريط اخر العناويين في مدونتك؟

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

    الذهاب إلى Blogger لوحة :
    الذهاب إلى قالب >> تحرير الاكواد :
    تجد الآن ل ]] > < / B : skin > :
    الماضي رمز أدناه :

/*-------------PBT Notification Bar ----------------*/

#bloggernotificationWrap {
    display: none;
    height: 41px;
    margin: -41px 0 0;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 999999;
}
#bloggernotification {
    background: none repeat scroll 0 0 #000000;
    border-bottom: 3px dotted #FFFFFF;
    border-radius: 10px 13px 7px 5px;
    color: #FFFFFF;
    font-family: arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 37px;
    margin: -30px 5px 5px -1200px;
    padding-top: 7px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
    width: 500%;
    z-index: 9998;
}
#bloggernotification a {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    color: #000000;
    font-family: Calibri,sans-serif;
    font-size: 13.5px;
    padding: 1px 7px;
    text-decoration: none;
}
#bloggernotification a:hover {
    text-decoration: underline;
}
#bloggernotification img {
    display: none;
}

الخطوة 2 :

    مرة أخرى تذهب إلى قالب:
    البحث عن علامة <BODY> :
    الآن الماضية رمز أدناه فقط بعد العلامة <body> :

<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'>
<div id='bloggernotification'>
رسالتك هنا
</div>
</div>
الآن حفظ القالب الخاص بك وأنت على وشك الانتهاء :


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

نشر من طرف zozo mohamed فى : 1:55 ص التسميات : اضافات بلوجر تعليقات 1

أكمل الموضوع

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

كيفية إنشاء تتبع المواقع الاجتماعية في مدونات بلوغر

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

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

مزايا استخدام اضافة تتبع المواقع الاجتماعية
:لإقناع شخص ما للبدء في استخدام هذه الاضافة فمن الضروري أن تظهر الفوائد المترتبة عليها . النظر في الفوائد الهامة التالية من استخدام الاداة .

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

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

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

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

كيفية إضافة اداة تتبع المواقع الاجتماعية في مدونتك ؟

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

#breadcrumbs-mbl {
background: #eee;
width:620px;
margin-left:20px;
border-width: 1px;
font-family:'Oswald', Arial, Helvetica, sans-serif;
margin-top:40px;
text-transform: uppercase;
border-style: solid;
border-color: #f5f5f5 #e5e5e5 #ccc;
border-radius: 5px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
overflow: hidden;
}
#breadcrumbs-mbl li{
float: left;
}
#breadcrumbs-mbl a{
padding: .7em 1em .7em 2em;
float: left;
text-decoration: none;
color: #444;
position: relative;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
background-color: #ddd;
background-image: linear-gradient(to right, #f5f5f5, #ddd);
}
#breadcrumbs-mbl li:first-child a{
padding-left: 1em;
border-radius: 5px 0 0 5px;
}
#breadcrumbs-mbl a:hover{
background: #fff;
}
#breadcrumbs-mbl a::after,
#breadcrumbs-mbl a::before{
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
border-left: 1em solid;
right: -1em;
}
#breadcrumbs-mbl a::after{
z-index: 2;
border-left-color: #ddd;
}
#breadcrumbs-mbl a::before{
border-left-color: #ccc;
right: -1.1em;
z-index: 1;
}
#breadcrumbs-mbl a:hover::after{
border-left-color: #fff;
}
#breadcrumbs-mbl .current,
#breadcrumbs-mbl .current:hover{
font-weight: bold;
background: none;
}
#breadcrumbs-mbl .current::after,
#breadcrumbs-mbl .current::before{
content: normal;
}
ul{
margin: 0;
padding: 0;
list-style: none;
}
#breadcrumbs-mbl .current,
#breadcrumbs-mbl .current:hover{
font-weight: normal;
background: none;
}
#breadcrumbs-mbl .current::after,
#breadcrumbs-mbl .current::before{
content: normal;
}

الآن ، مرة أخرى ، البحث عن <div class='blog-posts hfeed'> ولصق فقط دون ترميز XML الان . لا تقم بإجراء تغييرات في التعليمات البرمجية أو أنها لن تعمل بشكل صحيح . وبمجرد القيام به ، حفظ القالب

اضف الكود التالي مباشرة تحت <div class='blog-posts hfeed'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<ul id='breadcrumbs-mbl'>
<li><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></li>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
</b:if>
</b:loop>
<b:else/>
</b:if><li><a class='current'><data:post.title/></a></li>
</b:loop>
</ul>
<b:else/>
</b:if></b:if>

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

نشر من طرف zozo mohamed فى : 7:40 ص التسميات : اضافات بلوجر تعليقات 0

أكمل الموضوع

اضافة زر الرجوع / العودة للاعلى في مدونتك

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

أضف زر "العودة الى الأعلى / القفز إلى أعلى"

1. الذهاب لتصميم >> عناصر الصفحة >> إضافة أداة >> HTML / جافا سكريبت.

2. إضافة التعليمات البرمجية التالية هناك، وحفظ

نشر من طرف zozo mohamed فى : 5:15 ص التسميات : اضافات بلوجر تعليقات 1

أكمل الموضوع

كيفية إضافة / إدراج صندوق التعليق تحت المواضيع

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

خطوة بخطوة لإضافة صندوق التعليق. في مدونتك:
1. الذهاب إلى http://blogger.com وتسجيل الدخول إلى حسابك.
2. HTMLانتقل الى لوحة التحكم الرئيسية -> تخطيط -> تحرير .
3. نذهب الى "توسيع القالب" .
4. لنبحث على الكود (CTRL + F) نضغط على

. الآن بعد أن وجدت الكود قم باستبدال الرمز أعلاه كامل مع الرمز أدناه.

6.اضغط على حفظ المدونة

http://draft.blogger.com لآن انتقل الى

1.الرئيسية>الاعدادات>التعليقات

2.في مكان مربع التعليقات تفقد "التعليقات المدمجة"
3.حفظ التغييرات.

نشر من طرف zozo mohamed فى : 4:24 ص التسميات : اضافات بلوجر تعليقات 0

أكمل الموضوع