my best covers: نوفمبر 2013

قالب احترافى مميز جدا من تطويرى

مميزات القالب عديدة ومنها

(1) سريع التصفــح و يناسب جميع سرعات الانترنت

(2) منظم جدا فى طريقة عرض المواضيع الاحترافية

(3) يحتوى على ترقيم صفحات تلقائي بسيط ومنظم

(4) يحتوى على خاصية اقرأ المزيد وبتقنية css الاحترافية

(5) يحتوى على قائمة غاية فى الروغة

واكتشف باقى مميزات القالب الجميلة من خلال

المعاينة الحية للقالب

للحصـــــــــــــــــــــول على رابط تحميل القالب :

انضم لأعضاء المدونــة الكرام من هنا

كن من معجبينا على الفيس بوك

اترك تعليق به ايميل الفيس بوك الخاص بك او اى ايميل اخر ليتم ارسال رابط التحميل عليه

القالب أصبـــــــــح مجانا للجميع الآن من هنـــــــا

أستودعكم اللـــــــــــــه الذى لا تضيع ودائعـــــــــــه

إقرأ المزيد..

قالب احترافى من تصميم مدونة ابداعاتى

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

معاينة القالب

تحميل القالب غير متاح حاليًا لأن تعبت جدًا فى هذا القالب

فمن يريد رابط التحميل

فعليــــــــــــــه

(1) الانضمام لأعضاء المدونة بالضغط على متابعة من هنا
(2) الاعجاب بصفحتنا على الفيس بوك

(3) ترك تعليق به ايميل الفيس بوك أو أى ايميل لارسال رابط التحميل

أستودعكم اللــــــــــــه الذى لا تضيع ودائعـــــــــه

إقرأ المزيد..

إضافة تأثير الحركة على شعار مدونتك بتنقية css الاحترافية

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

من ♥ هنــــــــــــــــا ♥

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

الفكـــــــــــــــرة الأولــــــــــــــى

♦ معاينـــــــــة ♦

(1) ابحث عن ]]></b:skin>

(2) اضف قبله هذا الكــــــــود

#header img
{ width:256px; /* عرض صورة الشعار قبل المرور بالماوس عليها */
height:67px; /*ارتفاع صورة الشعار قبل المرور بالماوس عليها */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s; }
#header img:hover
{ width:514px; /*العرض عند وقوف الماوس على صورة الشعار*/
height:134px; /* الارتفاع عند وقوف الماوس على صورة الشعار */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s; }

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

الفكـــــــــــــــــــــرة الثانية

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

]]></b:skin>

وتحفظ النوذج

#header h1
{ -moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s; }
#header h1:hover
{ font-size:80px; /*حجم الكتابة بعد مرور زر الفأرة عليها */
color:#FF00FF; /* لون الكتابة بعد مرور زر الفأرة عليها */
margin-left:-30px; /* نسبة الإزاحة لليسار */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s; }

غير البيانات الموضحة بالكود بما يناسبك

إقرأ المزيد..

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

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

اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> javascript

ضع بها هذا الكود

<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/a9gmt732muo2nhu/CSS.css" /> <script src="https://dl.dropboxusercontent.com/s/ne9acakkjcophw3/JavaScript.js"></script> <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="http://myebd3at.blogspot.com//feeds/posts/default/-/قوالب بلوجر?published&alt=json-in-script&callback=labelthumbs"></script>

♥ التغـيـــرات الممكنة على الكـــــود ♥
كود الوصف تحت اسم الموضوع
showpostsummary = true

كود التعليقات تحت اسم الموضوع
showcommentnum = false

كود عدد المواضيع التى ستظهر
var numposts = 3

كود اظهار كلمة المزيد >>
var displaymore = true

اذا كنت تريد إخفاء أى من هذه الإضافات فى الأداة فقم بتغيير قيم true بـ false
والعكس

قم بتغيير ( قوالب بلوجر ) باسم القسم المناسب لعرض اخر الموضوعات به

غير الرابط الأزرق برابط مدونتك

نتمنى كلمة شكر على المجهود المبذول فلا تبخلوا بها

دمتم فى رعايــة اللــه

إقرأ المزيد..

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

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

(1) ابحث عن

]]></b:skin>

ضع قبله هذا الكود

/*myebd3at.blogspot.com*/
*{ list-style:none; margin:0px; padding:0px; } #menu4 { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 0px; border-width: 0px; } #menu4 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjONCh8eBcmPdojRlm26X2oN7DkuFFKJQwiWS11e7RJbr4El7a9vBKBIkV0mgkF4fVfAoifGOhaRtYpA4Ap5GDU8YYfR_mAYRbGIPtdUMZm7aie2uQuvTG_dUWMKc5PeSBrtFOqx10OmU/s1600/menu4.gif); padding: 8px 0px 0px 30px; } #menu4 li a:hover { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjONCh8eBcmPdojRlm26X2oN7DkuFFKJQwiWS11e7RJbr4El7a9vBKBIkV0mgkF4fVfAoifGOhaRtYpA4Ap5GDU8YYfR_mAYRbGIPtdUMZm7aie2uQuvTG_dUWMKc5PeSBrtFOqx10OmU/s1600/menu4.gif) 0 -32px; padding: 8px 0 0 30px; } #menu4 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjONCh8eBcmPdojRlm26X2oN7DkuFFKJQwiWS11e7RJbr4El7a9vBKBIkV0mgkF4fVfAoifGOhaRtYpA4Ap5GDU8YYfR_mAYRbGIPtdUMZm7aie2uQuvTG_dUWMKc5PeSBrtFOqx10OmU/s1600/menu4.gif) 0 -64px; padding: 8px 0 0 30px; }
/* myebd3at.blogspot.com*/

(2) اذهب إلى التخطيط >> اضافة أداة >> javascript

ضع بها هذا الكود

<div id="menu4"> <ul> <li>
<a href="#1" title="Home">تعديل</a></li> <li>
<a href="#2" title="About">تعديل</a></li> <li>
<a href="#3" title="Services">تعديل</a></li> <li>
<a href="#4" title="Portfolio">تعديل</a></li> <li>
<a href="#5" title="Store">تعديل</a></li> </ul> </div>

قم بتعديل الملون بما يناسبك

إقرأ المزيد..

كيفية تحويل صفحات الخطأ للصفحة الرئيسية للمدونة

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

والطريقة بسيطة جدا

نفذ الخطوات كما بالصورة

اضغط على الصورة لمشاهدتها بالحجم الكامل

♥ معاينـــــــــــــة مباشرة ♥

فى الخطوة 3 قم بالضغط على تحرير ثم أضف هذا الكود

ثم قم بالحفظ

<style type="text/css">.style2 {text-align: center;color: #CC0000;}</style><center><h1><a href="http://www.blogger.com/">خطأ 404 !</a></h1>< img src=" https://jetara.googlecode.com/files/2332.png" /><h2 class="style2">< strong><a href=" http://myebd3at.blogspot.com//"> الذهاب الى الرئيسيه </a></strong></h2></center>

رابط الصورة : https://jetara.googlecode.com/files/2332.png

رابط المدونة : http://myebd3at.blogspot.com

أتمنى كلمة شكر على المجهود المبذول

إقرأ المزيد..

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

جوجل كروم الأسرع فى التصفح على الاطلا ق فهو يدعم جديد لغات البرمجة مثل الـ Css وغيرها من اللغات المعقدة فهو متوافق مع كل لغات البرمجة لذلك فهو الأجمل والأسرع فى التصفح وأنصحكم به دائمًا لتصفح أمن وسريع

وفى هذا الموضوع كود اضافة جوجل الكروم المقترح للزوار

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

اذهب إلى لوحة تحكم مدونتك

التخطيط > إضافة اداة > javascript

الصق بها هذا الكــــــــــــــود

<center><p
align="center">لتصفح أفضل ننصح بجوجل كروم <a target="_blank" title="لتصفح أفضل ننصح بجوجل كروم" href=" http://goo.gl/CvMd5e">
<img alt='لتصفح أفضل ننصح بجوجل كروم' src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3RIYCKzE1Wi_1O28qQIJNipo0lnIY4n7Kot2gm4qiEvGtbepL906Vg0k2xw3xvMMAeNTxzoMPQPnugdMdS5T5GE5WlRUwPfSmzmLSfSni09omdXjxXkI3juZcuLLDRxcImD2njGFumby_/s1600/images+(7).jpg " width="200" border="0" height="250" /></a>
</p>
</center>

والسلام عليكم ورحمة الله وبركاته

إقرأ المزيد..

قياس مدة تحميل مدونتك بالثانية مع هذا الموقع الجميل

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

ثم اضغط على Start StopWatch

الموقع من

♥ هنـــا ♥

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

واذا كانت مدونتك تستغرق اكثر من 15 ث اترك تعليق به رابط مدونتك وسوف أقدم لك نصائح تخفيف سرعة المدونة إن شاء اللـــه

بالتوفيق للجميع

إقرأ المزيد..

إضافة أخر المواضيع بشكل مميز مع مصغرات الصور

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

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

اذهب إلى لوحة تحكم مدونتك > التخطيط > إضافة أداة > Html/javascript

ضع بها الكود التالى

<style text-type="CSS">
img.label_thumb {float:right;padding:2px;background:#fff;border:1px solid #000;width:78px;height:78px;margin-right:10px;margin-top:5px;margin-bottom:5px; }
img.label_thumb:hover {opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.8 }
</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
var numposts = 9;
</script>
<script type="text/javascript" src="http://myebd3at.blogspot.com/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script>

طريقــــــة التنسيق

width:78px عرض الصور المصغرة

height:78px ارتفاع الاضافــــــــــــــة

var numposts = 9 هو عدد المواضيع

إقرأ المزيد..

إضافة تابعنى على مواقع التواصل الاجتماعى على جانب المدونة بشكل مميز

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

والأن مع طريقـــــــــــة التركيــــب

(1) كـــــــــــــــــــــــــود الـ CSS
ابحث عن ]]></b:skin>

وضع قبله مباشرة هذا الكود

اذا اعجبك الموضوع فلما لا تكن من معجبينا على الفيس بوك

إقرأ المزيد..

أغرب وأظرف 5 اختراعات يابانية

اليابانيون من اكثر شعوب العالم اختراعاً للاشياء المفيدة والمهمة لحياة البشر فلا يمر وقت قصير الا ويفاجئوا العالم باختراعات مذهلة تبهر العالم .

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

والاختراعات التي سنراها تدل علي انهم يستطيعوا ان يخترعوا اي شيئ حتي لو كان بسيطاً ليحلوا مشكلة تواجههم باشياء بسيطة وغير معقدة

(1) أول اختراع للمصابين بنزلات البرد

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

(2) المخدة الحاضنة

لمن يعانون من عدم النوم إلا وهم يشعرون أن أحداً يقوم باحتضانهم يقوم هذا الاختراع بتوفير هذه الخدمة بدون أن يزعجوا أحد في نومه أو اجباره علي احتضانهم كما ان هذا الاختراع يشعرك بالدفئ والحنان.

(3) قلــــــــــم الزبدة

هذا الاختراع يسهل علي الناس فرد الزبدة علي الخبز بدون أي عناء وبشكل متساوي.

(4) خوذة النوم في المواصلات

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

(5) مظلة تخزين ماء المطر

هذا الاختراع يجعلك تستفيد من ماء الامطار بدلاً من اهدارها بان تستخدم هذه المظلة فهي ستحميك من المطر وفي نفس الوقت ستجمع لك الماء في هذا الخزان المحمول علي الكتف والاستفادة منها بعد ذلك.

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

اذا أعجبك الموضوع فلما لم تكون من معجبينا على الفيس بوك
ليصلك جديد مدونة ابداعاتى

إقرأ المزيد..

إضافة تأثيرات جميلة على استطلاع رأى بلوجر

شكل تصويت ( استطلاع رأى ) بلوجر تقليدى جدا وقد لايتناسب لونه مع لون مدونتك ولا يتناسب أيضًا مع مزاجك ولكن مع هذا الشرح البسيط المقدم من مدونة ابداعاتى سيصبح من السهل التعديل عليه بقدر الامكان حت يتناسب مع مدونتك وذوقك

الخطـــــــــــــــوات

اذهب الى لوحة تحكم مدونتك >> القالب << تحرير HTML

ابحث عن هذا الكود

]]></b:skin>

وضع فوقها مباشرة أكواد الـ css التالية

/* Sidebar Content */

#Poll1{

background:#FFFF00;

border:3px solid #736AFF;

width:300px;

padding:0 10px;

}