سرع مدونتك بحذف الزيادات وإخفاء الأدوات

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_9KvasybF4MvlFWZQriCyTtJ9itGS-WY49yXk8ZuOVaM4SQyXExej6Ude-E6O5DFn_m3Y974zHMGwFajTG-ITioy7MY9bm6oUEC0CKIlSTfZElSY7JSGRFY6V47RP2cu_ekbU_x0hhuEL/s1600/Speedup.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="سرع مدونتك بحذف الزيادات وإخفاء الأدوات" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_9KvasybF4MvlFWZQriCyTtJ9itGS-WY49yXk8ZuOVaM4SQyXExej6Ude-E6O5DFn_m3Y974zHMGwFajTG-ITioy7MY9bm6oUEC0CKIlSTfZElSY7JSGRFY6V47RP2cu_ekbU_x0hhuEL/s1600/Speedup.jpg" title="سرع مدونتك بحذف الزيادات وإخفاء الأدوات" /></a></div><div style="text-align: center;"><br /></div>من أكثر الاشياء التي تؤثر على نجاح المدونات أو فشلها هي السرعة فالمدونات البطيئه مدونات فاشلة لأن الزائر لا يمكنه التجوال بها وتصفح عدد كبير من المواضيع بسبب البطئ <a name="more"></a>وبالتالي يرحل بعد أول موضوع حتى لو كان المحتوى جيد فسرعات الإنترنت وخصوصا في العالم العربي بطيئة جداً ولن يضحي احد بان يجلس ينتظر تحميل صفحة بطيئة مدونات بلوجر مبدئيا هي سريعة نظرا لسرفرات جوجل العملاقة فجوجل تضمن السرعة<br /><br />لكن ما يحطم تلك السرعة شيئين القالب والأدوات تكلمنا سابقا في بدايتنا عن <a href="http://www.e7tarif.com/2013/04/Chose-Template.html">معايير إختيار القوالب</a> لكن اليوم كلامنا مركز أكثر على الأدوات هناك عدة أدوات نجدها في غالبية المدونات وهي لا تفيد الزائر يجب ان تختار إضافات تفيد الزائر من تلك الأدوات التي لا فائدة منها للزائر<div><h4 style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFXlBpj41UKQT0aKKt-bI_7CjlYx24j9Mat-blT9b0lUDvHxTdryO1urK_ii4U5XV8NPSUOx6SFZGOzMlZ4bsodCcILOvAaFmCR57gnK93ws1ztycIiAuokGNyn6gXRUlp7Xeg4juQBkeu/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px; text-align: right;"><b style="-webkit-text-stroke-width: 0px; font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"><span style="color: #0b5394;">أدوات الإحصائيات</span></b></h4>كإحصائيات اليكسا وبيج رانك أو أعداد الزوار الزائر العادي لا يفهم أساسا معنى اليكسا وبيج رانك لذا الامر لا يعنيه فلماذا تلزمه بتحميل تلك لأدوات من يهمه هذا الأمر هم فقط فئة أصحاب المواقع وليس كلهم بل من يرغب في الإعلان لديك إذا بدلا من عرض تلك الأدوات في صفحات موقعك يمكنك ان تصنع صفحة ثابته للمعلومات الخاصة بمدونتك وتضيف لها إضافات الإحصائيات فلا يحملها إلا من يريد ذلك وعموما المحترفين يستطيعون الحصول على تلك المعلومات دون ان تعرضها لهم .<br /><h4 style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFXlBpj41UKQT0aKKt-bI_7CjlYx24j9Mat-blT9b0lUDvHxTdryO1urK_ii4U5XV8NPSUOx6SFZGOzMlZ4bsodCcILOvAaFmCR57gnK93ws1ztycIiAuokGNyn6gXRUlp7Xeg4juQBkeu/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px; text-align: right;"><b style="-webkit-text-stroke-width: 0px; font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;"><span style="color: #0b5394;">إضافات الفديو والفلاش في صفحات المدونات</span></b></h4></div><div>نجد من يضيف مثلا هيدر فلاشي لصفحته لجعلها جذابه وبالفعل يجعلها كذلك لكن في نفس الوقت يجعل فئه من الزوار تفر بسبب ثقل الفلاش.<br />إستخدم هيدر صورة عادية ثابته إبتعد عن الأشياء المتحركة فهي تثقل مدونتك.<br />أيضا الفديو شخص قد يكون صاحب مدونة ومعجب بفديو فيفرض على الزوار مشاهدته ويضعه في صفحته الرئيسية<br />قد يعجبك ولكنه أيضا قد لا يعجب الزائر فلماذا تفرض عليه تحميله إن كان الأمر ضروريا يمكنك إضافة رابط للفديو على صورة عند الضغط عليه يفتح في صفحة جديدة لمن يريد المشاهده.<br />الملفات الصوتية تجد مواقع تعرض ملفات صوتية ترهق الزائر وتجعله ينتظر وقت طويل للتحميل قد يقول البعض بعض تلك الملفات هامهكإضافات القرآن الكريم مثلاً نقول نعم هامه جداً وبارك الله في من ينشرها<br />ولكن ما رايك بدلا من وضعها في الصفحة الرئيسية تخصص لها صفحة خاصة يدخلها من يريد وفي نفس الوقت تجنب قطع الصوت في حالة تغيير الصفحة .<br />تغييرات بسيطة ولكن ستجد أن مفعولها قوي وسرعة مدونتك تزداد<br /> تكرار الإضافات<br /><h4 style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFXlBpj41UKQT0aKKt-bI_7CjlYx24j9Mat-blT9b0lUDvHxTdryO1urK_ii4U5XV8NPSUOx6SFZGOzMlZ4bsodCcILOvAaFmCR57gnK93ws1ztycIiAuokGNyn6gXRUlp7Xeg4juQBkeu/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 21px; padding-right: 20px; text-align: right;"><span style="-webkit-text-stroke-width: 0px; font-family: 'Times New Roman'; font-size: small; line-height: normal; text-align: start;"><span style="color: #0b5394;">تكرار الإضافات</span></span></h4>أحيانا نجد شخص يضع صناديق الإشتراك في المواقع الإجتماعية في مدونتهثم تجده يضعها مرة أخرى ولكن عن طريق قوائم عائمة ثم يضيفها مرة ثالثة عن طريق نافذة تلقائية ما كل هذا ؟<br />يكفيك أن تضيفها مرة واحده باحد تلك الاشكال ومرة أخرى إن إضطريت لكن تكون أزرار فقط بدلا من تحميل اكواد الصناديق الكبيرة أكثر من مرة وإياك إياك من النوافذ التلقائية الت تظهر عند دخول الصفحة<br /><br />نجد شخص يدخل المدونة لأول مرة ثم يبدأ الظلام وفجأه تظهر نافذه تقول تقول تابعنا في المواقع الإجتماعية أو إما ان تتابعنا او تنتظر فترة من الوقت الزائر دخل مدونتك لاول مرة وربما لم تعجبه لماذا تجبره على المتابعه وإعلم أن غالبية من يدخلون لمواقع ويجدون تلك النوافذ التلقائية المظلمة يفرون هاربين ولا يعود ثانية.</div><div><br /></div><div style="text-align: center;"><b><span style="color: #0b5394;">هناك جانب عملي عن طريق إخفاء بعض الادوات</span></b></div><div><br />مثال إضافة آخر المواضيع إضافة مهمه وكثيرين يستخدمونها لكن تلك الإضافة تظهر في الصفحة الرئيسية لمدونتك <br />ما الفائدة منها في الصفحة الرئيسية فطبيعي آخر المواضيع موجوده في الصفحة الرئيسية لكن لو أخفيناها من الرئيسية وجعلناها تظهر في باقي الصفحات هنا تكون فائدتها أكبر وتكون أخف وكذلك مع كثيير من الادوات مجرد إخفائها من صفحات وإظهارها في اخرى يساعد على تسريع المدونة ويمكن تطبيق الإخفاء كما تشاء باحد الأكواد التالية<br /><br /><div style="text-align: center;"><span style="color: #0b5394;"><b>إخفاء الإضافات</b></span></div><br />لإخفاء أي أداة <br />أدخل الى تحرير القالب وإضغط على زر الإنتقال الى الآداة وإختر الآداة التي تريد إخفائها أو إبحث عن إسم الآداة وتأكد أن الآداة موسعة بالضغط على أسهم التوسيع والتي تكون أحيانا سهمين<br />تحت إسم الآداة ستجد هذا الكود <b:includable id='main'><br />بعده أضف الكود الذي يتناسب معك من الاكواد التالية<br /><br /><div style="text-align: center;"><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: blue;"><span style="font-family: inherit;">إظهار آداة في الصفحة الرئيسية فقط</span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><span style="font-family: inherit;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span></blockquote></div></div><div style="text-align: center;"><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: #38761d;"><span style="font-family: inherit;"><br /></span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: #38761d;"><span style="font-family: inherit;">إظهار آداة في كل الصفحات ماعدا الصفحة الرئيسية</span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><span style="font-family: inherit;"><b:if cond='data:blog.url != data:blog.homepageUrl'></span></blockquote></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: blue;"><span style="font-family: inherit;">إظهار آداة في صفحات المواضيع فقط</span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><span style="font-family: inherit;"><b:if cond='data:blog.pageType == "item"'></span></blockquote></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: #38761d;"><span style="font-family: inherit;">إظهار آداة في جميع الصفحات ماعدا صفحات المواضيع</span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><span style="font-family: inherit;"><b:if cond='data:blog.pageType != "item"'></span></blockquote></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: blue;"><span style="font-family: inherit;">لإضافة آداة في الصفحات الثابتة فقط</span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><span style="font-family: inherit;"><b:if cond='data:blog.pageType == &quot;static_page&quot;'></span></blockquote></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: #38761d;"><span style="font-family: inherit;">لإضافة آداة في كل الصفحات ماعدا الصفحات الثابتة</span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><span style="font-family: inherit;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span></blockquote></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: blue;"><span style="font-family: inherit;">لإضافة آداة في قسم معين أو تسمية معينة</span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><span style="font-family: inherit;"><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.name == &quot;التسمية&quot;'></span></blockquote></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: #38761d;"><span style="font-family: inherit;">لإضافة الآدة الى صفحة معينة</span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><span style="font-family: inherit;"><b:if cond='data:blog.url == "رابط الصفحة"'></span></blockquote></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="color: blue;"><span style="font-family: inherit;">وللمدونات متعددة الكتاب يمكنك إضافة آداة في صفحة كاتب معين</span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><span style="font-family: inherit;"><b:if cond='data:post.author == &quot;إسم الكاتب &quot;'></span></blockquote></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;">بعد إضافة الكود الذي يناسبك في أسفل الآداة ستجد هذا الكود <b><b:include name='quickedit'/></b></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;">تحته مباشرة أضف الكود التالي <span style="color: red;"><b></b:if></b></span></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"> وهذا مثال لآداة تم التطبيق عليها</span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><span style="font-family: inherit;"><br /></span></div><div style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; background-color: white; line-height: 21px;"><div style="font-family: 'Droid Arabic Kufi'; font-size: 14px;"><blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); font-family: Arial; margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"><b:widget id='HTML1' locked='false' title='إسم الآداة' type='HTML'><br /><b:includable id='main'><br /><span style="color: red;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /><span style="color: red;"></b:if></span><br /></b:includable><br /></b:widget></blockquote></div><div style="font-family: 'Droid Arabic Kufi'; font-size: 14px;"><br /></div><div style="font-family: 'Droid Arabic Kufi'; font-size: 14px;">ملحوظة بالنسبة لادوات بلوجر المدمجة كالمشاركات الشائعة ستجد بعد الكود</div><div style="font-family: 'Droid Arabic Kufi'; font-size: 14px;">   <b><b:include name='quickedit'/></b></div><div style="font-family: 'Droid Arabic Kufi'; font-size: 14px;">الوسم <span style="color: blue;"><b></div></b></span> قم بإضافة <span style="color: red;"><b></b:if></b></span>  بعد <span style="color: blue;"><b></div></b></span> وليس قبله</div></div></div></div></div>

سرع مدونتك بحذف الزيادات وإخفاء الأدوات

• Unknown
• 1 تعليقات

من أكثر الاشياء التي تؤثر على نجاح المدونات أو فشلها هي السرعة فالمدونات البطيئه مدونات فاشلة لأن الزائر لا يمكنه التجوال بها وتصفح عدد كبير...

طريقه لتغير خط مدونتك على بلوجر إلى خط عربى إحترافى

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsm34Tc0C5w8iT4zSHYO2KkP7JokKZzB1uP5XSadOllyU-pzq1jq5yuqLx22tf_qBxlXVnRuK1JKxYmzNGful0gL0Fst__qUm4UxN3NeJSkfILOSzoVTkEaVBT0eKYzsnhPCN4nPgWtoA4/s1600/font.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="الخط في بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsm34Tc0C5w8iT4zSHYO2KkP7JokKZzB1uP5XSadOllyU-pzq1jq5yuqLx22tf_qBxlXVnRuK1JKxYmzNGful0gL0Fst__qUm4UxN3NeJSkfILOSzoVTkEaVBT0eKYzsnhPCN4nPgWtoA4/s1600/font.png" title="طريقه لتغير خط مدونتك على بلوجر" /></a></div><div style="text-align: center;"><span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 20.796875px;"><br /></span></span></div><span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 20.796875px;">أعتقد أن جميعنا حاول أكثر من مره أن يستخدم خطوط عربيه جديده فى قالب مدونته على غرار الخطوط الأجنبيه الجديده التى قدمتها جوجل فى الآونه الأخيره , حيث قدمت لنا جوجل مجموعه كبيره من الخطوط الأجنبيه الجديده </span></span><br /><a name="more"></a><span style="font-family: inherit;">والتى تمتاز بشكلها الجميل والمختلف عن الخطوط التى إعتاد المدونون على إستخدامها فى مدوناتهم منذ بداية التدوين مع بلوجر .<br style="background-color: white; color: #222222; line-height: 20.796875px;" /><br style="background-color: white; color: #222222; line-height: 20.796875px;" /><span style="background-color: white; color: #222222; line-height: 20.796875px;">جربنا كثيرا كل خط من هذه الخطوط الأجنبيه حتى نجد خطا ملائما للتدوين العربى , ولكننا لم نجد أى منهم يصلح للتدوين باللغه العربيه , ولكن جوجل لم تترك المدونين العرب طويلا بدون طرحها لبعض الخطوط العربيه التى تساعدهم على تحسين وتغيير شكل محتواهم .</span></span><br /><span style="background-color: white; color: #222222; line-height: 20.796875px;"><span style="font-family: inherit;"><br /></span></span><span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 20.796875px;">وجوجل تقدم لنا الآن 6 خطوط عربيه جديده وهى :</span></span><br /><ol style="background-color: white; color: #222222; line-height: 20.796875px;"><li style="border-bottom-color: rgb(225, 225, 225); border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 5px; padding-top: 5px;"><span style="font-family: inherit;">Amiri</span></li><li style="border-bottom-color: rgb(225, 225, 225); border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 5px; padding-top: 5px;"><span style="font-family: inherit;">Droid Arabic Kufi</span></li><li style="border-bottom-color: rgb(225, 225, 225); border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 5px; padding-top: 5px;"><span style="font-family: inherit;">Droid Arabic Naskh</span></li><li style="border-bottom-color: rgb(225, 225, 225); border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 5px; padding-top: 5px;"><span style="font-family: inherit;">Lateef</span></li><li style="border-bottom-color: rgb(225, 225, 225); border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 5px; padding-top: 5px;"><span style="font-family: inherit;">Scheherazade</span></li><li style="border-bottom-color: rgb(225, 225, 225); border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 5px; padding-top: 5px;"><span style="font-family: inherit;">Thabit</span></li></ol><span style="background-color: white; color: #222222; line-height: 20.796875px;"><span style="font-family: inherit;">وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور</span></span><br /><div style="text-align: center;"><b style="background-color: white; color: #222222; line-height: 20.796875px;"><span style="font-family: inherit;">Amiri</span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6n1uStcgZ94VaV1VMxA6hqoZ0Fr6QLclZc5eE5LEgv8Ffddd5JyIU5TfNKulkAIBVLxvU3b8kOs4EspxKcG8epMWmfS0uD4KVmzaHn4QzBuzOQduvH5gbIZJYaqKlYgDxQzIQIBtPKDEP/s1600/amiri.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="طريقه لتغير خط مدونتك على بلوج" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6n1uStcgZ94VaV1VMxA6hqoZ0Fr6QLclZc5eE5LEgv8Ffddd5JyIU5TfNKulkAIBVLxvU3b8kOs4EspxKcG8epMWmfS0uD4KVmzaHn4QzBuzOQduvH5gbIZJYaqKlYgDxQzIQIBtPKDEP/s1600/amiri.JPG" title="طريقه لتغير خط مدونتك على بلوج" /></span></a></div><div style="text-align: center;"><b><span style="font-family: inherit;"> <span style="background-color: white; color: #222222; line-height: 20.796875px; text-align: right;">Droid Arabic Kufi</span></span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdsIUZPKIo5bBoSVCLXrm2i1MAd5d236RGOCqqf5Z5ZNHIaq6VSGFAqBlwNWy9rkT5jOnTe2EIXkSKLrWDEGqEfEaqH7odkXVuN47FDo9NLInPECYFjT2Q79fHjzMhZvoKfUseQpxXERl/s1600/droidarabickufi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="طريقه لتغير خط مدونتك على بلوج" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdsIUZPKIo5bBoSVCLXrm2i1MAd5d236RGOCqqf5Z5ZNHIaq6VSGFAqBlwNWy9rkT5jOnTe2EIXkSKLrWDEGqEfEaqH7odkXVuN47FDo9NLInPECYFjT2Q79fHjzMhZvoKfUseQpxXERl/s1600/droidarabickufi.JPG" title="طريقه لتغير خط مدونتك على بلوج" /></span></a></div><div style="text-align: center;"><span style="font-family: inherit;"> <b style="background-color: white; color: #222222; line-height: 20.796875px; text-align: center;">Droid Arabic Naskh</b></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB6vupdvJZF87xolM59B10Vxyv1lmsaS9OGLqNnj-j0J_H5TX1PlsItf7i2pNGThIDcz19oPX7OT2pNDSzCJlMuV9poejxmqqC8UZj9tMYCPMaHTxjje8ZIIX37HEE4wak3lcvYsnLZug8/s1600/droidarabicnaskh.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="طريقه لتغير خط مدونتك على بلوج" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB6vupdvJZF87xolM59B10Vxyv1lmsaS9OGLqNnj-j0J_H5TX1PlsItf7i2pNGThIDcz19oPX7OT2pNDSzCJlMuV9poejxmqqC8UZj9tMYCPMaHTxjje8ZIIX37HEE4wak3lcvYsnLZug8/s1600/droidarabicnaskh.JPG" title="طريقه لتغير خط مدونتك على بلوج" /></span></a></div><div style="text-align: center;"><span style="font-family: inherit;"> <b style="background-color: white; color: #222222; line-height: 20.796875px; text-align: center;">Lateef</b></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi19IM39u8yCbDgpYnYUMvEgR-f3MA83gEIgKOLoqp29k4CBu1TUJgAgSqldfwrQWXZhXLnUDhPO8DkC8OjGQNob43zGmBaFFVaL03SrEeOiwPr7Na_r17TGFMXpvLGFRTuq7QsS_keTJRD/s1600/lateef.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="طريقه لتغير خط مدونتك على بلوج" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi19IM39u8yCbDgpYnYUMvEgR-f3MA83gEIgKOLoqp29k4CBu1TUJgAgSqldfwrQWXZhXLnUDhPO8DkC8OjGQNob43zGmBaFFVaL03SrEeOiwPr7Na_r17TGFMXpvLGFRTuq7QsS_keTJRD/s1600/lateef.JPG" title="طريقه لتغير خط مدونتك على بلوج" /></span></a></div><div style="text-align: center;"><span style="font-family: inherit;"> <b style="background-color: white; color: #222222; line-height: 20.796875px; text-align: center;">Scheherazade</b></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPxrILUMWexqJ0-zOqg4wjFL7GfVlY_TRSvvHSE-LGm9ImUSFKHQ55cvUOqViDg027KTD4L2qnGdmUEeWikgxBoEcOUmERWm_sZh6KKD27r1oXeaPQLWi5NNGaH_BdzCiAfrMJEkIuj_aw/s1600/scheherazade.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="طريقه لتغير خط مدونتك على بلوج" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPxrILUMWexqJ0-zOqg4wjFL7GfVlY_TRSvvHSE-LGm9ImUSFKHQ55cvUOqViDg027KTD4L2qnGdmUEeWikgxBoEcOUmERWm_sZh6KKD27r1oXeaPQLWi5NNGaH_BdzCiAfrMJEkIuj_aw/s1600/scheherazade.JPG" title="طريقه لتغير خط مدونتك على بلوج" /></span></a></div><div style="text-align: center;"><span style="font-family: inherit;"> <b style="background-color: white; color: #222222; line-height: 20.796875px; text-align: center;">Thabit</b></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbj2IzZmmBX9HoNBMyxMVKRrdDSYScqpev6BYxZ24MWyAydWA3QFWwJ_p2nVvt556aNoptDcD8uVl-fDRZoLjDzbHXltNK7zAbeDEZEgY7OyD96t8smZkPiaieEuXgMjrgUH6Qz7cli8U4/s1600/thabit.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="طريقه لتغير خط مدونتك على بلوج" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbj2IzZmmBX9HoNBMyxMVKRrdDSYScqpev6BYxZ24MWyAydWA3QFWwJ_p2nVvt556aNoptDcD8uVl-fDRZoLjDzbHXltNK7zAbeDEZEgY7OyD96t8smZkPiaieEuXgMjrgUH6Qz7cli8U4/s1600/thabit.JPG" title="طريقه لتغير خط مدونتك على بلوج" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: center;"><span style="background-color: white; line-height: 20.796875px;"><span style="color: #0b5394; font-family: inherit;"><b>و الأن نأتي لإضافتها في مدونتنا </b></span></span></div><div style="text-align: right;"><span style="background-color: white; line-height: 20.796875px;"><span style="color: #0b5394; font-family: inherit;"><b><br /></b></span></span></div><div style="text-align: right;"><span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 20.796875px;">تنقسم الخطوات إلى شقين</span><br style="background-color: white; color: #222222; line-height: 20.796875px;" /><span style="background-color: white; color: #222222; line-height: 20.796875px;">الشق الأول : إضافة رابط الخط</span><br style="background-color: white; color: #222222; line-height: 20.796875px;" /><span style="background-color: white; color: #222222; line-height: 20.796875px;">إفتح أكواد HTML الخاصه بقالب مدونتك , ثم قم بالبحث عن الكود التالى : </span><span style="background-color: white; color: #222222; line-height: 20.796875px; text-align: left;"><head></span></span></div><div style="text-align: right;"><span style="background-color: white; color: #222222; line-height: 20.796875px; text-align: left;"><span style="font-family: inherit;"><br /></span></span></div><div style="text-align: right;"><span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 20.796875px;"> وضع تحته مباشرة الكود الخاص بالخط وهو كالتالى للخطوط السته على التوالى</span><br style="background-color: white; color: #222222; line-height: 20.796875px;" /><br /><span style="background-color: white; line-height: 20.796875px;"><span style="color: red;"><b>ملحوظه </b></span></span><span style="background-color: white; color: #222222; line-height: 20.796875px;">: عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .</span></span></div><div style="text-align: right;"><span style="background-color: white; color: #222222; line-height: 20.796875px;"><span style="font-family: inherit;"><br /></span></span></div><div style="text-align: right;"></div><div dir="ltr" style="color: #222222; line-height: 20.796875px; text-align: left;"><span style="font-family: inherit;"><link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/></span></div><div dir="ltr" style="color: #222222; line-height: 20.796875px; text-align: left;"><span style="font-family: inherit;"><link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/></span></div><div dir="ltr" style="color: #222222; line-height: 20.796875px; text-align: left;"><span style="font-family: inherit;"><link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/></span></div><div dir="ltr" style="color: #222222; line-height: 20.796875px; text-align: left;"><span style="font-family: inherit;"><link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/></span></div><div dir="ltr" style="color: #222222; line-height: 20.796875px; text-align: left;"><span style="font-family: inherit;"><link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/></span></div><div dir="ltr" style="color: #222222; line-height: 20.796875px; text-align: left;"><span style="font-family: inherit;"><link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/></span></div><div dir="ltr" style="color: #222222; line-height: 20.796875px; text-align: left;"><span style="font-family: inherit;"><br /></span></div><div style="line-height: 20.796875px; text-align: right;"><span style="font-family: inherit;"><span style="background-color: white; color: #222222;">الشق الثانى : تعديل نوع الخط فى الجزء الذى تريد تغييره</span><br style="background-color: white;" /><span style="background-color: white; color: #222222;">والآن تستطيع تغيير الخط على كل أجزاء المدونه , فقط عليك معرفة كود الجزء المراد تغيير الخط فيه , وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب</span><br style="background-color: white;" /><br style="background-color: white;" /><span style="background-color: white;"><b><span style="color: red;">ملحوظه</span></b><span style="color: #222222;"> : عليك إستخدام كود واحد من الأكواد التاليه , وإختر هذا الكود على أسس إختيارك لكود نوع الخط السابق .</span></span></span></div><div style="line-height: 20.796875px; text-align: right;"><span style="background-color: white;"><span style="color: #222222; font-family: inherit;"><br /></span></span></div><div style="line-height: 20.796875px; text-align: right;"><div dir="ltr" style="color: #222222; text-align: left;"><span style="font-family: inherit;">font-family: 'Amiri', serif;</span></div><div dir="ltr" style="color: #222222; text-align: left;"><span style="font-family: inherit;">font-family: 'Droid Arabic Kufi', serif;</span></div><div dir="ltr" style="color: #222222; text-align: left;"><span style="font-family: inherit;">font-family: 'Droid Arabic Naskh', serif;</span></div><div dir="ltr" style="color: #222222; text-align: left;"><span style="font-family: inherit;">font-family: 'Lateef', serif;</span></div><div dir="ltr" style="color: #222222; text-align: left;"><span style="font-family: inherit;">font-family: 'Scheherazade', serif;</span></div><div dir="ltr" style="color: #222222; text-align: left;"><span style="font-family: inherit;">font-family: 'Thabit', serif;</span></div><div dir="ltr" style="color: #222222; text-align: left;"><span style="font-family: inherit;"><br /></span></div><div dir="ltr" style="color: #222222; text-align: right;"><span style="font-family: inherit;"><span style="background-color: white;">وأخيرا يمكنكم الإستعانه </span><a href="http://go.e7tarif.com/YgJMVs" target="_blank">بهذه الصفحه</a><span style="background-color: white;"><a href="http://go.e7tarif.com/YgJMVs" target="_blank"> </a>, وهى الصفحه الرئيسيه الخاصه بجوجل والتى تقدم هذه الخطوط .</span></span></div></div><div style="color: #222222; line-height: 20.796875px; text-align: right;"><span style="background-color: white;"><span style="font-family: inherit;"><br /></span></span></div><div style="color: #222222; font-family: tahoma, serif; font-size: 13px; line-height: 20.796875px; text-align: right;"><span style="background-color: white;"><br /></span></div></div>

طريقه لتغير خط مدونتك على بلوجر إلى خط عربى إحترافى

• Unknown
• 0 تعليقات

أعتقد أن جميعنا حاول أكثر من مره أن يستخدم خطوط عربيه جديده فى قالب مدونته على غرار الخطوط الأجنبيه الجديده التى قدمتها جوجل فى الآونه الأخي...

آخر المواضيع بشكل جذاب

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66-9MeTtgy87kDNokmeLy2J1nyESYqEjzrtiG2yxEMXvrMIVG8f7Gl4T0F6LrHPRgqSsJ0Tku6DARz409D_HBGHZWFxAH_FgFT9us9m1Z6SuzRGqkAFtAvVGwt4TGvIv_yG9svXmK_hhf/s1600/recent+posts.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="آخر التدوينات" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66-9MeTtgy87kDNokmeLy2J1nyESYqEjzrtiG2yxEMXvrMIVG8f7Gl4T0F6LrHPRgqSsJ0Tku6DARz409D_HBGHZWFxAH_FgFT9us9m1Z6SuzRGqkAFtAvVGwt4TGvIv_yG9svXmK_hhf/s320/recent+posts.JPG" title="آخر المواضيع بشكل جذاب" width="240" /></a></div><div style="text-align: center;"><span style="background-color: white; font-family: inherit;"><b><span style="color: #222222;"><span style="line-height: 20.796875px;"><br /></span></span></b></span></div><span style="background-color: white; font-family: inherit;"><b><span style="color: #222222;"><span style="line-height: 20.796875px;">آخر </span></span><span style="color: #222222;"><span style="line-height: 20.796875px;">المواضيع</span></span></b><span style="color: #222222;"><span style="line-height: 20.796875px;"><b> أو أحدث التدوينات</b> هى إضافه هامه جدا لكل مدون وفى كل مدونة , حيث تعرض لنا هذه الإضافه آخر التدوينات التى قمنا بتدوينها فى المدونه وهى تفيد المتصفح أو زائر المدونه فى الوصول إلى التدوينات بأسرع وقت ممكن </span></span></span><br /><a name="more"></a><span style="background-color: white; font-family: inherit;"><span style="color: #222222;"><span style="line-height: 20.796875px;">وخصوصا عند قيامه بالتواجد فى صفحة تدوينه معينه وليس فى الصفحه الرئيسيه ومن خلال هذه الإضافه يستطيع معرفة والوصول إلى<b> آخر التدوينات</b> دون الحاجه للعوده للصفحه الرئيسيه كى يراها ويصل إليها .</span></span></span><br /><span style="font-family: inherit;"><br style="background-color: white; color: #222222; line-height: 20.796875px;" /></span><span style="background-color: white; color: #222222; font-family: inherit; line-height: 20.796875px;">هذه الإضافه موجوده بعدة أشكال وبعدة طرق , ولكن اليوم أقدم لكم شكلا جديدا لها وهو أحدث شكل لهذه الإضافه وبه خصائص جميله ومفيده جدا , فهى تعرض لك آخر 20 تدوينه قمت بتدوينها فى أقل مساحه ممكنه من خلال عرض الصور المصغره فقط لهذه التدوينات وعند تحريك الماوس أو مؤشر الفاره على الصوره يظهر لك فى تلميحه عنوان المدونه ومختصر عن التدوينه .</span><br /><span style="background-color: white; color: #222222; font-family: inherit; line-height: 20.796875px;">والآن ناتى للجزء الأهم من هذه التدوينه وهو إضافة الأداة</span><br /><span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 20.796875px;"><br /></span><span style="background-color: white; color: #222222; line-height: 20.796875px;">إذهب إلى لوحة تحكم بلوجر ثم إلى التخطيط ثم أضف أداة HTML/JAVASCRIPT وقم بلصق الكود التالى فيها</span></span><br /><span style="background-color: white; color: #222222; font-family: inherit; line-height: 20.796875px;"><br /></span><div><form name="copy"><div align="center"><span style="font-family: inherit;"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </span></div><div align="center"></div><div dir="ltr" style="text-align: center;"><textarea cols="55" name="txt" rows="100" style="height: 184px; margin: 0px; width: 561px;" wrap="VIRTUAL"> <style type="text/css">#post-gallery { width:304px; margin:0px auto; font:normal 11px Arial,Sans-Serif; color:#494848; padding:8px; background-color:#17B986; -webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4); box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #post-gallery h2 { font:20px Arial,Sans-Serif; color:white; text-shadow:0px 3px 2px black; text-transform:uppercase; margin:2px 2px 2px; padding:7px 14px; background-color:#48D; text-align: center; } #post-gallery .rp-item { float:left; display:inline; position:relative; margin:2px; padding:0px 0px; background:#fff url('http://softglad.at.ua/images/loading.gif') no-repeat 50% 50%; width:72px; height:72px; } #post-gallery .rp-item img { width:72px; height:72px; border:none !important; margin:0px 0px !important; padding:0px 0px !important; background:transparent !important; display:none; } #post-gallery .rp-item .rp-child { position:relative; top:10%!important; left:10%!important; z-index:1000; width:200px; background-color:white; border-top:5px solid #FA7C19; -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; opacity: 0.9; } #post-gallery .rp-item .rp-child h4 { font-size:12px; margin:0px 0px 5px; color:#FA7C19; } #post-gallery .rp-item:hover .hidden {display:block;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script><script type="text/javascript">var rpTitle = "آخر التدوينات", // Widget Title numposts = 20, // The number of thumbnails / posts to display numchar = 200, // Number of characters in the description tooltip rcFadeSpeed = 600, // Speed of the effect. fadeIn () tooltip appears pBlank = "http://softglad.at.ua/images/no-img.png", // Image that show up if the post doesn't have a image blogURL = "http://AR-BLOGGER-TIPS.BLOGSPOT.com"; // Your Blog Address </script><script src="http://softglad.at.ua/widgets/post-gallery.js" type="text/javascript"></script>