Follow Our Blog Here you will continue to get new information about Blogger from time to time. Follow Now!

Below Post Ad

Develop Your Creative Skill with
Free Design Tutorials

Our blog helps to Provide Latest Tips and Tricks tutorials about Blogging
Business, SEO Tips, much more. this Blog and stay tuned to this
blog for further updates.

ايضافة صندوق اقتباس لمدونة بلوجر Quote box

 ايضافة صندوق اقتباس

يعد هذه الايضافة  الشهيرة في قوالب بلوجر لذلك قمنا بتبسيط و العمل لكم

اولا مثال لصندوق

مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1





ما عليك سوى نسخ ولصق هذا الكود فوق اكواد bskine 






 


 blockquote{margin:5px 17px;padding:7px;color:#fff;background:rgba(47, 70, 107, 1)} ul,ol,dl{list-style-position:inside;font-weight:normal;list-style:none} body{background: #E8E8E8;background-position: bottom; background-repeat: no-repeat; background-attachment: fixed;padding:0;margin:0;direction:rtl; font-family:Lobster, Droid Arabic Kufi;font-weight:normal;font-size:14px;} .post blockquote {padding: 55px 20px 20px 20px; overflow:auto; max-height:250px; background:#34495e; color:#fff; border-radius:4px; margin:10px; padding10px; text-align: left !important; direction: ltr; font: 14px;font-family: Lobster, Droid Arabic Kufi; line-height: 1.7em; } .post blockquote a {color: #F8D300;} .postblockquote:before {    text-align: center;    position: absolute;    content: ' اضغط مرتين لتحديد و نسخ الاكواد اسفل داخل الاقتباس';    background: rgba(255,255,255,1);    left: 3px;    right: 3px;    top: 3px;    font-size:14px;    font-family:Tahoma;    padding: 5px 20px;    display: block;    font-weight: 700;    border-radius: 3px 3px 0 0;    color: #d21998;}






 نرجو ان ينال اعجبكم ويمكنكم تعديل لونه  عن طريق تغير كود background

اترك تعليق ان وجهتك مشاكل

إرسال تعليق