‏إظهار الرسائل ذات التسميات اكواد html. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اكواد html. إظهار كافة الرسائل

جعل لوجو 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 | اضافة | بلوجر | الماوس | وضع
التسميات: , , , ليست هناك تعليقات :

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

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


  • عبر هذه الإضافة سيكون لكل موضوع او تدوينة  تعليقاتها الخاصة.
  • إمكانية الرد على تعليقات الآخرين و الإعجاب بها.
  • إدارة التعليقات و التحكم فيها عبر تصفيتها، محوها أو حظر كاتبيها.
  • كل من علق فإن تعليقه يظهر على صفحته على فيسبوك مرفقا برابط للموضوع و صويرة في حال أبقى على الإشارة في خانة "نشر في فيسبوك" "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) :
الاشتراك في: الرسائل ( Atom )