recent
أخبار ساخنة

كيفية تغيير شكل اقتباس في تدويينات بلوجر واضافة رابط نشر الاقتباس

Walid Al-Bana
الصفحة الرئيسية
كيفية تغيير شكل اقتباس في تدويينات بلوجر واضافة رابط نشر الاقتباس
السلام عليكم ومرحبا بكم في موقع الوليد نت
شرح اليوم على اضافة شكل جديد للاقتباس في التدوينات بلوجر و اضافة زر نشر الاقتباس ايضا على تويتر و فيسبوك


شرح تركيب الاضافة
إبحث على
</head
وضع الكود التالي فوقه مباشرة
<style type='text/css'>
/*<![CDATA[*/
/* صندوق اقتباس جديد */
.post-body blockquote{width:90%;clear:both;-webkit-print-color-adjust:exact;padding:10px 30px;margin:15px auto;line-height:2;text-indent:15px;color:#ffffff;-webkit-border-radius:5px;border-radius:5px;position:relative;border:none;background:linear-gradient( to bottom right,#26a69a,#a044ff);background-repeat:no-repeat;background-size:1000% 1000%}.post-body blockquote:before{content:"\f10e";top:0;right:-4px}.post-body blockquote:before,blockquote:after{font-family:FontAwesome;font-size:20px;color:#ffffff;position:absolute}.post-body blockquote:after{content:"\f10d";bottom:0;left:15px}.quote-share a{background:#ffffff;text-align:center;display:inline-block;width:25px;height:25px;text-indent:0;-webkit-border-radius:100%;border-radius:100%;border:2px solid #ffffff;font-size:11px;margin:0 1px;color:#fff;background-repeat:no-repeat;background-size:1000% 1000%;background-clip:border-box;background:linear-gradient( to bottom right,#26a69a,#a044ff);background-repeat:no-repeat;background-size:1000% 1000%}.quote-share a:hover{-webkit-animation:quoteHover .5s ease both;-moz-animation:quoteHover .5s ease both;animation:quoteHover .5s ease both}.quote-share{position:absolute;left:50px;bottom:-12px}@-webkit-keyframes quoteHover{to{-webkit-transform:scale(1.5) rotate(360deg)}}@-moz-keyframes quoteHover{to{-moz-transform:scale(1.5) rotate(360deg)}}@keyframes quoteHover{to{transform:scale(1.5) rotate(360deg)}}@-webkit-keyframes quoteHoveroff{from{-webkit-transform:scale(1.5) rotate(360deg)}}@-moz-keyframes quoteHoveroff{from{-moz-transform:scale(1.5) rotate(360deg)}}@keyframes quoteHoveroff{from{transform:scale(1.5) rotate(360deg)}}
/*]]>*/
</style>
الان إبحث على 
</body> 
وضع الكود التالي فوقه


الان احفظ القالب ومبروك عليك الاضافة 
لاتنسى الاشتراك في المدونة لكي تتوصل بكل جديد

google-playkhamsatmostaqltradent