مدونة مجا بلوجر اوف

الثلاثاء، 28 مايو 2013

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

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

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

</head>

ثم ضع الكود التالي فوقه :

<link href='http://sites.google.com/site/mohamedabuiyad/horizontal-bar/abu-iyad.css' rel='stylesheet' type='text/css'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

قم بحفظ القالب ثم توجه إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :

<ul class="abu-iyad">
<li class="current"><a href="http://abu-iyad.blogspot.com/"><b>الرئيسية</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/05/abu-iyad.html"><b>فهرس المدونة</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/05/blog-post_3377.html"><b>بلوجر</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/search/label/SEO?&max-results=6"><b>SEO </b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/04/blog-post.html"><b>إتصل بنا</b></a></li>
</ul>

و لإضافة تسميات أخرى على القائمة الأفقية ما عليك سوى إضافة مثل هذا الكود

<li><a href="رابط التسمية "><b>التسمية</b></a></li>

فوق السمة :

</ul>

ولاتنسي تبديل مالون بالأحمر بإسم التسمية ورابطها على الكود

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

كما ذكرت سابقا لدينا الآن 5 نماذج من القوائم الأفقية ويمكنك إختيار أي واحدة حسب ألوان مدونتك ،عليك سوى تبديل الكلمة ذات اللون الأزرق " abu-iyad" بأحد هذه الكلمات :

abu-iyad
abu-iyad bleu
abu-iyad vert
abu-iyad orange
abu-iyad violet

ولا تنسى أن تقوم بتبديل ما لون باللون الأحمر بروابط مدونتك وتبديل ما لون باللون الأخضر بعناون القائمة .

الجمعة، 15 فبراير 2013

الأحد، 16 ديسمبر 2012

إضافة خاصية اقرا مزيد....على بلوجر

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

مثال على خاصية اقرأ المزيد :

توجه إلى لوحة التحكم =>اختر تصميم => تحرير HTML
قم بتوسيع القالب , “قم بتحميل نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
وأبحث عن الكود التالي :

</head>

قم بإضافة الكود التالي فوقه مباشرة :

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 530;
summary_img = 440;
img_thumb_height = 220;
img_thumb_width = 220;
</script>
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url'> اقرأ المزيد… </a></span>
</b:if>
</b:if>

التعديل على الأكواد :

الكود الأول :

summary_noimg = 530; ==> حجم النص بدون صورة
summary_img = 440; ==> حجم النص مرفوق بصورة
img_thumb_height = 220; => طول الصورة
img_thumb_width = 220; => عرض الصورة

الكود الثاني :

1- تغيير اتجاه اقرأ المزيد :

لتغيير اتجاه اقرأ المزيد كل ما عليك فعله هو تغيير ( right ) ب ( center ) إذا أردتها في الوسط أو ( left ) إذا أردتها في اليسار.

2- تغيير اقرأ المزيد بصورة :

يمكنك تغيير اقرأ المزيد بأي كلمة أخرى مثل ( تابع القراءة ), كما يمكنك تغييرها بصورة من اختيارك و ذلك عن طريق تغيير كلمة اقرأ المزيد بالكود التالي :

<img src="Url Of Your image" title="إقرأ المزيد" alt="إقرأ المزيد"/>

إذا واجهتكم أي مشكلة في تركيب الخاصية المرجو ذكرها في تعليق

إضافة سلايدر احترافي لمدونات بلوجر

بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين.

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

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

بعد تسجيل دخولك إلى مدونتك توجه إلى صفحة التصميم ثم تحرير HTML.
الآن ابحث عن <head> و بعده مباشرة ضع الأكواد الآتية :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://javascript-file.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/>

بعد ذالك ابحث عن ]]></b:skin> و مباشرة فوقها ضع الأكواد الآتية:

/*
 Coin Slider jQuery plugin CSS styles
 http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { text-align:right; width: 590px; padding:10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

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

إضافة أداة السلايدر إلى تصميم المدونة

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

<div id='coin-slider'>
 <a href="رابط الموضوع الأول">
  <img src="رابط صورة الموضوع الأول" />
  <span>عنوان الموضوع الأول</span>
 </a>
 <a href="رابط الموضوع الثاني">
  <img src="رابط صورة الموضوع الثاني" />
  <span>عنوان الموضوع الثاني</span>
 </a>
 <a href="رابط الموضوع الثالث">
  <img src="رابط صورة الموضوع الثالث" />
  <span>عنوان الموضوع الثالث</span>
 </a>
 <a href="رابط الموضوع الرابع">
  <img src="رابط صورة الموضوع الرابع" />
  <span>عنوان الموضوع الرابع</span>
 </a>
</div>
<script type="text/javascript">
 $(document).ready(function() {
  $('#coin-slider').coinslider({ width: 590, height: 250, navigation: true, delay: 5000 });
 });
</script>

■ رابط الموضوع الذي تود أن ينتقل إليه الزائر في حال ضغطه على الصورة.
■ رابط الصورة التي سوف تظهر في السلايدر و يجب أن تكون بنفس قياسات السلايدر (عرض و طول)
■ عنوان الموضوع أو وصف مقتضب له.
■ عرض السلايدر المطلوب يمكن تعديله بما يناسب مدونتك (نفسه سيكون عرض صور المواضيع)
■ ارتفاع السلايدر المطلوب كذلك يمكن تعديله بما يناسب مدونتك (نفسه سيكون ارتفاع صور المواضيع)
يمكن تكرار الأكواد في حال الرغبة في عرض أكثر من أربعة مواضيع.
بعد تعديل المطلوب اضغط زر حفظ الأداة ثم قم بسحبها إلى مكان فوق مستطيل رسائل المدونة كما هو موضح في الصورة أسفله:

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

جعل إضافة السلايدر تظهر فقط بالصفحة الرئيسية

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

<b:widget id='HTML2' locked='false' title='سلايدر' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if> 
</b:includable>
</b:widget>

احفظ القالب و عد لعناصر الصفحة و احذف عنوان أداة السلايدر.
و لمن يرغب في مزيد من التحكم في الإضافة يرجى زيارة هذه الصفحة:
Coin Slider: Image Slider with Unique Effects
◄ نشر هذا الموضوع بدعم من: مدونة البلوقر | دروس، إضافات، قوالب لمدونات بلوجر.

إضافة اقرأ ..... المزيد إلى مدونات البلوجر

مثال على خاصية اقرأ المزيد :

توجه إلى لوحة التحكم =>اختر تصميم => تحرير HTML
قم بتوسيع القالب , “قم بتحميل نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
وأبحث عن الكود التالي :

</head>

قم بإضافة الكود التالي فوقه مباشرة :

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 530;
summary_img = 440;
img_thumb_height = 220;
img_thumb_width = 220;
</script>
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url'> اقرأ المزيد… </a></span>
</b:if>
</b:if>

التعديل على الأكواد :

الكود الأول :

summary_noimg = 530; ==> حجم النص بدون صورة
summary_img = 440; ==> حجم النص مرفوق بصورة
img_thumb_height = 220; => طول الصورة
img_thumb_width = 220; => عرض الصورة

الكود الثاني :

1- تغيير اتجاه اقرأ المزيد :

2- تغيير اقرأ المزيد بصورة :

<img src="Url Of Your image" title="إقرأ المزيد" alt="إقرأ المزيد"/>

إذا واجهتكم أي مشكلة في تركيب الخاصية المرجو ذكرها في تعليق

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

add author & tags and time for blogger post

بسم الله الرحمان الرحيم , إخواني الكرام السلام عليكم و رحمة اله تعالى و بركاته .

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

مثال على الإضافة

اتبع هاته الخطوات لتركيب هاته الإضافة :

توجه إلى لوحة التحكم =>اختر تصميم => تحرير HTML
قم بتوسيع القالب , “و لا تنسى أخذ نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
وأبحث عن الكود التالي : <div class='post-header-line-1'>
إذا لم تجد <div class='post-header-line-1'> فقم بالبحث عن : <div class='post-header'>
بعد إيجاد الكود المطلوب قم بإضافة هذا الكود فوقه مباشرة :

<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpx-CPfADrLm3rWR-A3cOY7yAO3_lTmx9gDWOHP_wqFeDSOmOLer81P33x4_oYkWweWwCt_4BvyeWleb_PIWf1gjl_O1T0ITlouflfMXE_B_gaIVlwojnvxlkYjy6Q8vQWgiaR8R6n-fM/s1600/user.png) no-repeat scroll top right;padding-right:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyaM4DUjoVaqb1u1dbNk2kXvgnuLXiIMH3Gqm06OP1ukTpXbcPhyZueGPpkxvXJADFB8b3iFOmT_VPyRxoiay5yg_08IyRXbZ5DBI1UrCBN881qL0HLdUoZlKmPuifV59EPGv2k_mJrVA/s1600/clock.png ) no-repeat scroll top right;padding-right:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Nf_WnoBnxCW6HTc83UbZPlrwYwakge4dF6fJwSNUnHs9xYjyyzhWAO2vbm5cHw1K6JCLX3SIDNjNUCnKonTuYh5h150WFu3rUhbqGCGDcJXczM2Xi8MHFEKadpdLA-8yE4BFUGGOYyU/s1600/folder.png) no-repeat scroll top right;padding-right:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:left;'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjg9XbZN5IU5_mR9jWZXrzhOZGzl10FLzK8BtBlH1q5cpbYeQGM9N_-hwrwszIab-GwLrHyPZfFkx8i7iQMFGri9ONRRTlPJcb3mbNkb3AcUb0bHAo1EujYSG71Ig6tCRCprrTlJBSXCc/s1600/comment.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>تعليقات<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/>تعليقات<b:else/><data:post.numComments/>تعليقات</b:if> </b:if></a>
</b:if>
</b:if>
</span>

آمل أن يكون الموضوع قد نال إعجابكم و السلام عليكم

ازرار احترافية فايسبوك لموضوعتك على بلوجر

السلام عليكم و رحمة الله تعالى و بركاته, أما بعد :

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

إرشادات لتركيب هذه الإضافة :

توجه إلى لوحة التحكم في مدونتك =>اختر تصميم =>ثم تحرير HTML
“قم بتحميل نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
قم بتوسيع القالب.
وأبحث عن الكود التالي : <data:post.body/>
إذا كنت تريد وضع زر الإعجاب أسفل الموضوع فم باختيار كود الشكل المناسب لك ثم ضعه أسفل :

<data:post.body/>

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

<data:post.body/>

____________________________________________________________

أزرار الإعجاب :

___________________________________________________________

الزر الأول :

<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=62"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

_________________________________________________________

الزر الثاني :

<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

_________________________________________________________

الزر الثالث :

<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

______________________________________________________________________________

إذا واجهتكم أي مشاكل في تركيب هاته الإضافة المرجو ذكرها في تعليق .

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

مدونة مجا بلوجر اوف

الصفحات

الثلاثاء، 28 مايو 2013

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

الجمعة، 15 فبراير 2013

الأحد، 16 ديسمبر 2012

إضافة خاصية اقرا مزيد....على بلوجر

إذا واجهتكم أي مشكلة في تركيب الخاصية المرجو ذكرها في تعليق

إضافة سلايدر احترافي لمدونات بلوجر

إضافة اقرأ ..... المزيد إلى مدونات البلوجر

إذا واجهتكم أي مشكلة في تركيب الخاصية المرجو ذكرها في تعليق

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

ازرار احترافية فايسبوك لموضوعتك على بلوجر

موضيع مرتبطة

Histat

مدونة محمية من سرقة مواضيع

الإحصاءات

الصفحات

الثلاثاء، 28 مايو 2013

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

الجمعة، 15 فبراير 2013

الأحد، 16 ديسمبر 2012

إضافة خاصية اقرا مزيد....على بلوجر

إذا واجهتكم أي مشكلة في تركيب الخاصية المرجو ذكرها في تعليق

إضافة سلايدر احترافي لمدونات بلوجر

إضافة اقرأ ..... المزيد إلى مدونات البلوجر

إذا واجهتكم أي مشكلة في تركيب الخاصية المرجو ذكرها في تعليق

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

ازرار احترافية فايسبوك لموضوعتك على بلوجر

موضيع مرتبطة

أحصل على جميع تحديثات المدونة على الفيس بوك. إضغط على زر أعجبني بالأسفل▼

الإحصاءات

أحصل على جميع تحديثات المدونة على الفيس بوك. إضغط على زر أعجبني بالأسفل
▼