مايو 2013


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



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

1. اذهب الى بلوجر > تخطيط > اضافة اداة
2. اختار html/javascript


3. اختار contact form


 

5. بعد الضغط يمكنك اعادة تسمية الاداة اذا رغبت ثم اضغط حفظ

ملحوظة : ستصلك الرسائل على ايميل gmail الذى انشأت عليه المدونة

اتى اليكم اليوم باضافة اكثر من رائعة فلقد رأينا فى الاونة الاخيرة بعض اضافات النوافذ المنبثقة التى تجبر القارئ على مشاركة التدوينة قبل قراءتها و لكن هذه الاضافة هى الافضل على الاطلاق  هذة الاضافة تقوم باخفاء محتوى معين ( صورة مثلا ) و تطلب من القارئ المشاركة للحصول عليها. بدون اطالة ....

صورة الاضافة



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


1. اذهب الى لوحة التحكم > قالب > تحرير html
2. ابحث عن كود و اضاف الكود التالى فوقه


3. اضغط حفظ ثم خروج
4. اذهب الى بلوجر > مشاركة جديدة > html  ثم الصق الكود التالى

 






تخصيص الكود

استبدل Add_Hideen_Image_Here برابط الصورة التى تود اخفائها
استبدل  Add_Your Hidden_Text_Here بالنص الذى تريد اخفاؤه 
استبدل http://www.MyTechCafe.com  برابط مدونتك
استبدل http://www.facebook.com/MyTechCafe برابط صفحة المدونة على الفيس بوك
استبدل  http://www.mytechcafe.com برابط مدونتك

ثم انشر الوضوع واستمتع بالاضافة . اتمنى تكون عجبتكم و عجبكم الشرح



اضافة الاداة



التثبيت اليدوى


1. ادخل الى لوحة التحكم ثم تحرير hrml
2. ابحث عن
3. الصق الكود التالى قبله



السلام عليكم ورحمة الله تعالى وبركاته .
في هذا الشرح سنتعلم كيف نضع تعريف أو سيرة ذاتية صغيرة أسفل المواضيع لمدونات بلوجر.
الاضافة هذه تمكن الزائر من معرفة معلومات حول الكاتب ، وتعتمد على اضافة على أكواد Css الى قالب مدونتك .
ولمعرفة الطريقة الفعالة المرجو اتباع الطريقة التالية .
معاينة الاضافة :

طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية :

وقبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب

من لوحة التحكم اتجه الى تصميم ثم تحرير HTML

ضع علامة في خانة توسيع القوالب
ابحث عن الكود التالي :
]]>

ثم ضع قبله كود 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;       margin-top: 0; } .postauthor p {     color: #515151;      font-size:  12px;      margin-bottom: 10px;     margin-top: 0; } /* Author Bio End  */ [/B]

الآن ابحث عن 
OR

(إن وجدت اثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي :
   
   

بقلم اسم الكاتب 

   

نبذة عن الكاتب + يمكنك متابعتي من خلال حسابي على  الفيسبوك  . جوجل بلس

غير التالي بما يناسبك :
- رابط الصورة الشخصية
- اسم الكاتب
- نبذة عن الكاتب +
رابط حسابك على الفيسبوك
رابط حسابك على جوجل بلس

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



نأتى لمعاينة القالب

تجربة 19

لتحميل القالب

https://www.box.com/s/ncqfysrevj9zjueh6wub

ثانيا شرح تركيب سلايد شو المحترف

قبل القيام باي تغيير قم بحفظ نسخة احتياطية للقالب, من لوحة التحكم اتجه الى تصميم ثم تحرير HTML, ضع علامة في خانة توسيع القوالب, ثم إضغط في الكيبورد على Ctrl + F, و ابحث عن الكود التالي :



]]>

ثم ضع فوقه/قبله كود 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;
position: absolute;
opacity: 1;
}
.alwan-ps{
text-align: right;
float: left;
width: 618px;
height: 11px;
margin-left: -1px;
}
.alwan-ps .toc{
font-size: 0px;
width: 50.5px;
height: 11px;
float: right;
background: #5b5b5b;
margin-left: 1px;
}
.alwan-ps a.selected{
background:#dfdfdf;
}
.alwan-ps .prev, .alwan-ps .next {display:none; }
.alwanip{
width: 597px;
padding: 10px !important;
bottom: 0;
float: left !important;
position: absolute;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCJBiAzkOgixeu81_0SLnC0Hn2iBcwh0WGa8UlfgI6BuQL0DPzdw-etVtAZvzbzYmBvkJnmC5mkQ7yk8Xzt3TKk7PxoJGW3Kxy24IYZys5E4dDXHRU9bK7qM4u4sjb2Xm37jIXyYkW36M/s1600/backslide.png);
}
.alwanip a{
color:#dcdcdc;
font: 12px droidkufi-bold;
margin:0;
padding:0;
line-height: 19px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#ffa800;}
.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }
.alwanip p{font-size: 13px;
margin: 0;
color: #a5a5a5;
line-height: 23px;
}
.alwansf a img{float: right !important; }
.alwansf {float: right !important; width:100px !important;}
.column-center-outer {
width: 100%;
}

مع تغيير 00b4ff# بي اللون الطاغي في مدونتك و اللذي يمكنك الحصول عليه من هنا
الآن ابحث عن : 

الآن أضف الكود التالي فوقه/قبله :


مع تغيير Your Label باسم القسم الذي سيتم عرض مواضيعه عشوائيا
بعد ذلك ابحث عن :




ثم الآن أضف الكود التالي فوقه/قبله  :


وفي الأخير قم بالبحث عن هذا الكود :

 
أو
أو
أو 

القالب أضف الكود التالي بعده/أسفله :
(ملاحظة : إذا لم تجد أي كود من هذه الأكواد فقم بالبحت عن هذا الكود :
  
 ثم ضع الكود الأتي فوقه/قبله  )











بعد هذا كله قم بالضغط على حفظ التغييرات ومبروك عليك السلايدر