اضافة اقراء المزيد الي مدونات بلوجر blogger

اكمل القراءة في الفترة الماضية اضافت بلوجر خاصية اقراء المزيد او اكمل القراءة الي مدونات بلوجر الاضافة مهمة جدا وهي تقوم باختصار الموضوع   ليظهر في المدونة بشكل مختصر كما هو الحال في مدونتي , الاضافة موجودة تلقائيا في محرر بلوجر ولكن هناك طريقة افضل واجدي لاعتمادها وإدخالها لقالب بلوجر

اولا نقوم بالذهاب الي لوحة التحكم الرئيسية في بلوجر ومن ثم الي التخطيط ومن ثم الي تحرير HTMAL وبعدها نقوم بتوسيع القالب ونبحث عن الكود التالي من خلال الامر Ctrl+f

<data:post.body/>

بعدها نقوم بأدراج الكود التالي فوق الكود السابق

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

وبعد ادراج الكود السابق نقوم بأدراج الكود التالي تحت الكود الاول

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'> here </a>
</b:if>
</b:if>

 

ونقوم بتغير كلمة here الي اكمل القراءة او اقراء المزيد حسب مانريد , و في النهاية يصبح الكود في هذه الشكل

image

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

<span class="fullpost">

</span>

ليكون بهذا الشكل ,,, بعدها نقوم بحفظ الاعدادات

image

 

وبعدها في اي تدوينه ندونها سواء من البرنامج الرائع التدوين من سطح المكتب Writer  او محرر بلوجر نقوم بإدخال الجزء الذي نريد اخفاءه من المقالة بين الكودين السابقين مثال

image

مثال اخر

image

ونستخدم الكودين في كل مرة نكتب فيها مقالة في المدونة ,,,,

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


اكمل القراءة...

اضافة ازرار مواقع النشر الاجتماعية اسفل التدوينة - social bookmarking





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

اولا : عاين الاضافة من هنا

ثانيا : اذا اعجبتك الاضافة فتابع للاسفل لمعرفة طريقة تركيب الاضافة


طريقة تركيب اضافة ازرار المشاركة
_____________________________________________________________________

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

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

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

ابحث عن :

 <data:post.body/>

 واضف بعدها هذا الكود :(كود الاضافة)

 <div align='center'>
  <span class='post-icons'>


<!-- Widget Title , Share This Start, Remove Or Leave-->
<p align='right'>
  <img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg'/></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/AVvXsEhElPQiowaU0vOxGrjGSVlhj4_zs9fziFde61AtTO-embrrO5S8ZDxBgRU9Tt4Tz1GTEalFNcAI6Hggd69M5KJNl0bHtHZ_PzHLzKsCYaVGgjM8QaeScd7BCnVmN7IrzO4N89Bh6qvm8uY/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/AVvXsEjaRQp0emF0j21F2HfnUwbzHu0etSP7hHs8gIb5HiSNPWHI_Jb2gQBWXYkEupi9BhNOTY0HJsUjyBwrdb1u8T5Y0WVf9y9e0tgdAm4TP3ce5-mA512QriCHLK00Ew-cI323p1wVL-0rgQI/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/AVvXsEiQl3TRGqlm69quia0tgwBxO6mG7Mqd5GflEFiyXGz3rjQjenyvcLVJLHsxo14o-ceKrZa_21prtjT3REiRnVlNPEP5ABFNzyv4-cRKapJie18BhYlNtbsSl1BtbW8HP9AfWGuVNedjPyM/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/AVvXsEhpqtw8JjYpGgd-VRiSpPlT0JTXq0IhIR5MU-L5hwU_Iv3ILr3dfG3KFRU_HPF5p-eojXmA6lg3MNY7GV5ySFttOZGeNvhIKPZBBs28-QwuJY8ZreLA-b1LtCssi_JDzFhq81XVz_0c4KI/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/AVvXsEhDwZCNFDpVHIN2ZsaZY5R7Ti5a6tlx_GtuPQDRY-nLfhbWiJM-2ugYGJVatuMlL1OCMdKa-jGlaCYPQEr72kBzx2dRzvRG8eZhJ7ihUQ7KlpbNBdefYKujG523aMKRLW683slGIjfIWKM/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/AVvXsEjEx6jL6H9E4IAfzrXLH2t869oKx5EYWk-4-6tXjvBuQptwqVqhs3tK76aHtA2M8u5qjtaeyxle9I97A8pdFZU4hAnMlYSg1wc-hqmlWw0JjzBB2sE2qcoY6ajSbcMY0td8sKhjOpnQmQI/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/AVvXsEi6YubVCZFD32tKKkNxSPP1ad4hSF4hPedUmUcsc-j9-u307NSXwdS4Zpzx8dB1aLPjA7JrQbiTxHBqrv2Cq5naDjadUBy-FDz_crzBDj0_HHXa7Hqe60gB7_DBm_26l-Ulezd4zQDOtk4/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>


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

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

 اولا : تستطيع ان تحذف اي ايقونة من هذا الكود وهذا مثال :
لحذف ايقونة موقع delicius 
 اختر هذا الكود واحذفه مع المحافظة على نفس المسافة بين اكواد الايقونات :


<!-- 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/AVvXsEiQl3TRGqlm69quia0tgwBxO6mG7Mqd5GflEFiyXGz3rjQjenyvcLVJLHsxo14o-ceKrZa_21prtjT3REiRnVlNPEP5ABFNzyv4-cRKapJie18BhYlNtbsSl1BtbW8HP9AfWGuVNedjPyM/s200/delicious.png'/></a>
<!-- Delicious Button End, Remove Or leave -->


 وتستطيع ايضا ان ترتب الايقونات بما يناسبك عن طريق بدال اماكن الاكواد .

ثانيا : غير صورة عبارة شارك هذه الصفحة بأي صورة اخرى
هذا رابط الصورة في الكود :
 http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg

 ونفس الامر بالنسبة للايقونات تستطيع تغيرها عن طريق تغيير روابط الصور، وعلى سبيل المثال هذا هو رابط صورة ايقونة تويتر :
http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png

ثالثا : كلمة center وتعني المنتصف وهي تخص الايقونات وتستطيع تغييرها الى right او left (يمين - شمال )

رابعا : اتمنى ان تكون الاضافة في متناول الجميع بدون اية عوائق في القالب ، ولا انسى ان اشكر allblogtools .

بالتوفيق للجميع


اكمل القراءة...

قالب بلوجر EMPERORS

قوالب بلوج


اكمل القراءة...

قالب بلوجر – Revolution الازرق

 Untitled

  • توافقية القالب : متوافق معا اغلب المتصفحات
  • مميزات :  مساحة اعلانية في الهيدر + لون جميل
  • تحميل القالب : Box | 4sherad | الكود جاهز
  • شاهد القالب Demo


    • اكمل القراءة...

      اضف زر اعجبني من فيس بوك الى التدوينة - like button

      الفيس بوك وما ادراك ما الفيس بوك ، 200 مليون مشترك قبل عام كانوا مسجلين في موقع الفيس بوك عملاق التواصل الاجتماعي على الشبكة العنكبوتية ، ما يهمنا منه هو كيفية استقطاب المزيد من الزوار من هذا الموقع ، وبعد موضوع اضافة ايقونة مشاركة فيس بوك ، اعرض لكم اليوم اضافة زر الاعجاب الى مدونات blogger  ، طبعا هذا الزر غني عن التعريف لكل من يستخدم موقع فيس بوك ، لا اريد ان اطيل عليكم ولنبدأ بطريقة تركيبه اسفل التدوينة :



      __________________________________________________________________


      لاضافة زر الاعجاب تابع الخطوات .

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

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

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

      ابحث عن :


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

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

      واذا لم تجدها ابحث عن :
      <data:post.body/>

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

      اما كود الاضافة فانسخه من هنا :

      <b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>



      لا تنسى الكلمات باللون الاحمر يمكن تعديلها
      tahoma : نوع الخط
      light : يعني خفيف ، ويمكن تغييرها الى dark
      450px : العرض الذي ستأخذه الاضافة ويمكن تغييره حسب قالب مدونتك


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

      اكمل القراءة...

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

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

       

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

      <div class='post-footer-line post-footer-line-1'>

      ملاحظة : اذهب الي لوحة التحكم الرئيسية في blogger بعدها الي التخطيط ثم الي تحرير HTMAL وبعدها قم بالضغط علي توسيع القالب وبالضغط علي امر Ctrl+f ونبحث عن احد من الاكواد

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

      <data:post.body/>

       

      الازرار في بلوجر – الاضافة الاولي

      image اضافة مميزة بحيث توفر الكثير من الخيارات كما هو موضح اعلي , هذه الاضافة الاكثر انتشارا في عالم الويب

      <!-- AddThis Button BEGIN -->
      <div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
      <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c0b757622ee98ff"></script></div>
      <!-- AddThis Button END -->

       

      الازرار في بلوجر – الاضافة الثانية

      image اضافه جميلة مثل ما سبق ولكن اصغر من السابق واعتقد انها اجمل من السابقة ,,,

      <!-- AddThis Button BEGIN -->
      <div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
      <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c0b75a921869577"></script></div>
      <!-- AddThis Button END -->

       

      الازرار في بلوجر – الاضافة الثالثة

       image اضافه اكثر من رائعة حيث انها كبداية تبرز الفيس بوك وتويتر و الاشارات المرجعية ويمكنك كسابق الاضافات اختيار المزيد

      <!-- AddThis Button BEGIN -->
      <div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c0b772a6ce8233a' class='addthis_button_compact'>Share</a>
      <span class='addthis_separator'>|</span>
      <a class='addthis_button_facebook'></a>
      <a class='addthis_button_myspace'></a>
      <a class='addthis_button_google'></a>
      <a class='addthis_button_twitter'></a>
      </div>
      <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c0b772a6ce8233a"></script>
      <!-- AddThis Button END –>

       

      الازرار في بلوجر – الاضافة الرابعة

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

      <!-- AddThis Button BEGIN -->
      <div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c0b788548469805' class='addthis_button_compact'>Share</a>
      </div>
      <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c0b788548469805"></script>
      <!-- AddThis Button END -->

      جميع الازرار السابقة مزودة من موقع www.Addthis.com 

      الازرار في بلوجر – الاضافة الخامسة

      image اضافة جميلة جدا ومنسقة بشكل جميل وبخيارات اخري جميلة وبنسق مختلف ومن موقع مختلف كذلك

      <!-- AddToAny BEGIN -->
      <a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share/Bookmark"/></a>
      <script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
      <!-- AddToAny END -->

      الازرار في بلوجر – الاضافة السادسة

      image اضافة جميلة ومنسقة مثل الاضافة السابقة ولكنها اصغر  ,,,,

      <!-- AddToAny BEGIN -->
      <a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_120_16.gif" width="120" height="16" border="0" alt="Share/Bookmark"/></a>
      <script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
      <!-- AddToAny END -->

      الازرار في بلوجر – الاضافة السابعة

      image

      كذلك اضافة مثل السابقة ولكن باختلاف بسيط ,,,,

      <!-- AddToAny BEGIN -->
      <a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_106_16.gif" width="106" height="16" border="0" alt="Share/Bookmark"/></a>
      <script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
      <!-- AddToAny END -->

       

      الازرار في بلوجر – الاضافة الثامنة

      image اضافة عبارة علي صور مربع صغير فقط يمكن الجميع من المشاركة بكل بساطة

      <!-- AddToAny BEGIN -->
      <a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/favicon.png" width="16" height="16" border="0" alt="Share/Bookmark"/></a>
      <script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
      <!-- AddToAny END -->

       

      الازرار في بلوجر – الاضافة التاسعة

      image  اضافة مثل ماسبق ولكن بحجم اكبر من السابق ,,,,,

      <!-- AddToAny BEGIN -->
      <a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_256_24.png" width="256" height="24" border="0" alt="Share/Bookmark"/></a>
      <script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
      <!-- AddToAny END -->

       

      الازرار في بلوجر – الاضافة العاشرة

      image هذه الاضافة سندرجها باللغة العربية وباللغة الانجليزية وفي الصورة اعلي نشاهد المثال باللغة العربية

      <!-- AddToAny BEGIN -->
      <a class='a2a_dd' href='http://www.addtoany.com/share_save'>شارك الموضوع</a>
      <script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
      <!-- AddToAny END -->

      image للغة الانجليزية يمكنك اضافة الكود التالي

      <!-- AddToAny BEGIN -->
      <a class="a2a_dd" href="http://www.addtoany.com/share_save">Share & Bookmark</a>
      <script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
      <!-- AddToAny END -->

      جميع الازرار السابقة مزودة من موقع www.addtoany.com

       

      يمكنك اضافة هذه الازرار اما في الموضوع او حتى عبر اضافة اداه HTML/JavaScript  ,,,, بالتوفيق للجميع


      اكمل القراءة...

      الراب المغربي على قناة الجزيرة

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











      اكمل القراءة...