مدونه الحلم العربي : Blogger

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

السبت، 25 أبريل 2015

قالب "اللي مني مزعلني" مجانا من بلوجرام - النسخة 1.6

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

مجاناً، قالب "اللي مني مزعلني" يتميز بالعديد من المميزات حيث يضيف لبلوجر نوع جديد من القوالب المجانية.

يتميز القالب الجديد بعدد كبير من المميزات وهي كالتالي:

- القالب متجاوب ( يعمل علي جميع الأجهزة )

- سليد شو اتوماتيكي بواسطة أحدث المنشورات أو التسميات

- أداة اخر المواضيع بواسطة التسيمات

- شكل رائع وجديد للوحة تخطيط القالب

- أداة النشرة البريدية من ادوات بلوجر الأساسية

- التعليقات ( بلوجر - فيس بوك ) بشكل رائع

طريقة أستخدام القالب

بعد تركيب القالب لأضافة القوائم قم بالدخول لقسم التخطيط وفي قسم القائمة العليا والقائمة الرئيسية يمكنك أضافة ولديك ثلاثة خيارات لأضافة القوائم، أما بأستخدام أداة الصفحات، أو أداة التسميات أو وضع الكود التالي في اداة HTML/Javascript

<ul>

<li><a href="#">name 1</a></li>

<li><a href="#">name 2</a></li>

<li><a href="#">name 3</a></li>

<li><a href="#">name 4</a></li>

<li><a href="#">name 5</a></li>

<li><a href="#">name 6</a></li>

</ul>

أستبدل # بالرابط و name الأسم المقابل له

لأضافة أداة أخر الموضوع قم بأضافة الكود التي مع أستبدال Label_Name بأسم التسمية الخاصة بك

<script type="text/javascript">

var numposts = 5;

var showpostthumbnails = true;

var showcommentnum = true;

var showpostdate = true;

var showpostsummary = true;

var numchars = 100;

</script>

<script src="/feeds/posts/default/-/Label_Name?published&alt=json-in-script&callback=labelthumbs" type="text/javascript"></script>

لأضافة الأسليد شو قم بأضافة الكود التالي

<div class="box_skitter box_skitter_large">

<script type="text/javascript">

var numposts = 5;

var showpostthumbnails = true;

var showcommentnum = true;

var showpostdate = true;

var showpostsummary = true;

var numchars = 100;

</script>

<script src="/feeds/posts/default/-/Label_Name?published&alt=json-in-script&callback=labelthumbs" type="text/javascript"></script>

</div>

بنفس التعديل علي اداة اخر الموضوعات، ويتم أضافة الأداتان في قسم أخر المشاركات اعلي قسم الموضوعات

طريقة تعديل عرض القالب

لتعديل عرض القالب اتبع الخطوات الموضحة في الصور التالية

للشكاوي والأقتراحات قم بمراسلتنا علي الرابط التالي

وبالنسبة للأسم أخترنا هذا الأسم كنوع من الكوميديا ليس أكثر، نتمني للجميع التوفيق :)

النسخة 1.0

تم أنشاء هذة النسخة في 22/2/2014

النسخة 1.1

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

تم تحسين شكل لوحة التخطيط

النسخة 1.2

تم أضافة التاريخ في رأس الصفحة

النسخة 1.3

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

النسخة 1.4

تم أضافة خاصية تغير عرض القالب من مصمم القالب

النسخة 1.5

تم تحسين شكل أداة اخر الموضوعات بواسطة التسمية

تم أصلاح بعض أخطاء التجاوب

تم تغير بعض الاشكال البسيطة في القالب من الوان وخلفيات

النسخة 1.6

تم تحسين شكل الموضوعات في الرئيسية

تم اصلاح مشاكل ظهور صفحات الأرشيف

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

تم تحسين شكل التاريخ في هيدر الصفحة

تم تغير بعض ألوان الخلفيات لتحسين ظهور القالب

اقرأ المزيد

الجمعة، 24 أبريل 2015

اضافة الاشتراك عبر المواقع الاجتماعية Blogger

اضافة الاشتراك عبر المواقع الاجتماعية

اهلا بكم زوار مدونة الحلم العربي الاعزاء لدينا اليوم اضافة جديده وهى

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

لمدونتك واكيد سوف تفيدك

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

1- قم بالدخول الى لوحة تحكم مدونتك

2- قم بالدخول الى التخطيط

3- قم باضافة اداة جديده HTML/JAVASCRIPT

4- وضع الكود ادناه بها

<div dir="rtl" style="text-align: right;" trbidi="on"><a href="http://www.twitter.com/add_blogger" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSvHA4FUbY9lbC2OtM8Sj2gUNLGmRD3GQDDp2OFVsO4grPejoQBo6SkJ2C_yDsek2wdXgDraJozm2zDGZrZKvX3y1hEuNLfDCEBCw0KOs-AhkiVHae8oVMZKAuNn4txo5VQVYxtemp7L8/s1600/twitter.png" /></a><span style="text-align: center;"> </span><a href="http://www.fb.com/additions.blogger" style="text-align: center;" rel="nofollow" target="_blank"><img alt="Facebook" original-title="تابعنى على الفيس بوك" src="http://www.shy22.com/upfilpng/xbc54601.png" style="margin: 0px 2px 0px 0px; padding: 0px;" /></a><a href="http://www.youtube.com/add-b" style="text-align: center;" rel="nofollow" target="_blank"><img alt="Youtube" original-title="تابعنى على يوتيوب" src="http://www.shy22.com/upfilpng/spi54630.png" style="margin: 0px 2px 0px 0px; padding: 0px;" /></a><span style="text-align: center;"> </span><a href="http://add-b.blogspot.com/feeds/posts/default" rel="nofollow" target="_blank"><img alt="" original-title="الخلاصة rss" src="http://www.shy22.com/upfilpng/oee54655.png" style="margin: 0px 2px 0px 0px; padding: 0px; text-align: center;" /></a></div>

5- غير ما هو باللون الاحمر بما يناسبك اتمنى ان تكون الاضافة قدد اعجبتكم باذن الله

اقرأ المزيد

اضافه تحرك الصوره عند وضع الماوس عليها Blogger

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.بإستعمال (CTRL+F ) قم بالبحث عن الكود التالي :

]]></b:skin>

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

.post img {-webkit-transition: -webkit-transform .15s linear;

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);

padding: 5px 5px 5px 5px;

-webkit-transform: rotate(+4deg);

-moz-transform: rotate(+4deg);

}

.post img:hover {

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-webkit-transform: rotate(-2deg);

-moz-transform: rotate(-2deg);

}

يمكنك التحكم في درجة ميلان الصور كما تريد وبإتجاهها كذلك سواء على اليسار أم على اليمين وذلك بإستبدال الرمز (+) بالرمز( -) والعكس، حيث تمثل القيمة 4deg+ درجة الميلان قبل وضع مؤشر الماوس وتمثل كذلك القيمة 2deg- درجة الميلان عند وضع مؤشر الماوس على الصورة .

والتتيجة تكون الصورة على هذا الشكل .