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

المشاركات

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

نموذج التواصل الرسمى من بلوجر

بما ان مطورى بلوجر منذ فتره يعملون على اثرائها بمختلف الادوات حرصا منهم على جعلها منافس قوى فى عالم المدونات الالكترونية منذ اطلاقهم نافذة تحرير html فى مقتبل هذا العام الى توفير تعلقيات جوجل + الى بلوجر الى هذه الاضافة الرائعة التى اقدمها لكم اليوم فقد قاموا بتوفير نومذج تواصل يتناسب مع جميع قوالب بلوجر و هو الان متوفر فى ادوات بلوجر. بدون اطالة ..... طريقة التركيب 1. اذهب الى بلوجر > تخطيط > اضافة اداة 2. اختار html/javascript 3. اختار contact form   5. بعد الضغط يمكنك اعادة تسمية الاداة اذا رغبت ثم اضغط حفظ ملحوظة : ستصلك الرسائل على ايميل gmail الذى انشأت عليه المدونة

اجعل يشارك الموضوع قبل قراءته

اتى اليكم اليوم باضافة اكثر من رائعة فلقد رأينا فى الاونة الاخيرة بعض اضافات النوافذ المنبثقة التى تجبر القارئ على مشاركة التدوينة قبل قراءتها و لكن هذه الاضافة هى الافضل على الاطلاق  هذة الاضافة تقوم باخفاء محتوى معين ( صورة مثلا ) و تطلب من القارئ المشاركة للحصول عليها. بدون اطالة .... صورة الاضافة   طريقة التركيب  1. اذهب الى لوحة التحكم > قالب > تحرير html 2. ابحث عن كود </head> و اضاف الكود التالى فوقه <link href='http://mybloggerlab.com/StyleSheet/locker.css' rel='stylesheet' type='text/css'/> 3. اضغط حفظ ثم خروج 4. اذهب الى بلوجر > مشاركة جديدة > html  ثم الصق الكود التالى  <article id="default-usage"> <div class="to-lock" style="display: none;">       <!--Hidden Content Starts (You can Use HTML BELOW)--> <div style="text-align: center; margin-bottom: 20px;"> <img src=" Add_Hidden_Image_Here " alt="" style=&q

ترقيم صفحات بشكل رائع لبلوجر

اضافة الاداة اضغط هنا التثبيت اليدوى 1. ادخل الى لوحة التحكم ثم تحرير hrml 2. ابحث عن </body> 3. الصق الكود التالى قبله <style type= "text/css" > .showpageArea{padding: 10 px;color : #003366;text-align : left;width : 100%;} .showpage a {float:left;background:url(https: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBQRe0zWBF_8J1v30UNDc5O21XbiK2YzIYpVLVLnJwsBo4KbY-IoNbroziX3qdoGpjavmGSCXLgUg2GYueeumGM6j52UC2xeAtWL-Cy5fucGK5orDtwwf8L3xBnq_PRRcvXuB-6O-l_ECb/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;} .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;} .showpageOf{float:left;padding-top : 6 px;} .showpageNum a {background:url(https: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtINcNwuP09WbstE8NPXPVuv9D9gahU-x00kHsN7p7JWJWggic1Y9UrJT6kcEfFxOZiR6o8KtLbqr2rL91Qt

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

السلام عليكم ورحمة الله تعالى وبركاته . في هذا الشرح سنتعلم كيف نضع تعريف أو سيرة ذاتية صغيرة أسفل المواضيع لمدونات بلوجر. الاضافة هذه تمكن الزائر من معرفة معلومات حول الكاتب ، وتعتمد على اضافة على أكواد Css الى قالب مدونتك . ولمعرفة الطريقة الفعالة المرجو اتباع الطريقة التالية . معاينة الاضافة : طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية : وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب من لوحة التحكم اتجه الى تصميم ثم تحرير HTML ضع علامة في خانة توسيع القوالب ابحث عن الكود التالي : ]]></b:skin> ثم ضع قبله كود CSS التالي : [B][/B]   [B] /*  Author Bio */ .postauthor {     background: #F5F5F5;      border-top:  1px solid #e1e1e0;      border-bottom: 1px solid #e1e1e0;      overflow:  hidden;      padding: 0.7em; } .postauthor img {     border: 5px solid  #e2dede;      float: right;      margin-left: 1em; } .postauthor h3  {     color: #666;      font-size: 1.2em;      margin-bottom: 5px;

القالب الذى تفوق على قالب المحترف JPstationBlue

لكل عشاق قالب المحترق اقدم لكم اليوك قالب مشابه لقلب المحترف ولكن لمصمم اجنبى . هذا القالب اروع بكثير من قالب المحترف فهو يشبه الى حد كبير قالب صحيفة للوردبريس و لكنه لبلوجر. القالب لا ينقصه سوى السلايد شو و لكن سأعطيكم شرح لتركيب سلايد شو المحترف فى نهاية المقال ملحوظة : القالب من تعريب مدونة عين العرب نأتى لمعاينة القالب تجربة 19 لتحميل القالب https://www.box.com/s/ncqfysrevj9zjueh6wub ثانيا شرح تركيب سلايد شو المحترف قبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب, من لوحة التحكم اتجه الى تصميم ثم تحرير HTML, ضع علامة في خانة توسيع القوالب, ثم إضغط في الكيبورد على Ctrl + F, و ابحث عن الكود التالي : ]]></b:skin> ثم ضع فوقه/قبله كود CSS التالي : #alwansd{ height: 397px; margin: 0 0 20px 20px; padding: 15px 17px 15px 16px; width: 617px; background: #373737; border-top: 4px solid #00B4FF ; } .alwanw{ position: relative; height:385px; } .alwanw .contentdiv{ visibility: hidden; posi