كيفية إضافة العمود المتحرك لنشر التدوينة (floating bar) إلي مدونة بلوجر؟

مثال:

الخطوات:

1. إذهب إلي مدونتك .
2. ثم إختار القالب.
3. ثم قم بحفظ نسخة إحتياطية.
4. ثم قم بتحرير القالي.
5. ثم قم بتوسيعه .
6. ثم قم بالبحث عن (<b:includable id='post' var='post'>)
7. ثم قم بلسق هذا الكود أسفله.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.mbt_social_floating{
    position:fixed; bottom:10%; margin-left:-60px; float:left;     width:60px;
    background-color:#f7f7f7;     padding: 5px 0 0px 0px;
     border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
    margin-bottom:5px;
    float:none;
    height:auto;
    width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
    margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
    margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
    background:none !important;
    height:21px !important;
    padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
    background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VSjvKLGu3rwfnUiYpgwZ3g9-7C8W4HrfYQffnBXDk-2y8jhXURIwdBitbC-Nvn_euEfzCkDgn2KLBXCiUn1ExFjnBJX4VZO7ZzcQTY0ZTlgiGropc-vOHfBXVLbcfFnkjd8ny_3AECOI/s400/gc_social_sprite.gif&#39;) no-repeat !important;
    height:19px !important;
    width:45px !important;
    padding:0 !important;
}
.st_email .chicklets{
    background-position:0 -77px !important;
    background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VSjvKLGu3rwfnUiYpgwZ3g9-7C8W4HrfYQffnBXDk-2y8jhXURIwdBitbC-Nvn_euEfzCkDgn2KLBXCiUn1ExFjnBJX4VZO7ZzcQTY0ZTlgiGropc-vOHfBXVLbcfFnkjd8ny_3AECOI/s400/gc_social_sprite.gif&#39;) !important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
    background-position:0 -58px !important;
}
.mbt_social_floating  .stButton_gradient{
    border:none !important;
}
.mbt_social_floating .stBubble_count{
    width:44px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding-top:7px !important;
    height:23px !important;
    background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
    color:#00a6df;
    background-color:#f8fbfc !important;
}

.st_fblike_vcount{
    margin-bottom: 0px;
    display: block;
}
.st_twitter_vcount{
    margin-bottom: 3px;
    display: block;
}

.st_email{
    margin-bottom: 5px; margin-top: 3px;
    display: block;
}
.mbt_social_floating .stBubble{
    background-position: 21px 31px !important;
    height:35px !important;
}.mbt_social_floating .st_pinterest_vcount{
    margin-left:5px;
}
.mbt_social_floating .st_pinterest_vcount .st-pinterest-counter{
    background-position:0 -19px !important;
}
.mbt_social_floating .st_pinterest_vcount .stBubble_count{
    color:#FF0505;
    background-color:#fbf8f8 !important;
}

.mbt_social_floating .st_pinterest_vcount .stBubble{
    background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9lhkTuF0Y_kHqJdl7o6KQv2n6U-rux0YbERE62VP1f35GRV7BTuFFFwO81gT0NIM0zEMPxypysURz7NvjDt9_iK5ighHn0-H91YA8t4oD_-_x7aspZCqdoEC9ZdKcb6RX5EihtNkjw_iU/s400/bubble_arrow_pinterest.png') !important;
}


.st_pinterest_vcount{
    margin-bottom: 0px;
    display: block;
}

</style>

<div class='mbt_social_floating'>
    <script type='text/javascript'>var switchTo5x=true;</script>
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false, , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>
    <!-- No more works properly so removing it from mbt list<span class='st_fblike_vcount' displaytext=''/>-->
<div style='margin:0px 0 0px 10px;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></div>
    <span class='st_twitter_vcount' displaytext='' st_via='heart0flion'/>
<span class='st_pinterest_vcount' displaytext=''/>
<div style='margin:0px 0 0 5px;'>
    <span class='st_plusone_vcount' displaytext=''/>
</div>
   
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: &quot;MY BLOGGER TRICKS&quot;,
ui_header_color: &quot;#ffffff&quot;,
     ui_header_background: &quot;#0080FF&quot;
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://a7med-online.blogspot.com/2013/04/floating-bar.html' style='color:#CAC8C8;'>إحصل عليها</a></p>
</div>
</b:if></b:if>

ثم تمتع بشكل جميل لمدونتك ....ولا تنسي الدعاء

  

إقرأ المزيد»

كيف تضع أكواد HTML , CSS في مدونتك بشكل واضح

بسم الله الرحمن الرحيم

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

الخطوات:

1- إذهب مدونتك.

2-إذهب إلي قالب.

3-ثم إختار( تحرير HTML ).

4-قوم بتوسيع القالب.

5-إبحث عن 

]]></b:skin>

6-ثم ضع فوقها هذا الكود

code {background:#EEEEEE; font-family: Trebuchet MS; display:block; border:1px solid #999999; padding:10px;}


7-ثم قم بحفظ القالب .

8- والأن عندما تكتب أي كود ضعه بين 
<code>
ضع الكود هنا
</code>

إقرأ المزيد»

كيف تقوم بعمل تطبيق لمدونتك يعمل علي الأيفون والأندرويد

بسم الله الرحمن الرحيم

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

1- سوف ندخل علي هذا الموقع

http://ibuildapp.com

2-نضغط علي creat your app

3-ثم نقوم بالإشتراك عن طريق الفيس بوك

4-أوعن طريق التسجيل بالإيميل كما موضح في الصورة

5-تقوم بالضغط علي create app

6-ثم نختار الثيم المناسب من بين ألاف الأشكال

7-اختار اسم التطبيق   ثم أختار الأجهزة التي سيعمل عليها التطبيق ثم create

8-ثم أكد نوع التطبيق

9-من هنا تستطيع التغير والتعديل بالضغط علي التاب الموجودة في preview

10-أستكمل تعديل التابس و الشعار والخلفية ثم اضغط علي continue

11-أتخل بقية البيانات وصور للتطبيق

12-أدخل جميع البيانات الكاملة للتطبيق و صورة للأيكونة ثم continue

13 - وأخيرا قم بإشهار تطبيقك

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

لأي إستفسار في التعليقات

إقرأ المزيد»

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

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

ولمشاهدة مدونة أحمد أونلاين بالشكل الجديد من 

هنا

إقرأ المزيد»

أفضل 10 نصائح من محترفين البلوجر لإشهار مدونتك -الجزء الأول

1 - حدد هدفك


يجب قبل أي شيء تحديد هدفك من إنشاء مدونتك سواء كان ربحي أو إفادة .


2- تدوينات ذات معني وهدف


يجب أن تتميز تدويناتك عن غيرها و من الأفضل أن تقوم أنت بالتدوين ولا تقوم بنسخ التدوينات.


3-كن ضيفا علي مدونات أخري


حيث أن تكون كاتب في مدونات ليست لك وهذا يعطي لك شهرة.


4-التعليق في المدونات الأخري


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


5-إشهار مدونتك علي محركات البحث


يجب إشهار مدونتك علي محركات البحث مثل جوجل و ياهوو و بينج.


4-إستخدام trackbacks 


وهو نضام التعقيبات للمدونات وإشهارها ومن أفضل هذة المواقع هو .http://www.copyblogger.com/


5-كن نشط في المنتديات 


هذا الحل يساعدك كثيرا في الإشهار.


6-أفضل عشر تدوينات


تستطيع أن تدون تدوينة بهذا الإسم تضع فيها أفضل تدويناتك وهذا الأمر ينفع كثيرا مع الزوار.


7-قم بعمل قائمتك البريدية


 قم بعمل قائمتك البريدية بإستخدام http://feedburner.google.com


8-قم بتدوين بعض الشروحات




9-قم بربط مدونتك بhttp://pingomatic.com/


10-دعم مدونتك بعمل فيديوهات خاصة بموضوع المدونة 

 للحديث بقية سنقوم بعرض عشر نصائح أخري تابعنا

إقرأ المزيد»

إضافة تغدية مدونتك لافضل 50 دليل RSS مجاني لدعم مدونتك

بسم الله والصلاة والسلام على رسول الله صلى الله عليه وسلم , الرحمة المهداة , وعلى من سار على هديه واستن بسنته الى يوم الدين , أما بعد  فكما يعلم الجميع دلائل تغدية المدونات RSS اصبحت تلعب دور كبير في تقوية ارشفة المواقع والمدونات بمحركات البحث وكدا زيادة في معدل الزوار للمدونات اليوم ساضع لكم لائحة تضم 50 دليلا لاضافة مدوناتكم فيها لتقوية ارشفتها


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



وهده لائحة لافضل 50 قائمةدلائل RSS لاضافة مدونتك فيها

1. 2Rss
2. 5z5.com
3. 9rules.com
4. Allheadlinenews
5. Automotive-links
6. Blogdigger
7. Blo.gs
8. Chordata
9. Crayon
10. CDRinfo
11. Devasp
12. Educational-feeds
13. Feedagg
14. Feedage
15. Feedbase
16. Feed Burner
17. Feedboy
18. Feedcat
19. Rssfeeddirectory
20. Feedest
21. Feedfury
22. Feedgy
23. FeedListing
24. Feedmil
25. Feedmailer
26. Feedplex
27. Feedsee
28. Feed Submitter
29. Feeds4all
30. Feedzie
31. Finance-investing
32. Gabbr
33. Genwi
34. Goldenfeed
35. Icerocket
36. Itsmynews
37. Jordomedia
38. Keegy
39. Leighrss
40. Mediapost
41. Medical-feeds
42. Medworm
43. Metafeeder
44. Millionrss
45. Moneyhighstreet
46. MyMSN RSS Directory
47. News-feeds
48. Newsknowledge
49. News-feeds
50. Newsknowledge

إقرأ المزيد»

اضافة زر الارسال send و زر الاعجاب like لمدونات بلوجر من فيسبوك facebook

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

الخطوة الاولى

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

الخطوة الثانية

ابحث عن :

<div class='post-header-line-1'/>

واضف الكود بعدها

واذا لم تجدها ابحث عن :(قد تجد اثنتين فالثانية المقصودة)

<data:post.body/>

واضف الكود التالي بعدها ليظهر في اخر التدوينة ، او قبلها ليظهر اول التدوينة

1- كود اضافة زر الارسال فقط

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!--Facebook Send button Start -->
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='tahoma'/>
    <!--Facebook Send button End   --></b:if>

  

2- كود اضافة زر الاسال + زر الاعجاب  

   <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Facebook Like+Send button Start a7med-online.blogspot.com/ -->
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light'  action='like'  layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>
<!-- Facebook Like+Send button End  -->
</b:if>

 تخصيص الزر بما يناسبك

1- احذف ما تم تعليمه بالبرتقالي اذا كنت تريد ان يظهر الزر في جسم التدوينة وفي الصفحة الرئيسية لمدونتك

tahoma : نوع الخط وتستطيع تغييره بخطوط اخرى مثل arial
light : يعني خفيف ، ويمكن تغييرها الى معتم dark

الان احفظ القالب ومبروك عليك الاضافة .

إقرأ المزيد»

حذف رسالة " عرض أحدث المشاركات ذات التصنيف.عرض المشاركات الأقدم " المزعجة

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

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
( قم بالبحث فقط على الجزء الاول منه لتجده )

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div class='status-msg-wrap'>

<div class='status-msg-body'>

<data:navMessage/>

</div>

<div class='status-msg-border'>

<div class='status-msg-bg'>

<div class='status-msg-hidden'><data:navMessage/></div>

</div>

</div>

</div>

<div style='clear: both;'/>

</b:if>

</b:includable>

ثم قم بإستبداله بالكود التالي :

<b:includable id='status-message'>

    <b:if cond='data:navMessage'>

    <div>

    </div>

إقرأ المزيد»

إضافة الزر 1+ لجوجل على مدونات بلوجر -add +1 button

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).

</body>

 ثم قم بلصق الكود التالي قبله :

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

الآن قم بالبحث عن هذا الكود :

<data:post.body/>

ثم قم بلصق الكود التالي بعده ،ليكون الزر أسفل التدوينة ،أو قبله ليكون الزر تحت عنوان التدوينة .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<g:plusone expr:href='data:post.url' size='tall'/>
</b:if>

ملاحظة : يتوفر زر1+ على 4 قياسات حيث يمكنك إختيار القياس المناسب لك وذلك بإستبدال الكلمة tall  من الكود بأحد القياسات الموجودة في الصورة أسفله  .

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

إقرأ المزيد»