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

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

اولآ لتركيب الاضافة 

1. ندخل الى لوحة التحكم فى بلوجر
2. نقوم باختيار القالب
3. نقوم بالضغط على تحرير Html
4. نقوم بالبحث عن الوسام </body>  (نقوم بالبحث بالضغط على Ctrl+F)
5. نضع الكود التالى فوق الوسام </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>//<![CDATA[jQuery(document).ready(function () {emoticonx({emoRange:"#comments p, div.emoWrap",putEmoAbove:"iframe#comment-editor",topText:"إضغط على الابتسامة لظهور الكود الخاص بها",emoMessage:"لإدراج تعبيرات الوجه يجب إضافة ما لا يقل عن مسافة واحدة قبل الرمز."})});//]]></script><script src='https://arblab.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/></b:if>

الان نقوم بالبحث عن الوسام ]]></b:skin>

ونضع فوقها الكود التالى

.emoWrap {
position:relative;
padding:10px;
margin-bottom:7px;
background:#fff;
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
border:3px solid #860000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
font-weight:normal;
color:#333;
}
.emoWrap:after {
content:"";
position:absolute;
bottom:-10px;
right:10px;
border-top:10px solid #860000;
border-left:20px solid transparent;
width:0;
height:0;
line-height:0;
}

و أخيرا نضيف هدا الكود قبل الوسم </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

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

حذف ايقونة التحرير السريع من مدونة بلوجر

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

ايقونة التحرير السريع فائدتها انه اذا كنت داخل الصفحة الرئيسيه لمدونتك فأنك تستطيع تحرير الادوات والتحكم فيها .

طريقة حذف ايقونة التحرير السريع :

1. ادخل مدونتك .
2. القالب .
3. حرر القالب وابحث عن ]]></b:skin>
4. ضع هذا الكود فوقه : 

.item-control.blog-admin {display: none !important;}

 ثم قم بحفظ القالب ومبروك عليك حذف ايقونة التحرير السريع الدرس بسيط و سهل جدآ و لائ استفسار يرجاء وضعه فى تعليق
كان معكم فريق عرب تيم

قالب انطلق الاصدار الاول لكل زوار مدونة عرب تيم

قالب انطلق الاصدار الاول قالب رائع للمدونة التى تحت التطوير

القالب من تصميم الفريق

مميزات القالب

-
1-القالب متجاوب إي انه يعمل مع جميع الأجهزة بشكل متناسق
2-صفحة الخطأ
3-شكل مميز لأدوات بلوجر الأساسية
4-أيقونات بخاصية التوقع لأدوات بلوجر
5-خفيف ومحسن لمحركات البحثود
6-وهى اهم مميزه وهى
ان القالب به مكان لعرض الموضيع ليشاهد كل زوار المدونة وهى تحت التطوير الموضيع
لن اطيل عليكم اسبكم تشاهدون القالب مباشر

لمعاينة القالب | لتحميل القالب

الرقم السرى للملف : www.teamarab.tk

للنعديل على القالب

1-للتعديل على شعار المدونة يرجاء استبدال هذا الرابط

 http://im90.gulfup.com/pewlxc.jpg 

برابط شعار مدونتك

2- للتعديل على تاريخ انطلق المدونة يرجاء البحث فى القالب عن

 23 november 2016 1:50:30

 و استبداله بـتاريخ انطلق مدونتك

ويرجاء عدم ازالة حقوق التصميم

طريقة حذف عبارة "تدعمه blogger الاسناد"

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

لدينا لكم طريقتين لحذف عبارة "تدعمه Blogger الإسناد" او ما يسمى شريط Attribution  الحذف النهائي ..

قبل البدأ باي شيئ يرجى اخذ نسخه احطياطية من القالب

سوف اشرح اولاً الطريقة الاسهل لك .

اذهب الى لوحة تحكم المدونه 

اذهب الى تخطيط

سوف تجد أداة بأسم "الإسناد"

 اضغط على تحرير

ثم حذف

--------------------------------------------------------------------

الان الطريقه الثانيه .. اذا لم تنجح الاولى .. 

اما اذا نجحت فلا داعي للطريقه الثانيه 

اولاً اذهب الى لوحة التحكم 

اذهب الى القالب اضغط "تحريرHtml"

الان F+Ctrl للبحث عن 

Attribution

سوف يظهر لك بهذا الشكل

'Attribution1' locked='true'

 استبدل كلمة true بكلمة false

لتصبح 

'Attribution1' locked='false'

الان اضغط حفظ والف مبروك عليك

احدى هذه الطرق سوف تنجح 100% 

ولن تخرج من هنا وعلامه تدعمه Blogger في مدونتك

فقط على مدونة عرب تيم

ممنوع النقل بدون ذكر المصدر

www.teamarab.tk

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

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

اليوم مع اضافة جديده لبلوجر وهى إضافة تابعنا عبر الشبكات الاجتماعية هي إضافة لبلوجر بشكل جديد ورائع, تمكن الزائر من الإشتراك بجميع صفحات مدونتك على شبكات التواصل الاجتماعى وهي من أهم الإضافات لبلوجر.

صوره للاضافة

كيفية تركيب الاداة

1- أدخل إلى لوحة التحكم -> التخطيط -> أضغط على إضافة أداة -> HTML/JavaScript.

2- ضع هذا الكود.

<a href = "FACEBOOK-URL" target = "blank"><img src = "http://www.foxpic.com/V0ByQZ5U.png"></a>
<a href = "TWITTER-URL" target = "blank"><img src = "http://www.foxpic.com/VJrEGChE.png"></a>
<a href = "GOOGLEPLUS-URL" target = "blank"><img src = "http://www.foxpic.com/VtlSZbJO.png"></a>
<a href = "YOUTUBE-URL" target = "blank"><img src = "http://www.foxpic.com/VnyQLd95.png"></a>

3 - قم بتغيير :
- FACEBOOK-URL -> رابط صفحتك على الفيسبوك.
- TWITTER-URL -> رابط حسابك على تويتر.
- GOOGLEPLUS-URL -> رابط صفحتك على جوجل بلس.
- YOUTUBE-URL -> رابط قناتك على اليوتيوب.

4 - أضغط على حفظ ومبروك عليك الاضافة الجميلة 

وبكده يكون شرح اليوم انتهاء اراكم قريبآ فى درس جديد فى مدونة عرب تيم

إضافة تابعنا عبر البريد الإلكتروني

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

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

صوره للاضافة

كيفية تركيب الاداة

1- أدخل إلى لوحة التحكم -> التخطيط -> أضغط على إضافة أداة -> HTML/JavaScript.

2- ضع هذا الكود.

<center>
<img src = "http://www.foxpic.com/VFL5IYVn.png">
<form action = "http://feedburner.google.com/fb/a/mailverify?uri=FEED-URL" method = "post" target = "popupwindow">
<input name = "email" placeholder = "البريد الإلكتروني..." type = "email"  size = "16">
<input type = "submit" value = "إشترك الآن !">
<input name = "uri" type = "hidden" value = "FEED-URL">
<input name = "loc" type = "hidden" value = "en_US">
</form>
</center>

3 - قم بتغيير : FEED-URL ->الى رابط القائمة البريدية

4 - أضغط على حفظ ومبروك عليك الاضافة الجميلة

وبكده يكون شرح اليوم انتهاء اراكم قريبآ فى درس جديد على مدونة عرب تيم 

اضافة خرائط جوجل لمدونة بلوجر

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

اليوم سوف نقوم بإضافة خريطة sitemap.xml 

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

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

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

بالبداية مدونة بلوجر لا تحتاج لإثبات ملكية عند الدخول لأدوات مشرفي المواقع عبر الرابط التالي من نفس الإيميل المسجل للمدونة

https://www.google.com/webmasters/tools/home

ومن ثم تختار المدونة لإضافة الخريطة

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

ملاحظة لا تأخذ التحسن على الموقع فقط بسبب الخريطة , بمعنى لو أضفت أنت الخريطة سيصبح الموقع مأرشف , هناك أيضاً اسباب اخرى

الصورة فقط للتوضيح سرعة قوقل في قرأئة الخريطة

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

نضغط من القائمة الجانبية على كلمة التحسين

ونختار ملفات Sitemap

ثم إضافة/اختارملف SITEMAP

كما في الصورة

بعد الضغط عليها نقوم بكتابة 

sitemap.xml

احرص على ان يكون حرف s سمول وليس كابتل S

ونضغط على تقديم ملف sitemap

وتحديث الصفحة

ومبروك عليك الخريطة

ممنوع النقل بدون ذكر المصدر

www.teamarab.tk