طريقة وضع نص فى اطار داخل الموضوع بمدونة بلوجر | مدونة سيف المصرى

طريقة وضع نص فى اطار داخل الموضوع بمدونة بلوجر

طريقة وضع نص فى اطار داخل الموضوع لبلوجر


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

ولكن الكثير منا يجهل هذا الكود والكثير والكثير يجهل برمجة اكواد  html  التى اسميها لغة الابداع  لذلك  اليوم موضعنا عن::::

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

نضغط  f3  ونبحث عن ::::



*  ثم قم بلصق الكود التالي قبل الكود السابق تماما:::
                             

 


      ونحفظ القالب::

انت الان فعلت خاصيه هذا الصندوق ولكن لكى نجعله يظهر فى مكان معين فى التدوينة ماذا نفعل؟

اولا اذهب الى رسالة جديدة

نكتب موضوع التدوينة عادى خالص وفى المكان المحدد وضع المربع فيه   

نضغط تحرير html ونضع الكود التالى فى المكان المحدد له فى التدوينة




xxx هى النص المراد وضعه داخل الصندوق ومن ثم نحفظ الرسالة ومبروك عليك الصندوق



هاكم طريقة وضع هاك الكود على المدونات.
مثال:

هنا يدرج كود css أو سكريبت و غيره من الأكواد المعروفة،
حتى تمتاز عن باقي محتوى الرسالة.
و هذا مثال لعرض كود css

font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
2

»»» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
»»» بعض الأكواد عرضتها كصورة لأنها تختفي في مدونة بلوغر لذا وجب كتابتها و هذا أفضل!
كما جرت العادة ندخل إلى لوحة تحكم مدونتنا ثم نضغط " تخطيط " بعده " تحرير Html " و نبحث (Ctrl+F لفتح نافدة البحث في المتصفح) على الكود :

و قبله أي فوقه مباشرة نضيف كود css الآتي :
i
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #ffffff url(http://lh4.ggpht.com/_fQliT1HyqQc/SjpU2_JWuhI/AAAAAAAAAJg/9MsWYAcq7y4/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

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

» ثانيا : عند كتابة رسالة جديدة ، ندخل الكود المراد عرضه بين وسمي div كما يلي ...


وعند نشر الرسالة يظهر الكود في إطار كما في المثال المدرج في بداية الصفحة.


.

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

أضف تعليق أضف تعليق

Related Posts Plugin for WordPress, Blogger...
free counters

.......

ساهم فى نشر الموضوع واخبر اصدقائك
 
-->

أدلة االمواقع والمدونات

Preview on Feedage: wwwincome-egcocc-%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%B3%D9%8A%D9%81-%D8%A7%D9%84%D9%85%D8%B5%D8%B1%D9%89 Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Add to Spoken to You
hitstatus bandwidth test Ping your blog, website, or RSS feed for Free Powered by FeedBurner Feedage Grade A rated Promote Your Blog

التحليلات

البيج رانك و ترتيب اليكسيا

احصائيات المواضيع والتعليقات

ليصلك التحديثات مباشرة في ايميلك !!

ضع بريدك الالكتروني:

مدعوم من فييد برنر