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

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

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

صوره للاضافة




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


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 

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


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


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

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


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

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


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

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

طريقة الإضافة كالتالي
نضغط من القائمة الجانبية على كلمة التحسين
ونختار ملفات Sitemap
ثم إضافة/اختارملف SITEMAP
كما في الصورة

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

sitemap.xml

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

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

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

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

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

اضافة اكتب معنا بطريقة احترافية


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


شرح تركيب الاضافه

1- ندخل الى لوحة التحكم>>التخطيط>>اضافة اداة>>html/java script

2- اضافة الكود التالى


<td class='columns-cell'>
<div class='foot section' id='footer-2-2'><div class='widget HTML' id='HTML12'>
<div class='widget-content'>
<div style='float:left;opacity: .6;position:fixed;left:0px;top:0px'>
<a href='http://www.teamarab.tk/p/blog-page_11.html'><img border='0' height='133' src='https://jetara.googlecode.com/files/fsd.png' width='127'/></a>
</div></div></div></div></td>
<script language='javascript'>
document.write( unescape(</script>



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

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

خطوط فوتوشوب عربية


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


خط جذور فلات معاينه





كود سيو خاص ببلوجر لتحسين مدونتك في الارشفة


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


معلومات عن الاضافة :

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


طريقة التركيب :
أولا نذهب الى لوحة التحكم بمدونتك 
ثم الى القالب
ثم نضغط على تحرير html
ونبحث عن الكود التالى : </head>
ثم نضع الكود التالى فوقها


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[jQuery('a').each(function() {    // Let's make external links open in a new tab.    var href = jQuery(this).attr('href');       if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {        jQuery(this).attr("target", "_blank");    }});//]]></script>

<script type='text/javascript'>//<![CDATA[jQuery('a').each(function() {    // Let's make external links nofollow.    var href = jQuery(this).attr('href');       if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {        jQuery(this).attr("rel", "nofollow");    }});//]]></script>

<script type='text/javascript'>//<![CDATA[$(document).ready(function() {  $('img').each(function(){    var $img = $(this);    var filename = $img.attr('src')    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));  });});//]]></script>

<script type='text/javascript'>//<![CDATA[$(document).ready(function() {  $('img').each(function(){    var $img = $(this);    var filename = $img.attr('src')    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));  });});//]]></script>

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

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

اضافة اداة آخر المواضيع المتحرك مع مصغرات الصور


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

طريقة التركيب :

ندخل الى لوحة التحكم ثم نذهب الى التخطيط ثم إضافة أداة ثم نختار اداة HTML/JavaScript ثم نضع الكود التالى :

<script type='text/javascript'> jQuery.noConflict(); </script> <style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script style='text/javascript' src="http://glitter-text.googlecode.com/files/recentpostticker.js" ></script> <script style='text/javascript' src='http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js'></script> <script style='text/javascript'> var numposts = 15; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 100; jQuery(document).ready(function($) {$('#sai').vTicker({ speed: 500, pause: 3000, showItems: 7, animation: 'fade', mousePause: false, height: 0, direction: 'down' });}); </script> <div id="sai"> <script src='http://www.teamarab.tk/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> </div> <a href="http://www.dookala.blogspot.com/2012/12/animated-recent-posts.html"> Get it here </a>

ثم قم بهذه التعديلات:

نقوم بتغير www.teamarab.tk الى رابط مدونتك
ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة التالى : var numposts = 15;
وعدد المواضيع المعروضة عن طريق التغيير فى القيمة التالى : showItems: 7,
والتحكم فى سرعة الحركة عن طريق التغيير فى القيم التاليه : 
speed: 500,
pause: 3000,

يفضل وضع صورة فى كل موضوع لتظهر بالإضافة
من مميزات هذا الاضافه أنه لا يتعارض مع أى اضافه موجودة بالمدونه

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


الاشتراك في: الرسائل (Atom)

جميع الحقوق محفوظه لمدونةعرب تيم قالب للتعديل من تصميمي 2014

من تصميم : عرب تيم