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

طريقة التركيب :

*قم بزيارة هذا الرابط  وتابع الشرح بالصور

 قم بتعديل البيانات التاليه:
_ في الحقل الأول ضع رابط صفحتك
_ الثاني العرض
_ الثالث الارتفاع
_ الرابع لأظهار المعجبين ضع علامه لاظهارهم كما هو الحال في الصوره
_ الخامس لاظهار اخر مواضيع الصفحه "ويستحسن الغاءها"
_ السادس لاظهار الاطار "مستحسن لانه يلغي كلمة on facebook" ويظهر اسم الصفحه فقط
_ ثم اضغط "Get code"


ستظهر لك الصفحه التاليه

 


_ انسخ الكود الاول وازرعه بقالب مدونتك " واسهل طريقه هي وضعه في اداة Html\java script" وضعها بأي مكان فهس لن تظهر

_ثم خذ الكود الثاني وضعه في أداة HTML\JavaScript جديده وضعها بالمكان الذي تريد أن تظهر به الاضافه

_ ثم اضغط حفظ وعاين بنفسك

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

لإضافة الأداه إتبع الآتي :ـــ


- قم بإضافة أداة "HTML JavaScript " جديده في المكان الذي تريد

- إنسخ الكود التالي بداخلها

<!-------- الاذكار ------------>
<center>
<table border="0" width="100%" id="table1" cellspacing="1">
<tr>
<td align="center"><b><font size='2'>أذكار الصباح</font></b></td>
</tr>

<tr>
<td align="center" width="100%">
<font face="Tahoma"><embed style="border-style:double; border-width:1px; " src="http://www.alafasy.com/audio/alathkar/1_sabah.ram" width="150" height="29" type="audio/x-pn-realaudio-plugin" autostart="false" controls="ControlPanel" border="1"></embed></font></td>
</tr>

<tr>
<td align="center"><b><font size='2'>أذكار المساء</font></b></td>
</tr>
<tr>


<td align="center" width="100%">
<font face="Tahoma"><embed style="border-style:double; border-width:1px; " src="http://www.alafasy.com/audio/alathkar/2_masaa.ram" width="150" height="29" type="audio/x-pn-realaudio-plugin" autostart="false" controls="ControlPanel" border="1"></embed></font></td>

</tr>
</table>
</center>
<br />
<!-------- الاذكار ------------>

- إضغط حفظ وعاين الأداه بنفسك

 كثير ما تسبب كلمة الاشتراك في الرسائل atom الازعاج لأصحاب المدونات
 وهي موجوده في العديد من القوالب التي تدعمها بلوجر
 وفي كل القوالب الموجوده علي بلوجر
 ولحذف هذه الجمله إفعل الآتي:ـــ

-إذهب إلي "تحرير HTML"

-ضع علامه في خانة توسيع القالب
-إبحث عن الكود التالي أو مايماثله  "طريقة البحث إضغط ctrl+f"

b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

- قم باستبداله بالكود التالي :ــ

<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds' style='display:none;'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

- إضغط حفظ وعاين بنفسك

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

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

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

</head>

قم بلصق الكود التالي قبله "فوقه" مباشرة

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /*  عدد أحرف المواضيع بدون صورة */
summary_img = 250; /* عدد أحرف المواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة*/
img_thumb_width = 128; /*طول الصورة */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.nuancier-peinture.org"></a></font>

وهذ الكود سيجعل الصوره تظهر في يسار النص (كما هو الحال في مدونتي) "وطبعا الكلام المكتوب بالاصفر لن يؤثر علي القالب لأنك إن وضعت أي نص بين هذين العلامتين /* */ فسيكون مجرد تعليق فقط لتذكيرك فيما بعد ولن يؤثر علي النص البرمجي"





 وإذا أردت أن تظهر الصوره في يمين النص تجاهل الكود الأول واستبدله بهذا الكود:

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /*  عدد أحرف المواضيع بدون صورة */
summary_img = 250; /* عدد أحرف المواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة*/
img_thumb_width = 128; /*طول الصورة */
</script>
<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/><font size="0"><a href="http://www.nuancier-peinture.org"></a></font>

وإذا رغبت في ظهور الصورة في الوسط قم بلصق الكود التالي :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /*  عدد أحرف المواضيع بدون صورة */
summary_img = 250; /* عدد أحرف المواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة*/
img_thumb_width = 128; /*طول الصورة */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/LireLaSuiteCentre0.

js' type='text/javascript'/><font size="0"><a href="http://www.nuancier-peinture.org"></a></font>

والآن قم بالبحث عن الكود التالي :

<data:post.body/>

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

<<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>
<b:else/>

b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
</b:if><font size="0"><a href="http://www.nuancier-peinture.org"></a></font>>

*مايظهر باللون الأحمر هو شرط عدم إظهار خاصية إقرأ المزيد في الصفحات الثابته بالمدونه*

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

يمكنك تبديل كلمة "إقرأ المزيد"المكتوبه بالأزرق في الكود السابق بكلمة أخرى حسب رغبتك أو تبديلها بصورة

وذلك بإستبدال عبارة إقرأ المزيد.. بالكود التالي :

<img src="رابط الصوره" title="إقرأ المزيد" alt="إقرأ المزيد"/>

ويمكنك تغيير مالون بالأحمر إلي ماتريد "فهو مايظهر عند المرور بالماوس علي صورة إقرأ المزيد

* وهذا رابط صورة إقرأ المزيد للقوالب الداكنه أو الشبيهه بقالب مدونتي

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB3OcoM6aOAvjJ7WkiB7HRWLhfg5-u0SOcCDmnsBI2ZOKhDACuojxuQLT17w4Iq2YD8h_FG_fl_mQkFJvK9bAH_kKbgH5RozsmUZM3E_s5qXZNP3Hx__AKFbT6IrPuVeLlL46Bulf7hjo/s200/cooltext465108368.jpg


معاينه للصوره

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

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

* طريقة التركيب :ـــ


_ إذهب إلي تحرير قالبHTML
_ ضع علامه في خانة توسيع القالب

_إحفظ نسخه إحتياطيه من القالب "كالعاده"


_ إبحث عن الكودالتالي :

<data:post.body/>

"إذا وجدت أكثر من واحد فالأول هوالمقصود"

_بعده مباشرة "تحته" أكتب الكود التالي :

<div align="center">
المصدر | <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></div>

 _ إحفظ القالب وعاين الإضافه بنفسك

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

 * طريقة التركيب :ــ
 _ إذهب إلي تحرير قالب HTML
_ إضغط علامة توسيع القالب 

_ وكالعاده" طبعا "إحفظ نسخه إحتياطيه من القالب قبل البدء


ثم إبحث عن الكود التالي:

<data:post.body/>

 إذا وجدت الكود مكرر أكثر من مره فالثاني هو المقصود
* طريقة البحث : إضغط ctrl+f *

ثم بعده مباشرة ضع الكود التالي

<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>

_ إضغط حفظ وعاين الإضافه بنفسك

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

 طريقة الإضافه:ــ
 _ إذهب إلي تحرير قالب HTML
 _ ضع علامه في مربع توسيع القالب

_ إحفظ نسخه إحتياطيه من القالب قبل البدء في التعديل

_ إبحث عن الكودين التاليين

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>


وإبحث عن هذا الكود أيضا :<h4 id='comment-post-message'><data:postCommentMsg/></h4>

_ إستبدل ما لون بالأحمر في الكودين بالكود التالي

<img src="رابط الصوره" title="ضع تعليقك علي الموضوع" alt="ضع تعليقك علي الموضوع"/>

 _ إحفظ القالب وعاين الإضافه

*يمكنك تغيير مالون بالأزرق بما تريد "فهو مايظهر عند مرور الماوس علي الصوره"

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

 طريقة التركيب:
-أضف HTML/JavaScript جديده وسمها "أخر 10 موضوعات" أو ماتريد
-إنسخ الكود التالي بداخلها

<script src="http://sites.google.com/site/taliblogsite/file/Headlines-ar-widget.txt"> </script><script style=""> var nMaxPosts = 10; var sBgColor; var nWidth; var nScrollDelay = 250; var sDirection="up"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="" src="http://ellbloger.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script><scriqt>
<ul><span style=";">
<a href="http://ellbloger.blogspot.com/2009/12/blog-post_23.html" title=" ">  </a><a href="http://ellbloger.blogspot.com/" title=""></a></span></ul>
<!--NoEdit--></scriqt>

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

ملحوظه " رابط المدونه مكتوب 3 مرات استبدلهم الثلاثه برابط مدونتك"

- إضغط حفظ وعاين الأداه بنفسك


* ويمكنك التعديل علي الإضافه لتتناسب مع أسلوب مدونتك وذوقك الخاص وهذه هي العناصر التي يمكن تعديلها:


* var nMaxPosts = 10; -يحدد عدد المواضيع التي تظهر في الشريط

* var sBgColor; - var sBgColor= grey; :اذا كنت تريد تغيير لون الخلفية

* var nWidth; - لتحديد العرض

* var nScrollDelay = 250; - لتحديد السرعة كلما قلت القيمة زادت السرعة

* var sDirection="left"; - لتحديد جهة الحركة.
left     = Right to left
Right = Left to right
Up     = Down to up
Down = Up to down

var sBulletChar="»»"; هذا هو الرمز الذي يظهر قبل عنوان اي موضوع على الشريط ويمكنك تغييرة بأي رمز تريد

إستمتع بلإضافه

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

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


لعمل أداة التبادل الإعلاني
- قم أولا بإضافة صفحه أو موضوع لمدونتك وليكن أسمه مثلا "التبادل الإعلاني"
- قم بإضافة أداه Html \ Java Script في المكان الذي تريد
- انسخ الكود التالي بداخلها
- إضغط حفظ

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<a href="رابط الموقع أو صفحة الاعلانات/" target="_blank"><img alt="النص عند المرور بالماوس" src="رابط الصوره للاعلان1" title="أعد النص مره أخري" /></a> &nbsp; &nbsp;&nbsp; <a href="رابط موقع الاعلان2" target="_blank"><img alt="النص هنا" src="رابط الصوره للاعلان2" title="اعد النص مره أخري" /></a></div></div>

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

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

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

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

وسنتناول الآن طريقة إظهار أزرار المشاركه في مواقع التواصل الإجتماعي "facebook_twitter_digg...."

-إذهب إلي "تحرير HTML"
-إحفظ نسخه إحتياطيه من القالب قبل العمل به تجنباً للأخطاء
-ضع علامه في خانة توسيع القالب

- إبحث عن الكود التالي:

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

أو قد تجده على هذا الشكل فجرب البحث عن أحدهما:

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

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

<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>

ثم إضغط حفظ وعاين بنفسك

كلنا كثيرا ما نعجب بأحد المواقع أو المدونات مثلاً
 ونود أن نزورها مره أخري ولكن المشكله هي أننا ننسي إسم الموقع أو رابطه
 ومثلما يحدث هذا معنا في المواقع الأخري .. فإنه بالطبع يحدث مع بعض زوار مدوناتنا
 فكثير من الزوار يعجبون بالمحتوي ... ولكنهم لايذكرون رابط المدونه "وخاصة ان رابط المدونه ينتهي بـ .blogspot.com"
 مما يسبب فقدان الكثير من الزوار يومياً

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

 ولإضافة هذه الأداه إلي المدونه

 - قم بإضافة أداة Html \Java Script جديده في المكان الذي تريد

 - وقم بنسخ الكود التالي بداخلها
 -ثم إضغط حفظ

<SCRIPT language="JavaScript1.2">
var bookmarkurl="http://www.ellbloger.blogspot.com";
var bookmarktitle="هنا اسم موقعك";
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle);
}
</SCRIPT>
<center><A href="javascript:addbookmark()">أضفنا للمفضلة لديك</A>

"لاتنسي تغيير رابط المدونه برابط مدونتك أو موقعك أو منتداك وكذلك اسم الموقع الذي سيحفظ به في جهاز المستخدم
وكذلك يمكتك تغيير كلمة "أضفنا للمفضله لديك" بما يناسبك

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

ولكن هذه الأداه بها مشكله صغيره
"وهي أنها لاتعمل إلا علي Internet explorer فقط

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

السلام عليكم...،

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

وها هي الطريقه


- قم بإضافة أداه html \ java script جديده
- إنسخ الكود التالي بداخلها
- ثم إضغط حفظ


<script language="JavaScript">

<!--



//Disable right mouse click Script

//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive

//For full source code, visit http://www.ellbloger.blogspot.com



var message="عفوا .. لا يمكنك عفوا .. لا يمكنك نسخ المحتوي لأنك زائر] ";



///////////////////////////////////

function clickIE4(){

if (event.button==2){

alert(message);

return false;

}

}



function clickNS4(e){

if (document.layers||document.getElementById&&!docume nt.all){

if (e.which==2||e.which==3){

alert(message);

return false;

}

}

}



if (document.layers){

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;

}

else if (document.all&&!document.getElementById){

document.onmousedown=clickIE4;

}



document.oncontextmenu=new Function("alert(message);return false")



// -->

</script>


يمكنك تغيير المكتوب بالأحمر إلي ماتريد "وهي الرساله التي تظهر عند محاولة النسخ"

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