http://www.traidnt.net/vb/images/img...14/05/1590.png

بسم الله الرحمن الرحيم




تغيير شكل الاقتباس في مدونات بلوجر ، أجمل شكل

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

مثال مباشر:

اضغط هنا


خطوات التركيب:

• اذهب إلى لوحة تحكم المدونة.
• اضغط على قالب.
• ثم على تحرير HTML.
• ثم ابحث عن ]]>.
• ثم ضع قبله مباشرة الكود التالي:

رمز Code:
.post blockquote:before{
content:" CODE --> انسخ هذا الكود --> ";
padding:0px 20px;
margin:0 -10px 5px -10px;
border-bottom:3px solid #A4D3DF;
display:block;
background:#E5F8FD url(https://jetara.googlecode.com/files/...9%8A%D9%84.png) left 2px top 2px no-repeat;
color:#A4B1B8;
}
.post blockquote{max-height:400px;
clear:both;
padding:0 10px 10px 10px;
border:1px solid #DDD;
color:#666;
direction:ltr;
text-align:left;
border-radius:4px;
font:12px "Courier New", "MS Sans Serif", sans-serif, serif;
line-height:1.6em;
-ms-overflow-x:auto;
overflow-x:auto;
position:relative;
z-index:50;
background:#FFF;
}
.post blockquote p{
padding:0;
}
كيفية الاستخدام:

قم بكتابة الكود الذي تريده داخل الإطار، ثم قم بتحديده ، واضغط على آيقونة "الاقتباس" من الشريط العلوي كما في الصورة:

http://www.traidnt.net/vb/images/img...14/05/2148.jpg

انتهى الشرح ~

الموضوع الأصلي :: تغيير شكل الاقتباس في مدونات بلوجر - Blogger In Arabic بلوجر بالعربية