اضافة صندوق التعليقات الجديد الاصدار الاخير v3
اضافة صندوق التعليقات الجديد الاصدار الاخير v3 |
مرحبا بكم جميع، وأنا مرة أخرى معكم بعد آخر طبعة جديدة من اضافة صندوق التعليقات باخر نسخة له و هي اضافة رائعة
هي كسابقاتها من اضافات صندوق التعليق الرائع و لكنها تختلف عنهم بعدة خصائص و تعديلات جديدة . لإضافة هذه الاداة او الاضافة في مدونتك يرجى اتباع الإرشادات الواردة أدناه.
اضافة الاداة
لإضافة هذه الاداة في مدونتك أولا تذهب إلى المدونة عنوان → → تخطيط أضف اداة → HTML / جافا سكريبت. بإضافة التعليمة البرمجية أدناه.
اضافة الاداة
لإضافة هذه الاداة في مدونتك أولا تذهب إلى المدونة عنوان → → تخطيط أضف اداة → HTML / جافا سكريبت. بإضافة التعليمة البرمجية أدناه.
<style type="text/css" scoped>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-commentsv3.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=allbloggertricks_recent&&max-results=50">
</script>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-commentsv3.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=allbloggertricks_recent&&max-results=50">
</script>
بإضافة التعليمة البرمجية أعلاه واتباع الإرشادات أدناه.
إ
بعد إضافة التحقق من رمز تكوين الاضافة.
numComments - تيبين العدد الأقصى من التعليقات لإظهارها فيالاداة.
showAvatar - تغيير إلى false إذا كنت تريد إخفاء الصورة الرمزية في الحاجيات.
avatarSize - حجم الخط في الاضافة تقاس بالبكسل.
roundAvatar - تغيير إلى false إذا كنت لا تريد أن تكون الصورة الرمزية جولة في الشكل.
الحروف - عدد أحرف لتظهر في التعليق.
defaultAvatar - الصورة ليتم استخدامها عند تعليقا لا يوجد لديه الصورة الرمزية.
adminBlog - استبدال اسمك مع اسم المشرف بحيث تصريحاته يمكن أن تكون مخفية.
بعد إجراء جميع التغييرات احفظ القالب. . الآن أنت وزوارك يمكن أن ترى اضافة تعليقات الزوار التي قمت بتركيبها و شكرا
إ
بعد إضافة التحقق من رمز تكوين الاضافة.
numComments - تيبين العدد الأقصى من التعليقات لإظهارها فيالاداة.
showAvatar - تغيير إلى false إذا كنت تريد إخفاء الصورة الرمزية في الحاجيات.
avatarSize - حجم الخط في الاضافة تقاس بالبكسل.
roundAvatar - تغيير إلى false إذا كنت لا تريد أن تكون الصورة الرمزية جولة في الشكل.
الحروف - عدد أحرف لتظهر في التعليق.
defaultAvatar - الصورة ليتم استخدامها عند تعليقا لا يوجد لديه الصورة الرمزية.
adminBlog - استبدال اسمك مع اسم المشرف بحيث تصريحاته يمكن أن تكون مخفية.
بعد إجراء جميع التغييرات احفظ القالب. . الآن أنت وزوارك يمكن أن ترى اضافة تعليقات الزوار التي قمت بتركيبها و شكرا
الرجاء الرد على هذه الاضافة .
الأفكار الأساسية لتنظيم السيو في مدونتك
الأفكار الأساسية لتنظيم السيو في مدونتك |
الأفكار الأساسية لتنظيم السيو في مدونتك
اليوم سأقدم بعض النصائح الأساسية لجعل مدونتك تفيض بالمزيد من الزوار ، و ذلك من خلال احترام معايير محركات البحث . لذا ، دعونا نبدأ . و أولا
من أجل تحسين المدونة الخاصة بك ، وعدم استخدام تكنولوجيا الفلاش : و التي لن تجلب سوى إزعاج للزوار من مدونتك . وبالإضافة إلى ذلك ، المزيد و المزيد من المستخدمين يضعون تثبيت برامج على أجهزة الكمبيوتر الخاصة بهم والتي تسمح لك لتجنب لعب فلاش . وهو أكثر مناسبة ل مجال الإعلانات التجارية .
[ يجب قراءة ] كيفية تحسين المدونة مع سر الميتا تاج
اليوم سأقدم بعض النصائح الأساسية لجعل مدونتك تفيض بالمزيد من الزوار ، و ذلك من خلال احترام معايير محركات البحث . لذا ، دعونا نبدأ . و أولا
من أجل تحسين المدونة الخاصة بك ، وعدم استخدام تكنولوجيا الفلاش : و التي لن تجلب سوى إزعاج للزوار من مدونتك . وبالإضافة إلى ذلك ، المزيد و المزيد من المستخدمين يضعون تثبيت برامج على أجهزة الكمبيوتر الخاصة بهم والتي تسمح لك لتجنب لعب فلاش . وهو أكثر مناسبة ل مجال الإعلانات التجارية .
[ يجب قراءة ] كيفية تحسين المدونة مع سر الميتا تاج
قائمة التنقل : من الأفضل وضعه على الجانب الأيمن من المدونة بعد المحتوى . وهذا سوف يسهم في تحسين و تعزيزالمدونة الخاصة بك في محركات البحث .
إنشاء مدونة بمعايير السيو : يجب ان تكون متوافقة مع جميع المتصفحات. وهذا سيكون ليس من السهل ، ولكن إذا كنت ترغب في الحصول على نتيجة جيدة ، يجب المحاولة .
يجب على صفحات مدونتك ان تكون تحمل بسرعة : ليس كل المستخدمين لديهم الصبر لانتظار تحميل الصورة و النص ، و لكن يجب ان تكون سريعة في الظهور
ضع صور صغيرة في المقالات: ذلك أفضل بكثير . تحسين ذلك . وضع على مورد المزيد من المعلومات المفيدة . وهذا جذب للزوار.
[ اساسي] 7 طرق لزيادة حركة المرور و الزوار الى مدونتك
إنشاء مدونة بمعايير السيو : يجب ان تكون متوافقة مع جميع المتصفحات. وهذا سيكون ليس من السهل ، ولكن إذا كنت ترغب في الحصول على نتيجة جيدة ، يجب المحاولة .
يجب على صفحات مدونتك ان تكون تحمل بسرعة : ليس كل المستخدمين لديهم الصبر لانتظار تحميل الصورة و النص ، و لكن يجب ان تكون سريعة في الظهور
ضع صور صغيرة في المقالات: ذلك أفضل بكثير . تحسين ذلك . وضع على مورد المزيد من المعلومات المفيدة . وهذا جذب للزوار.
[ اساسي] 7 طرق لزيادة حركة المرور و الزوار الى مدونتك
ينبغي تعديل نظام الألوان بشكل صحيح: يجب أن يكون النص سهل القراءة ، وعدم قطعها العين. أيضا ، لاحظ حجم الخط الصحيح .
التنقل السهل بين صفحات مدونتك : لنجاح والحفاظ عليها من الزوار . يجب على المستخدم بسهولة وسرعة التحرك من خلال صفحة و العثور بهدوء على المعلومات التي يحتاجها.
تعلم من الاخرين . من المستحيل أن تعرف كل شيء . وبالإضافة إلى ذلك ، وخلق شبكة الأعمال التجارية على الإنترنت و تعزيز المدونة تتطور باستمرار . تتبع التغييرات الأخيرة والرد بسرعة لهم ، وقراءة المزيد عن :
التنقل السهل بين صفحات مدونتك : لنجاح والحفاظ عليها من الزوار . يجب على المستخدم بسهولة وسرعة التحرك من خلال صفحة و العثور بهدوء على المعلومات التي يحتاجها.
تعلم من الاخرين . من المستحيل أن تعرف كل شيء . وبالإضافة إلى ذلك ، وخلق شبكة الأعمال التجارية على الإنترنت و تعزيز المدونة تتطور باستمرار . تتبع التغييرات الأخيرة والرد بسرعة لهم ، وقراءة المزيد عن :
- كيف تتعلم بشكل منهجي حتى من المدونين الآخرين
[ الموصى بها لك] 9 مشاكل في التدوين الشائعة و حلولها : كل مدون يجب أن يواجهها
[ الموصى بها لك] 9 مشاكل في التدوين الشائعة و حلولها : كل مدون يجب أن يواجهها
Posted by
zozo mohamed
كيفية اضافة صور المواقع الاجتماعية الاحترافية 2014
كيفية اضافة صور المواقع الاجتماعية الاحترافية 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/AVvXsEitKdvfWdCgm4h35-CDay50QVJfICINzviDbk19dVTT6iRu_KmyHUVsXUFS0FmsVYqRyLdN9vlBHzZv7SIf3qs14KbYLTUmCrU1Y_JNxcDBlcsdbDE0nVdpOE-HphQY_Nun3oyI48sgAdk/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/AVvXsEhb8wavA0gOJelaXkEe-7VYHRxbGPyC2bzFOGrQGo3OYIq4SBxqQVpU2P3CiBr5CwQzDh5onWXweUAAhXLrvxZ1aE50y4nFdGgq2hxYJwl5hKkE7MvJ2iJ3O2VbgTgMCAgb-uffkslzHaM/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/AVvXsEiQZviEZFbcpKi7Jn7WiREXFk67NcIFpCqFfBN14irRlKcOxMGU-MW6xlweUhjhXKqC2JHpgW0AsqnUCEEZfTXGJn2tFagkn2jex-RD2tZu4T7DEl4QDGHvMx2kQLDNI1O9eMDI9-r3bBc/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/AVvXsEg_2kda2vNn9hCq8zo5Xe5nU43OOFDqTx7p278N4wdRXtD31pNSqcdJR7t9abtOzeCh_n4T2v0IRaKFvAZNjaima_5w8dVANFwPQUIbk_j4Q6MM_xnds660lQXOdCAgFZyh-vUCdZtPDOU/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>
قم بتغيير ما كتب بالاحمر الى اسم و عنوان صفحاتك في المواقع الاجتماعية
و اخيرا مبارك عليك الاضافة
ارجو التعليق على الموضوع من فضلكم
Posted by
zozo mohamed