اضافة أداة تزكية جوجل google PagRank الى مدونة بلوجر

كيفية ربط مدونة بلوجر ببرنامج جوجل تحليلات Google Analytics

اضافة أداة اقرأ المزيد read more الى مدونات لوجر

أداة اقرا المزيد أو مزيد من المعلومات أو بالإنجليزية read more هي أداة ضرورية في تصميم المدونات وتحسين مظهرها خاصة الصفحة الرئيسية للمدونة .

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

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

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

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

       . اذهب الى صندوق تحرير الرسائل لبدا مشاركة جديدة

       . ابدأ بكتابة رسالتك أو مشاركتك الجديدة

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

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

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

      

كيف تقوم بتغيير مؤشر زر الماوس بمدونتك بلوجر

اضافة زر like أعجبني الى بلوجر

اضافة قائمة أفقية الى مدونة بلوجر

اضافة زر المشاركة facebook share في بداية الموضوع

اضافة ساعة الى مدونة بلوجر

كيفية اضافة مقاطع فيديو اليوتيوب الى مدونتك blogger

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

1 - نستطيع فعل ذالك بطريقتين 

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

الطريقة الثانية وهي الطريقة السهلة و المثلى  والمنصوح بها وهي :

* عند مشاهدتنا لمقطع فيديو معين على موقع اليوتيوب نلاحظ أسفل الفيديو وجود مريع يحتوي على بعض الأزرار منها رز مشاركة  نقوم بالضغط عليه.

* لتظهر لنا مجموعة من أزرار مواقع الشبكات الإجتماعية مثل موقع الفيسبوك أو تويتر أو blogger، نقوم بالضغط على blogger.

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

2- شرح بالفيديو لكيفية اضافة مقاطع فيديو اليوتيوب الى مدونتك blogger



مزيد من مقاطع الفيديو على قناة Drwabwibe

اضافة مربع بحث خاص بموقع يوتيوب youtube بمدونات بلوجر blogger

اضافة صندوق أو غرفة المحادثة Chat Room الى بلوجر blogger

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

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

فوائد ومزايا غرفة المحادثات 

1. - كسب أصدقاء جدد.
2. - التقريب بين زوار مدونتك .
3. - كسب جمهور متابع لمدونتك باستمرار.
4. - تقديم دعم فوري للزوار .

كيفية اضافة غرفة المحادثة الى مدونتك ؟

1. - أولا قم بالدخول الى الموقع التالي http://www.yaplet.com/
2. - اخترالشكل المناسب .
3. - قم بادخال رابط مدونتك على شكل http://www.yyy.com 
4. - اضغط على generate ثم قم بنسخ الكود .
5. - قم بتسجيل الدخول الى مدونتك على موقع بلوجر .
6. - اذهب الى التخطيط ثم اختر اضافة أداة ثم اختر HTML/JavaScript وقم بلصق الكود واضغط حفظ وابدأ المحادثة مع جمهورك بدون انتظار.

اضافة زر العودة الى الأعلى الى بلوجر blogger

اضافة أداة حالة الطقس weather widgets الى بلوجر blogger

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

اضافة أزرار موقع فيس بوك facebook الى بلوجر blogger

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

لإضافة زر موقع فيس بوك الى مدونتك اتبع الأتي 

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

• زر المشاركة : وهو زر يمكن للزوار من مشاركة محتوى مدونتك مع أصدقائهم على موقع الفيس بوك .

• زر fan box : زر جميل جدا يمكن وضعه بأي مكان بالمدونة للدخول مباشرة الى موقع فيس بوك .

• زر الصفحة : وهو زر خاص بصفحتك على موقع facebook يمكنك عرضها مباشرة على مدونتك .

شرح كيفية اضافة قائمة أفقية بأعلى مدونة بلوجر

اضافة قائمة افقية علوية menu horizontal بمدونة blogger يمكنك من اختصار مواضيع مدونتك وعرضها بشكل بسيط وواضح أما زوار مدونتك خاصة عندما تكون القائمة علوية تظهر لكل الزوار بدون عناء كما يمكنك تقسيم مدونتك الى عدة أقسام وتخصيص كل قسم لمواضيع معينة .

لأضافة قائمة افقية علوية أو menu horizontal بمدونة بلوجر اتبع الشرح المبسط التالي بواسطة و

1. - قم بتسجيل الدخول الى مدونتك على موقع blogger 
2. - من لوحة التحكم الخاصة بمدونتك اختر التخطيط ثم اختر تحرير html .
3. - قم بحفظ نسخة من قالب مدونتك .
4. - اضغط المفتاح f3 من لوحة المفاتيح ثم ابحث عن الكود التالي :

</b:skin>

5- ثم مباشرة قبل الكود السابق قم بنسخ الكود التالي :

-------------------------------------------------------------------
/*URL: http://www.AllBlogTools.com/ */

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #DBFF6C;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}

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

6- ثم قم بحفظ قالب مدونتك

7-ثم اذهب الى التخطيط اختر اضافة أداة ثم اختر ثم بلصق الكود التالي :

------------------------------------------------------------------------------------------------------------------------
<ul class="basictab">
<li class="selected"><a href="http://www.AllBlogTools.com.com">Home</a></li>
<li><a href="http://www.allblogtools.com/blogger-templates/">Blogger Templates</a></li>
<li><a href="http://www.allblogtools.com/blogger-tricks-and-hacks/">Blogegr Tricks</a></li>
<li><a href="#">Edit</a></li>
<li><a href="#">Edit</a></li>
<li><a href="#">Edit</a></li>
<li><a href="#">Edit</a></li>
</ul>
--------------------------------------------------------------------------------------------------------------------------

 8- يمكنك تغير لون خلفية القائمة من خلال البحث عن الكود التالي وتغير رمز اللون الذي تريد .

background-color: #f6ffd5; 

9- وتغير لون القائمة عند المرور عليها بزر الماوس من خلال الكود التالي :

background-color: #DBFF6C;

10- وتغير لون النص من خلال الكود التالي :

color: black;

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

اضافة أداة ترجمة جوجل الى مدونتك

اداة ترجمة النصوص الخاصة بجوجل هي اداة تساعد زوار موقعك أو مدونتك في ترجمة المدونة بكل ما تحتويه من مواضيع الى عدة لغات بنقرة واحدة دون نسخ النص ونقله الى خدمة ترجمة النصوص google translate التابعة لشركة جوجل.

شرح كيفية اضافة زر صدى جوجل goole buzz الى مدونة بلوجر

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

شرح كيفية اضافة أداة مواضيع ذات صلة

شرح كيفية اضافة أداة المواضيع المشابهة أو مواضيع ذات صلة وهي أداة تقوم ببحث الي في مدونتك عن الموضيع المشابهة للموضوع الذي تم تصفحه بحيث تقوم بمقارنة الكلمات المتشابهة داخل محتوى المدونة أو الموقع .

شرح كيفة وضع أزرار المفضلة تحت مواضيع مدونتك

اضافة أيقونات المفضلة تحت مواضيع مدونتك أمر جميل ويسمح لزوار مدونتك بمشاركة أصدقائهم عبر الشبكات الإجتماعية المختلفة لمواضيع مدونتك مما يزيد عدد زوار المدونة بشكل ملحوظ ,خاصة منها الشبكات الإجتماعية الكبيرة مثل facebook وموقع twitter و myspace وغيرها من المواقع التي تحتوي على عدد كبير من المشتركين يقدر بعشرات الملايين .

اتبع الخطوات البسيطة لشرح كيفية اضافة أيقونات المفضلة social bookmark تحت مواضيع مدونتك 

1. - قم بتسجيل الدخول الى مدونتك .
2. - من لوحة التحكم بمدونتك اختر التخطيط ثم اختر تحرير html .
3. -اضغط المفتاح f3 من لوحة المفاتيح الخاصة بك وقم بالبحث عن الكود التالي :

___________________________________

<data:post.body/>

___________________________________

4- مباشرة بعد الكود السابف قم بلصق الكود التالي ثم اضغط حفظ .
---------------------------------------------------------------------------------------------

<div align='left'>
<span class='post-icons'>
<!-- Widget Title , Share This Start, Remove Or Leave-->
<p align='left'>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxnNzqsaCNK6Hkj8VlToxDk_64QIAB0jlrHj63r8Y-sSXDo_KjJ7tqB5cFFFa159nmyt1sA7_XzUjUhFNbO4ayo3SNU2fdUaf2kDGx7USCsMUCcG6y5RjgBPme9vcpGeBQh2rOKFaTIbhG/s400/share-this.png'/></p><!-- Widget Title , Share This Start, Remove Or Leave-->
<!-- Stumbleupon Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'><img alt='Stumble This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Llu0y6vOZLRgL0kngyKl7azxX4_-tKr799bQr7oAJbR1t5c4QeiL2hAKQFvxyLWZU3Xo8kw9p2a7kl6q9p2OubX8kqXWvpRZQYGve3mNF5DicN21Bu7J4uNpcML3rZQ94w56UU3_BXM/s200/stumbleupon.png'/></a>
<!-- Stumbleupon Button End, Remove Or leave -->
<!-- Technorati Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtUiYy7vvSTqz123XronBXLVaGbQcm19biGM0EHYPHdbG4_hJynLF2LCm-IsdYhO8ia4R4Jl-Hqig1E1cIHEyar_98VywzfEih5B_M_EjIgjiwnai0l2LmOuIQVsmkd1dutSFFmE-7J2E/s200/technorati.png'/></a>
<!-- Technorati Button End, Remove Or leave -->
<!-- Delicious Button Start, Remove Or leave -->
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOCf_J8ayhcy9C5c7JPCMuSNPbwiD8LDiCKLubo8AzcfEw4tHyrTdrnh-HKK09olsu3dyjZJkp7NU0TVxgiEt207wos8oWLqZnS6Z36Ublqvt04q24ocknQpgUN_dmPAjcggQINTnbx-E/s200/delicious.png'/></a>
<!-- Delicious Button End, Remove Or leave -->
<!-- Digg Button Start, Remove Or leave -->
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'><img alt='Digg This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhvF7LQH3dtEWp-ySj2S8bxKjccDquP8TFCDgHfYhUSbipfAR79GHcsWy-ohkVX5p9pfqoJFR5u3V0YmIjF79DsDB7qegbKLzbdZ4NSm4R3C7QtyHw1acGmjByLRlwPVGbuMEomAByv1w/s200/digg.png'/></a>
<!-- Digg Button End, Remove Or leave -->
<!-- Reddit Button Start, Remove Or leave -->
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Reddit'><img alt='Add To Reddit' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsoU-D_j6so_9QbgEc30WYhBEEV5097y3lotaHM82r3KefYiFVNA0crPUfxSkF8xqbkud5hGSIADXVpppVw87hFFFPeLP_O1r0moko-KYstOUFt0IPEaAdasxBSdS64RFXkfZ_H5ShqF0/s200/reddit.png'/></a>
<!-- Reddit Button End, Remove Or leave -->
<!-- FaceBook Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Facebook'><img alt='Add To Facebook' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG6heNDFCYfrnex3fWXY2MJqX0EcChEg_ffere6rKXixsg7H6e6aQofDIVz9r0jQfoyebAcXC_N8ejhxzTX18ZnhHAyBMeQCgGuIKBQnYb2Jc-SCASQtCQf60fc3HKB3TOvmbik3fhJRw/s200/facebook.png'/></a>
<!-- FaceBook Button End, Remove Or leave -->
<!-- Yahoo Button Start, Remove Or leave -->
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Yahoo'><img alt='Add To Yahoo' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnn5bJKZqt1gwFIJMnPUs_h9hGgU5nIgZu_qwVI8HYppft9MEryGLDZJwMT6J18N7ywCdhEHtbxpHwY8Hgrr9HdysXWFhENpalQdqM1UU7u887y5nMjQ9A4feMTAYU2cheLeCzyt3st4c/s200/yahoo.png'/></a>
<!-- Yahoo Button End, Remove Or leave -->
<!-- Twitter Button Start, Remove Or leave -->
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='#'>
<span style='display:none;'>I&#39;m reading: <data:post.title/></span><img alt='Add To Yahoo' border='0' class='icon-action' src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png'/></a>
<!-- Twitter Button End, Remove Or leave -->
</span>
</div>
---------------------------------------------------------------------------

5- ثم قم بعرض المدونة لمشاهدة النتيجة كما بالصورة التالية .

6-اذا كنت تمتلك مدونة باللغة العربية تستطيع تغير الكود من اليسار الى اليمين وذالك بتغيير left الى right كما يمكنك تغيير الإسم share this الى أي اسم أخر بالعربية أو الإنجليزية , اذهب الى أي برنامج تصميم للصور وليكن paint مثلا ثم اختر نص صغير مثلا انشر الموضوع ثم قم بحفظ النص بصيغة صورة jpg أو png ثم قم بتحميل الصورة على احدى مواقع رفع الصور أو على بلوجر .

7- قم بنسخ رابط الصورة المحملة على النات ثم ألصقه كما هو موضح بالصورة التالية