التخطي إلى المحتوى الرئيسي

المشاركات

عرض المشاركات من يونيو, ٢٠١٣

اضافة ايقونات المشاركة عائمة رائعة بتقنية css

 السلام عليكم و رحمة الله و بركاته الاضافة هذه اكثر من رائعة فهة تمكن الزائر من البقاء على اطلاع بروابط مدونتك على الشبكات الاجتماعية فى اى مكان فى المدونة فهى تتواجد فى مكان فى الصفحة ولعلنا شاهد انتشارا لها فى الاَونة الاخيرة ولكن هذه الاضافة من وجهة نظرى هى الاكثرهم جمالا و فعالية . معاينة الاضافة demo  تركيب الاضافة  1. ادخل الى لوحة التحكم ثم اختر layout او تخطيط   2. اضغط على html/javascript 3. الصق الكود التالى position:relative; z-index:5; display:block; float:none; margin:5px 0 0; width:210px; height:38px; border-radius:5px; background:url(http://1.bp.blogspot.com/-JKq0eFFwx34/UGx39fhHO_I/AAAAAAAABE4/56i9phAS2do/s1600/NBT+Sprites+Social+Icons.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -web

اخفاء صورة تحت اخرى ب css3 بلوجر

 السلام عليكم و رحمة الله و بركاته اليوم اقدم لكم تأثير اكثر من رائع للصور فى مدونة بلوجر فهذا التأثير يعتمد على اخفاء صورة تحت اخرى و بمجرد مرور الماوس تظهر الصورة المخفية بشكل رائع و انيق و يمكن اضافتها فى مكان فى المدونة لاعطاء مظهر جمالى رائع . تركيب الاضافة  1. ادخل الى لوحة تحكم بلوجر ثم اختار layout او تخطيط   2. اختر اداة html/javascript 3. الصق الكود التالى <style type="text/css"> a.nowandthen{ position:relative; display: block; overflow:hidden; cursor: pointer; width: 650px; height: 434px; } a.nowandthen img{ position:absolute; left:0; top:0; width: 100%; height: 100%; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 2; clip: rect(0,650px,434px,0); } a.nowandthen img:nth-of-type(2){ z-index: 1; } a.nowandthen:hover img:nth-of-type(1){ clip: rect(0,0,434px,0); opacity: 0; } </style> <

اضافة صندوق اشتراك رائع لبلوجر

عندما تكون تتصفح مدونات عربية أو أجنبية  فإنك تلاحظ أن أغلب هاته المدونات تتوفر على صندوق اشتراك يحتوي  على أيقونة الفايسبوك وتويتر و اليوتوب والإشتراك بالبريد الإلكتروني و رابط التغذية Rss إلخ…. يمكنني القول أن هذا الصندوق ذو أهمية بالغة كونه يساعد في الحفاظ على الزوار فمثلا عند الإشتراك بالبريد الإلكتروني فإن الزائر سيبقى على اطلاع بآخر المواضيع و المستجدات و كذلك هو الحال بالنسبة  لصفحة الفايسبوك و تويتر و قناة اليوتوب و رابط التغذية RSS. لذلك تطرقت في هذه التدوينة إلى شرح طريقة إضافة هذا الصندوق إلى المدونة و بتأثير جميل مستعينا بتقنية CSS. تتبع هذه الخطوات لإضافة الصندوق : توجه للوحة التحكم =>اختر تصميم => تحرير HTML قم  بتوسيع القالب وأبحث عن الكود التالي : ]]></b:skin> قم بإضافة هذا الكود فوق ]]></b:skin > مباشرة. ----------------------Social Newsletter Widget  ----------------------------- /* Social &Newsletter Widget *//* Social */.social { background:#fcfcfc; height:80px;

5 طرق فعالة لتسريع هاتف اندرويد

مع الاستخدام اليومي لهاتفك الذي يعمل بمنصة الاندرويد للترفيه و الاستفادة و أيضا للتواصل و التفاعل و الكثير تتناقص سرعة هاتفك في معالجة الاوامر المختلفة فتصبح التطبيقات بطيئة في تنفيد مهامها و يأخد منك فتحها أكثر من المدة الطبيعية حينها ستشكوا حثما من بطئ جهازك و قد يدفعك ذلك لصرف أموال أخرى للحصول على هاتف جديد أو لاصلاح الجهاز الحالي بالرغم من أن هناك حلا مجانيا و سهلا و لا يحتاج منك تنفيده اكثر من 5 دقائق ما عليك الا اتباع الخطوات التالية لكي يصبح هاتفك الذكي المنتمي الى صنف أجهزة الأندرويد أسرع و كأنك اقتنيته للتو. 1  -       امسح الكاش   Cache   الخاص بالتطبيقات : كل تطبيق مثبث على جهازك و تقوم باستخدامه يترك بعض المعلومات على جهازك و التي تدعى الكاش Cache حيث لا تظهر لك أنت كمستخدم بين الملفات لكنها مخزنة في جهازك و تستهلك جزء كبير من موارده ما يؤدي الى بطئ في فتح التطبيقات خاصة تلك التي لها كاش كبير و بالرغم من أنه يمكن مسح الكاش لأي تطبيق ضمن صفحة property الا أن عمل ذلك لكل تطبيق على حدا سيؤدي الى ضياع الكثير من وقتك و لن تتحقق رؤيتنا للسرع

انشاء نموذج تواصل رائع لمدونات بلوجر

 بسم الله الرحمن الرحيم اظن من اسهل جدا الان على كل مدون ان يقوم بانشاء نموذج تواصل على مدونته ولكن البعض يكون غير راضى على التصميم الذى لايتماشى مع مظهر المدونة . اليوم سوف نقوم بانشاء نموذج تواصل رائع و سنقوم بشرح التعديل عليه ليصبح ذو مظهر جذاب يليق بتصميم المدونة . ....... . بدون اطالة نبدأ بشرج الاضافة   تركيب الاضافة 1. اذهب الى بلوجر > صفحات 2. اختار " صفحة فارغة " 3. قم بتسمية الصفحة و ليكن " اتصل بنا " 4. اختار html code ثم الصق الكود التالى  <div class='form'> <!-- Custom Contact Form By MBT Starts --> <form name='contact-form'> <!-- Name Field --> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Name&quot;;}' onfocus='if (this.value == &quot;Name&quot;) {this.valu

اضافة صندوق تويتر بشكل رائع

اتى اليكم اليوم باضافة اكثر من رائعة فكلنا نعلم ان الشبكات الجتماعية اصبح لها تأثير كبير م}خرا فى شهرة المدونات  و المواقع فكل المواقع تحاول وضع الكثير من الاضافات الاجتماعية التى تضمن لها اكبر عدد من المتابعين . ويعتبر تويتر من اهم المواقع الاجتماعية ان لم يكن اهمها لذا اقدم لكم اضافة صنوق لاخر تويتات بلوجر بتقنية css وبشكل رائع ..... بدون اطالة صورة الاضافة   معاينة الاضافة demo طريقة التركيب 1. قم بالدخول الى حسابك فى بلوجر 2. قم بتوليد الكود من النموذج الموجود فى الاسفل 3. قم بادخال معلومات الاضافة فى النموذج 4. اضغط generate  5. مبروك عليك الاضافة