شرح طريقة إضافة شريط علوي للأقسام على قمة رأس مدونة بلوجر

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

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

بعد ذلك إضغط على تحرير HTML كما هو موضح في الصورة :

ثم إضغط على متابعة كما هو موضح في هاته الصورة :

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

ثم بعد ذلك إضغط في لوحة المفاتيح على  CTRL+F جهازك على  على أساس ضهور مربع البحث وقم بالبحث عبر على هذا الكود: 

<div class='menu-primary-wrap'>


شاهد الصورة 

بعد البحث عن هذا الكود داخل قالب مدونتك كما هو موضح في الصورة السابقة ، تقوم بإضافة بعده مباشرة هذا الكود 

<li><a href='http://arab-googl.blogspot.com//search/label/hola?&amp;max-results=11'>hola</a></li>
</ul>


شاهد الصورة

ملاحظة :

تقوم بتغيير ما باللون الأحمر داخل الكود  إلى التسمية التي تريدها 

تقوم بتغيير ما باللون الأزرق داخل الكود إلى رابط مدونتك 

-وإذا أحببت تسميات أخرى تقوم بتكرارنفس الكود الاول

أتمنى أن الدرس قد أفادكم 

تابع القراءة Résuméabuiyad

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

سوف أشرح لكم اليوم كيفية إضافة Meta Tags إلى المدونة حيث أن الميتا تاج تلعب دورا مهما في إشهار المدونة في محركات البحث و ذلك عن طريق إضافة كود إلى قالب المدونة يتكون من وصف للمدونة و الكلمات التي لها علاقة بها و كذلك اسم الكاتب أو صاحب المدونة , هناك الكثير من المدونين لا يعطون للميتا تاج أهمية إلا أنها مهمة و ذات فعالية كبيرة , أترككم مع الشرح
انتقل إلى لوحة التحكم ثم إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم .
قم بتحميل نسخة من قالب المدونة تحسبا لأي خطأ .
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

<b:include data='blog' name='all-head-content'/>

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

<meta content='DESCRIPTION HERE' name='description'/><meta content='KEYWORDS HERE' name='keywords'/><meta content='AUTHOR NAME HERE' name='author'/>

• التعديل على الكود :

1. مكان (DESCRIPTION HERE) اكتب وصف لمدونتك

1. مكان (KEYWORDS) اكتب الكلمات التي لها علاقة بمدونتك

1. مكان ( AUTHOR NAME HERE) اكتب اسم الكاتب أو صاحب المدونة

1. و هكذا أكون قد انتهيت من شرح هذا الدرس على أمل أن تستفيدو منه

تابع القراءة Résuméabuiyad

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

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



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

كل ما عليك فعله هو الذهاب إلى هذا الموقع لعمل خريطة لموقعك



 http://ctrlq.org/blogger



ضع في الإطار التالي رابط مدونتك كما هو مبين في هاته الصورة

إضغط على generate sitemap  لتوليد الكود الذي هو خريطة مدونتك ، بعد ذلك سوف تحصل على هذا الكود كما في الصورة التالية

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

إضافة تسمية توضيحية

ثم إضغط على تفضيلات البحث كما هو ظاهرفي هاته الصورة

 بعدها أنقر على تحرير لملف robots.txt كما هو ظاهر في الصورة

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

لا تنسى أن تضع العلامة على مربع نعم ، ثم قم بحفظ التغييرات ، ومبروك عليك الأرشفة القوية على محركات البحث.

تابع القراءة Résuméabuiyad

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

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

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


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

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

<div class='comments' id='comments'>

مهم جدا :  سوف تجده مكرر مرتين ، لهذا ضع أسفل كل واحد منهما هذا الكود

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'>
<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-_CHvhIdk5mgy6i0RxKOt-MKF4l6Q8aOKXA35DYkX1u4Xg5KrDTPDG3lpImybzMkdzR3sfvWsMhpoJzPwFMeBbGEfm4mOIpSmraYPu_AIVXeIdgBe1i1ptTcTUv29Pe24vpId26_O-8/s1600/FACEBOOK.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'>
<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtepr4HbRTtNu-cnMO66EWIQmvNi34fai5GFLykdfVgEF9Q_yLf7ew-Kp7J_BZjrrRUODwJAMCQ6-AN1vX_a6XH01bPol3jbDwJgLEC_bZvPhIdMoKZrrB6jo58XZhmhCdA8NHCfPLKt0/s1600/BLOGGER.png'/>
<data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comakauttafb-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/>
</b:if>
</div>
<div class='comments comakauttafb-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='potter182' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comakauttafb-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>
<style type='text/css'>.comakauttafb-page, .comakauttafb-tab
{-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page
{background:transparent;);margin-top:8px;}#blogger-comments-page
{padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px
1px
#fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s
ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s
ease-out}.comakauttafb-tab-icon
{height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover
{background:rgba(219,219,219,.8);}.inactive-select-tab
{background:rgba(255,255,255,.4);}.inactive-select-tab,
.comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px
#fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px
#fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px
#fff,1px 1px 5px #000}</style>

قم بحفظ التغييرات ومبروك عليك الإضافة المهمة ...

تابع القراءة Résuméabuiyad

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

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


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

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

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

</head>

بعد أن تجده قم بوضع قبله هذا الكود

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

بعد أن تظيف الكود قم بحفظ التغييرات ، ثم توجه إلى لوحة تحكم مدونتك من جديد وقم بالضغط على التخطيط ثم إضغط على إضافة أداة ، وقم باختيار html java script وقم بوضع في المربع هذا الكود

<script <script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyUElezxJ5N_YHCCVijThmqiVFRJanDQTVN1vFbF-z65nEfhrfRoybwXhVg0xbI3hisN9CVWPS0Yx5cUvSYJPmcHAfpLssrxzzQSP4oNw9GUZ6jiJrNaHkdM5xYualEuAI_NM5IrZIwEcA/s1600/facebook-right.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Farabgoogl&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.lymura-s.blogspot.com/"amjad blog</a> / <a href="http://lymura-s.blogspot.com/2011/07/jquery_04.html">انضم الينا</a></span></div></div>

الآن كل ما عليك أن تفعله قبل حفظ التغييرات هو تغير إسم المستخدم باللون الأزرق 

الخاص بصفحتك على الفيسبوك والذي هو عندي كما هو واضحarabgoogl 

*ملاحظة : إسم المستخدم هو الذي يوجد في آخر رابط صفحتك على الفيسبوك

*مثال  : www.facebook.con/arabgoogl 

تابع القراءة Résuméabuiyad

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

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

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

وفي هاته التدوينة  الجديدة وفي إطار دروس بلوجر دائما سوف أقربك من طريقة تسريع تصفح مدونتك عبركود html تقوم بإضافته إلى قالب مدونتك ، بعده ستلاحظ أن مدونتك قد إكتسبت سرعة أكثر من ما كانت عليه من قبل في تصفحها.

وللقيام بهاته العملية ، تذهب مباشرة إلى لوحة تحكم مدونتك ، وتضغط على قالب ، ثم تحرير html ثممتابعة ، وتقوم بوضع علامة على توسيع قوالب عناصر واجهة المستخدم وتضغط في مفاتيح جهازك علىctr+f وتبحث عن هذا الكود

</BODY>

فوقه مباشرة تقوم بوضع هذا الكود

<SCRIPT SRC='HTTP://AJAX.GOOGLEAPIS.COM/AJAX/LIBS/JQUERY/1.4.2/JQUERY.MIN.JS?VER=1.4.2' TYPE='TEXT/JAVASCRIPT'/>
<SCRIPT SRC='HTTP://SITES.GOOGLE.COM/SITE/SIMOXOOORG/HOME/JQUERY.LAZYLOAD.MINI.JS?VER=1.5.0' TYPE='TEXT/JAVASCRIPT'/>
<SCRIPT TYPE='TEXT/JAVASCRIPT'>
JQUERY(DOCUMENT).READY(FUNCTION($){
IF (NAVIGATOR.PLATFORM == &QUOT;IPAD&QUOT;) RETURN;
JQUERY('IMG').LAZYLOAD({
EFFECT:&QUOT;FADEIN&QUOT;,
PLACEHOLDER: &QUOT;HTTP://LH5.GGPHT.COM/_XRWO8MEPDY0/TEDXIQJRAUI/AAAAAAAAAKU/3LWQSFT8IRQ/GREY.GIF&QUOT;
});
});
</SCRIPT>

في الأخير قم بحفظ التغييرات ومبروك عليك الإضافة الجديدة والتي سوف تقوم بتسريع تصفح مدونتك بشكل ملموس

تابع القراءة Résuméabuiyad