السبت، 16 فبراير 2013

شرح إضافة أشكال الإقتباس Blockquote CSS لبلوحر

السلام عليكم إخوتي الكرام

أتأسف إن تأخرت عليكم بالتدوين عشان كانت عندي امتحانات
وكمان بعدها إنشغلت بالقوالب

المهم أتيت لكم اليوم بأحد أجمل الإضافات روعة وهي

شرح إضافة أشكال الإقتباس Blockquote CSS  لبلوحر

صورة الإضافة

notebook-with-numbers

قم بالذهاب اولا إلى لوحة تحكم بلوجر ثم قالب أو تخطيط ثم تعديل على الHTML

مهم : لاتنسى عمل نسخة احتياطية تفاديا لضيع قالب

بعدها وبدون الضغط على توسيع القوالب

إبحث عن الكود التالي

بالمناسبة لمعاينة المثال انا كمان لدي بالمدونة

.post-body blockquote { line-height:1.3em; } 

أو

.post blockquote{


وقم بمسحه كله

ثم إبحث عن

]]></b:skin>

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

blockquote {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjYkbzPZy3EcitM2_82pV41s_lnWR5TEkIzEmivbJHzUKMXtxA1tgfBwG-6pXHjby-0LtO2kCmxa5sLs1BOWwg8Fse4mTvodJRVkPI0tA-F-XE1XszeXuTbkd1czgavVaB253H17OdujM/s1600/notebook-with-numbers.gif) repeat-y; 
margin: 0 20px; 
padding: 0px 20px 5px 55px; 
color:#7a7a7a; 
font: bold 0.9em  "Comic Sans MS"verdana
line-height: 153%; 
} 
blockquote p { 
margin: 0; 
}


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

وكذللك يمكنك تغيير الخط حسب ماتريد وكمان حجم الخط


الآن قم بحفظ قالبك ولكن مازالت الخطوة الاخيرة

ألا وهي عندما تريد عمل إقتباس على نص ما قم بتحديده اولا وإضغط على زر إقتباس

لكي يظهر لك بالتدوينة

وذه هديتي لكم مجموعة صور وخلفيات للإقتباس

notebook-brown

notebook-green

notebook-grey

وذه بدون أرقام


notebook-withoutbrown
notebook-withoutnavy
notebook-withoutpink

وأي اسفسار او غموض ضعوه بتعليق

والسلام عليكم




0 التعليقات:

إضغط هنا لإضافة تعليق

إرسال تعليق

Blogger Widgets