‏إظهار الرسائل ذات التسميات اضافات البلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اضافات البلوجر. إظهار كافة الرسائل

جعل لوجو logo المدونة يتوهج عند وضع الماوس عليه

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

style="opacity=1;this.filters.alpha.opacity=100"
onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity=70"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"





من لوح تحكم مدونتك توجه إلى صفحة "التصميم"  ثم "تحرير HTML" و قبل أي تعديل رجاء احفظ نسخة احتياطية من قالب مدونتك ثم ضع علامة في خانة توسيع القالب.
ابحث عن Show the image only
ستجده مثل هدا 

  <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style="opacity=1;this.filters.alpha.opacity=100
onmouseover="this.style.opaci"ty=0.7;this.filters.alpha.opacity=70"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>

اضف ما باللون الاحمر الى الكود
هنيئا لك الاضافة

لاي تساؤل انا في الخدمة 

اخوكم محمد عربي
الكلمات الدلالية : لوجو | شفافية | الصور | صورة | تتوهج | تشع | logo | اضافة | بلوجر | الماوس | وضع
التسميات: , , , ليست هناك تعليقات :

اضافة زر تابعني على تويتر معرب

بسم الله الرحمان الرحيم اقدم لكم اليو اضافة زر تابعني عبر تويتر follow me المقدم من تويتر لمدونات بلوجر. هده الاضافة معربة.يستطيع زائر المدونة متابعتك على تويتر.الاضافة على الشكل التالي :
 
طريقة اضافة زر تابعني عبر تويتر :


ادخل الى لوحة تحكم مدونتك 
ثم تخطيط ثم اضافة اداة HTML\JavaScript
ثم اضف الكود التالي :

<b:if cond='data:blog.pageType == &quot;item&quot;'><a width='600px' class='twitter-follow-button' data-align='right' data-button='grey' data-lang='ar' data-link-color='#EB4C07' data-show-count='true' data-text-color='#000000' href='http://twitter.com/of_all_arabs'>تابعني على تويتر</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></b:if></script></b:if>

غير  of_all_arabs الى اسم حسابك على تويتر
قم بحفظ القالب وبهادا ننهي العمل

للمزيد من اضافات مدونة بلوجر اضغط هنا 

 ملاحظة يمكنك وضع هدا الكود اينما تشاء لعرض الاضافة







التسميات: , ليست هناك تعليقات :

اضافة تعليقات الفيسبوك احترافية

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


  • عبر هذه الإضافة سيكون لكل موضوع او تدوينة  تعليقاتها الخاصة.
  • إمكانية الرد على تعليقات الآخرين و الإعجاب بها.
  • إدارة التعليقات و التحكم فيها عبر تصفيتها، محوها أو حظر كاتبيها.
  • كل من علق فإن تعليقه يظهر على صفحته على فيسبوك مرفقا برابط للموضوع و صويرة في حال أبقى على الإشارة في خانة "نشر في فيسبوك" "Post to Facebook". الشيء الذي سيساعد في إشهار المدونة و نشر مواضيعها...
  • والمزيد..  
طريقة تركيب تعليقات فيسبوك : 


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


ستدخل رابط مدونتك و رابط اسم النطاق الذي عليه مدونتك، مثلا blogspot.com لمدونات بلوجر التي لا تستعمل اسم نطاق خاص. كذلك ستكون قد نسخت معرف التطبيق الموضح في الصورة لانك ستحتاجه فيما بعد

إضافة الأكواد اللازمة إلى قالب المدونة

من لوح تحكم مدونتك توجه إلى صفحة "التصميم"  ثم "تحرير HTML" و قبل أي تعديل رجاء احفظ نسخة احتياطية من قالب مدونتك على جهازك ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
ابحث عن <html ثم بعده مباشرة أضف الكود الآتي :
xmlns:fb='http://www.facebook.com/2008/fbml'

و سيصبح إذن الكود بهذا الشكل :
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

الآن ابحث عن <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى: 

<div id='fb-root'/><script>window.fbAsyncInit = function() {FB.init({xfbml: true, appId: معرف التطبيق });};(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/ar_AR/all.js'document.getElementById('fb-root').appendChild(e);}());</script>

بعد ذلك ابحث عن </head> ثم قبله مباشرة ألصق الكود الآتي:

<b:if cond='data:blog.pageType == &quot;item&quot;'><meta expr:content='data:blog.pageTitle' property='og:title'/><meta expr:content='data:blog.url' property='og:url'/><b:else/><meta expr:content='data:blog.title' property='og:title'/><meta expr:content='data:blog.homepageUrl' property='og:url'/></b:if><meta content='عنوان المدونة' property='og:site_name'/><meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/><meta content='معرف التطبيق ID' property='fb:app_id'/><meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/><meta content='article' property='og:type'/>

لا تنس تغيير ما أشير إليه كما يلي:
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط الاحمر : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID :  لإيجاد المعرّف الخاص ببروفايلك في الفيسبوك قم بزيارة هذا الرابط بعد تعديله https://graph.facebook.com/YourProfile  مثلا الرابط الخاص ببروفايلي هو :
 https://graph.facebook.com/mohamed.arabi
. فبحسابك هذا ستكون مدير التعليقات Admin.

ثم ابحث عن <data:post.body/> و بعده مباشرة ألصق الكود الموالي :
560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك

<b:if cond='data:blog.pageType == &quot;item&quot;'><div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/><fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/></div></b:if>
و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.
اضغط زر الحفظ و هنيئا لك.
التسميات: , , هناك تعليقان (2) :

بعض اكواد html المهمة لكل مدون مبتدئ

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

 <a href="http://رابط موقعك">ضع هنا نصك</a>

عندما نريد العودة الى السطر لا فائدة من الضغط على "انتر" بل ضع فقط 


  <br>

 لتغيير لون النص: 

كود: 

<font color=ضع اللون>النص هنا</font> 



لجعل نصك متحركا: 

كود: 
<marquee>النص هنا</marquee>

 لوضع صورة: 

كود: 

<img src="http://رابط الصورة هنا"/>

 لوضع صورة "مضغوطة" تحمل الى موقع ما: 

كود: 
<a href="http://رابط موقعك"><img src="http://رابط الصورة هنا"/></a>

 انواع الخطوط: 
*خط غليظ:
كود:

<b>النص هنا</b>

* خط مائل: 
كود:

<i>النص هنا</i>

*خط غليظ و مائل :
كود:

<b><i>النص هنا</i></b>

* نص مسطر: 
كود:

u>النص هنا </u>

*نص كبير: 

كود: 

<font size="4">نص كبير</font>

 اظهار نص تلقائي

كود: 
<input type="texte" name="ضع الاسم الدي تريد" value="نص تلقائي"> 


 لجعل النص في الوسط: 
كود:

 <div align="center"> نصك هنا</div>



لجعل النص الى اليمين: 
كود:

 <div align="rignt">نصك هنا </div>

لجعل النص الى اليسار: 
كود:

  <div align="left">نصك هنا </div>
سيكون هناك المزيد من الاكواد قريبا 
ان شاء الله 



التسميات: , , , , هناك تعليقان (2) :

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

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

ادخل الى لوحة تحكم مدونتك
ثم تخطيط ثم اضافة اداة HTML\JavaScript
ثم اضف الكود التالي :
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>

<td><center><a href="رابط  المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125"  /></a></center></td>
</tr>
<tr>

<td><center><a href="رابط  المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125"  /></a></center></td>

<td><center><a href="رابط  المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125"  /></a></center></td>
</tr>

</tbody></table>

</div>

قم بتغيير.. رابط المعلن - رابط الصوره - نص الاعلان
التسميات: , ليست هناك تعليقات :

اضافة صندوق تابعني عبر تويتر الشبيه بصندوق الفيس بوك لـ بلوجر

بسم الله الرحمان الرحيم والصلاة والسلام على خير البرية مبعوث رحمة للبشرية في الاونة الأخيرة أصبح تويتر يشكل مصدرا قويا للزوار .حيث أصبح منافسا قويا للفيس بوك. 
اقدم لكم صندوق تابعني عبر تويتر الشبيه بصندوق الفيس بوك حيث يستطيع زائر المدونة متابعتك بتويتر عن طريق هذا الصندوق هذه صورة للصندوق
طريقة اضافة صندوق تابعني عبر تويتر :
ادخل الى لوحة تحكم مدونتك
ثم تخطيط ثم اضافة اداة HTML\JavaScript
ثم اضف الكود التالي :
<script src="http://s.moopz.com/fanbox_init.js" type="text/javascript">
</script><div id="twitterfanbox">
</div>
<script type="text/javascript">
fanbox_init("of_all_arabs");
</script><div style=”font-size:10px;”></div> 
 غير  of_all_arabs الى اسمك على تويتر

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

التسميات: , ليست هناك تعليقات :

اضافة زر تويت tweet الى مدونة بلوجر

بسم الله الرحمان الرحيم والصلاة والسلام على خير البرية مبعوث رحمة للبشرية اقدم لكم رز تويت المقدم من تويتر .
 مميزات الزر:
  • تصميم جميل و متوفر بأشكال عدة.
  • إمكانية تخصيص الزر و تعديله حسب الرغبة.
  • نافذة قافزة تسرع الارتباط بتويتر و نشر المحتوى عبره.
 طريقة اضافة الزر المقدم من تويتر:
توجه إلى لوح تحكم مدونتك ثم صفحة تحرير html ثم قم بتوسيع القوالب.
بعد ذلك ابحث عن <data:post.body/> و فوقه مباشرة ضع الكود الآتي :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="tweetbutton" style="float:left; padding:6px;">
<a href="http://twitter.com/share" class="twitter-share-button" expr:data-url='data:post.url' expr:data-text='data:post.title' data-count="horizontal" data-via="of_all_arabs">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
</b:if>
لتغيير شكل الكود
  • left يمكنك استبدالها ب right لوضع الزر ناحية اليمين.
  • horizontal نستبدلها ب vertical للحصول على شكل جديد للزر أو ب none لإخفاء عداد مرات النشر. لكم أمثلة توضيحية.

شكل أفقي horizontal


شكل عمودي vertical







دون عداد none



  • data-via="of_all_arabs" هذه لإظهار حسابك على تويتر بهذا الشكل @of_all_arabs مثلا يمكنك استبدال of_all_arabs باسمك على تويتر



الكلمات الدلالية : بلوجر | اضافات بلوجر | تويت | زر | تويتر | طريقة | كود | tweet 
التسميات: , ليست هناك تعليقات :

وضع صورة مكان عبارة اقرا المزيد او تابع القراءة

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


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


<img border="0" src="Image URL"/>
 بعدعها ضع رابط الصورة مكان Image URL

وبهذا ننهي العمل.
التسميات: , ليست هناك تعليقات :

طريقة اضافة انضم الي على الفيسبوك

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










طريقة اضافة انضم الي على الفيسبوك:  

الآن توجه إلى هذه الصفحة


  ثم اضغط  Get code


 

















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




التسميات: , ليست هناك تعليقات :

اضافة زر اعجبني لمدونة بلوجر

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



طريقة اضافة زر اعجبني:

من لوح تحكم مدونتك توجه إلى صفحة تحرير Html ، و قبل بدء التعديل احفظ نسخة احتياطية من القالب ثم ضع علامة في خانة توسيع القوالب و جد هذا الكود. (في حال وجدت منه اثنين فالمقصود هو الثاني).   
<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=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

ثم قم بحفظ القالب و تكون قد أنهيت المهمة.
التسميات: , ليست هناك تعليقات :

إضافة زر 1+ إلى مدونة بلوجر


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

طريقة تركيب زر 1+ (زائد واحد) على مدونات بلوجر
  


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

ثانيا : ابحث عن </head> ثم فوقعه مباشرة ضع الكود الآتي.

 
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'ar'}
</script>


ثالثا : ابحث عن  <data:post.body/>  و قبله مباشرة ألصق الكود الآتي إن أحببت أن يظهر الزر فوق جسم التدوينة مباشرة تحت العنوان. أما إن أردت أن يكون الزر تحت التدوينة فألصق الكود الآتي بعده.
 
<div style='float:left'>
<g:plusone size="tall" expr:href="data:post.url"/>
</div>


يمكن استبدال left ب right لتوجيه الزر ناحية اليمين.

كذلك يمكن استبدال tall ب standard ، medium ، small 
 لتغيير حجم و شكل الزر كما هو موضح في الصورة أسفله.
 
 
 رابعا : اضغط على زر حفظ التعديلات لإنهاء المهمة.

ملاحظة: يمكنك وضع هذا الكود 
<div style='float:left'>
<g:plusone size="tall" expr:href="data:post.url"/>
</div>
اينما شأت لتستعرض الزر حسب خبرتك








التسميات: , ليست هناك تعليقات :
الاشتراك في: الرسائل ( Atom )