فهرس المدونة


» تابع القراءة

اضافة فهرس لمدونات بلوجر blogger

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

مزايــا اضافــة فهــــرس المدونــــة 

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

طريقــة اضافــة الفهــرس الــى المدونــة 
1- من لوحة تحكم المدونة نقوم بانشاء صفحة او رسالة (مشاركة) جديدة ثم ننتقل الى قسم HTML للرسالة او الصفحة ونقوم بلصق الكود التـــــالــــــــــــــــــــــــــــي :

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: right;"><script src="http://sites.google.com/site/javacodehtml/IndexWithLabels.js"></script></div><div style="text-align: right;"><script src="http://blogger-storm.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script></div><div style="text-align: right;"><script type="text/javascript">var accToc=true;</script></div></div><br /></div>

2- قم بتغيير الرابط الملون باللون اللحمر برابط مدونتك
3- انشر الرسالة او الصفحة لترى الفهرس بشكل منظم ومرتب.
» تابع القراءة

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

ادراج اعلانات جوجل ادسنس وسط الموضوع او التدوينة بمدونات بلوجر أمر يزيد من مردودية الوحدات الإعلانية كونها تجلب عدد كبير من الضغطات وتكون مرئية للزوار بشكل مضمون.

كيفية ادراج اعلانات ادسنس وسط الموضوع او التدوينة بمدونات بلوجر؟

يمكنك وضع اعلانات ادسنس بأي مكان او موضع تريد من التدوينة فقط قم بما هو أتي :

1- قم بنسخ كود الوحدة الإعلانية لأدسنس .

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

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



4- لاتنسى وضع الرمز <br /> قبل وبعد كود "اعلان ادسنس" كما هو موضح بالصورة السابقة وهذا حتى يكون هناك فاصل بين المحتوى والإعلان .

5- واخيرا نقوم بنشر الرسالة لتظهر اعلانات جوجل ادسنس وسط الموضوع كما هو موضح بالصورة التالية.

تحذير 


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

طريقة سهلة جدا لإضافة سلايد شو Slideshow الى مدونات بلوجر

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

كيفية اضافة الأداة ؟
  • من لوحة التحكم للمدونة نختار التخطيط ثم نختار اضافة أداة ثم نختار اداة HtmlJavaScript
  • نقوم بلصق الكود التالي
<style type="text/css">

 /* JavaScript Image Slider By http://mdonti-n.blogspot.com/ */

#mcis {
 display: none;
}

#sliderFrame {
 position: relative;
 width: 468px;
 margin: 0 auto;
        border:3px solid #E1E0E2;
}

#ribbon {
 width: 111px;
 height: 111px;
 position: absolute;
 top: -4px;
 right: -4px;
}

#slider {
 width: 468px;
 height: 260px;
 background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik_5TuS3fuu2Oow2-oaG9p19UoAzfJQMJ0qxgS0HICpwSDrEgTc-LEQCZSVvmmOJQq3eq_LlvD2qDd6UHWl5mc10TrCqJU1Bj3SR9TF6_iJqrRDPCiKhpOSI-BMYKNj5h1StqflMQsBQ/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;
 position: relative;
 margin: 0 auto;
 box-shadow: 0px 1px 5px 010007;
}

#slider img {
 position: absolute;
 border: none;
 display: none;
}

#slider a.imgLink {
 z-index: 2;
 display: none;
 position: absolute;
 top: 0px;
 right: 0px;
 border: 0;
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
}

div.mc-caption-bg, div.mc-caption-bg2 {
 position: absolute;
 width: 100%;
 height: auto;
 padding: 0;
 right: 0px;
 bottom: 0px;
 z-index: 3;
 overflow: hidden;
 font-size: 0;
}


div.mc-caption-bg {
 background-color: #0066CC;
}

div.mc-caption {
 font: bold 25px/21px traditional arabic ;
 color:  #0000;
 z-index: 4;
 padding: 10px 0;
 text-align: center;
}

div.mc-caption a {
 color: #FB0;
}

div.mc-caption a:hover {
 color: #DA0;
}

div.navBulletsWrapper {
 top: 250px;
 right: 190px;
 width: 150px;
 background: none;
 padding-right: 20px;
 position: relative;
 z-index: 5;
 cursor: pointer;
}

div.navBulletsWrapper div {
 width: 11px;
 height: 11px;
 background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQSsLvENML9w0Ns56823WtTdshy2RmVDYPMuHXlI_4llcVqv426NyltndjKUttK8wU0DPUFMsJZBZqmX6RWjMqHeHPQuVs2Q8S3b8LTgelgs5DQ-0Ngcn21_wjqsopBL5eL7g0yk6wQ/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;
 float: right;
 overflow: hidden;
 vertical-align: middle;
 cursor: pointer;
 margin-left: 11px;
 _position: relative;
}

div.navBulletsWrapper div.active {
 background-position: 0 -11px;
}

#slider {
 transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,0,0);
}
 </style> 

<script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>

<div id="sliderFrame">
     <div id="ribbon"></div>
            <div id="slider">

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp"alt=" ttttt"/></a>
                </div></div>
قبل حفظ الأداة نقوم باضافة المواضيع التي نود ظهورها على السلايد شو كمايلي :

  • نضع مكان الرمز xxxxx رابط الموضوع (الرابط الإلكتروني للموضوع )
  • نضع مكان الرمز ppppp رابط الصورة (الرابط الإلكتروني لصورة الموضوع)
  • نضع مكان الرمز ttttt عنوان الموضوع (أو نختار عنوان أخر للموضوع )
  • ثم نقوم بحفظ الإضافة 
تعديل الإضافة بما يتناسب مع مدونتك 
1- اذا أردنا زيادة عدد المواضيع المعروضة نقوم بزيادة عدد الأكواد التالية

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>


اي نقوم بنسخها ولصقها الواحدة تلو الأخرى حسب عدد المواضيع التي نريد عرضها على السلايد شو (Slideshow ).

2- التحكم في ارتفاع وعرض الأداة (الإطار الخارجي) نقوم بالبحث عن الكود التالي :



#slider {
 width: 468px;
 height: 260px;



لتغيير عرض الأداة width 
لتغيير ارتفاع الأداة height

3- تغيير لون السلايدشو الصغيرة (التي يتم بها عرض عنوان الموضوع ) نبحث عن الكود التالي :



 background-color: #0066CC;


ونقوم بتغيير الرمز 0066cc (للحصول على الألوان بصيغة html انتقل للصفحة التالية )

4- تغيير حجم ولون خط عنوان الموضوع (عناوين  المواضيع المعروضة على السلايد شو) ابحث عن الكود التالي :


 font: bold 25px/21px traditional arabic ;


الرمز traditional arabic لإستبدال نوع الخط 

الرمز   25px حجم الخط .

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

برنامج أدوات مشرفي المواقع webmasters

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


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

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

  • التهيئة
  • الصحة
  • حركة المرور
  • التحسين
  • الميزات الإختبارية حيث يمكن اختبار اداء وسرعة الموقع.

رابط البرنامج :أدوات مشرفي المواقع 

» تابع القراءة

اضافة الأزرار (اعجبني،tweet,google plus one) الى البلوجر

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

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

كما يمكننا اضافة الأزرار بواسطة عداد افقي انظر المعاينة  .

كيفية القيام بهذا ؟

أ -  اذا اردنا ظهور الأزرار تحت عنوان الرسالة أو الموضوع نقوم بمايلي :
طبعا بعد تسجيل الدخول الى لوحة تحكم المدونة واختيار قالب ثم تحرير HTML ثم متابعة تعليم خانة توسيع قوالب عناصر واجهة المستخدم ثم :

1- نبحث عن الكود التالي :

    <div class='post-body'>



2- نقوم بعده مباشرة بلصق الكود التالي :


<b:if cond='data:blog.pageType == &quot;item&quot;'><!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f05a6b3451b61e4' type='text/javascript'/>
<!-- AddThis Button END -->
</b:if>  

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


<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f05a6b3451b61e4' type='text/javascript'/>
<!-- AddThis Button END -->
 

3- نقوم بحفظ قالب المدونة ومعاينة الإضافة الجديدة.

ب - اما اذا أردنا ظهور الأزرار عند نهاية أو أسفل الموضوع او الرسالة نقوم بمايلي :

1- البحث عن الكود التالي :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
2- بعده مباشرة نقوم بلصق الكود التالي : 
<b:if cond='data:blog.pageType == &quot;item&quot;'><!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f05a6b3451b61e4' type='text/javascript'/>
<!-- AddThis Button END -->
</b:if>

نقوم بنفس العمل اذا أردنا ظهور الأزرار بالصفحة الرئيسية للمدونة كما سبق وأن قمنا بشرحه.

3- نقوم بحفظ القالب ومعاينة الإضافة الجديدة. 
» تابع القراءة