طريقة تغير شكل الإقتباس مع إضافة رابط مشاركة مثل قالب سكويز
تيك فور تيك فور
random

آخر الأخبار

random
جاري التحميل ...

* قواعد التعليق على هذه المدونة :
1 - يجب ان يكون تعليق حول موضوع.
2 - عدم نشر روابط خارجية.
3 - ادا كانت اي تسائل خارج موضوع اتصل بنا.

طريقة تغير شكل الإقتباس مع إضافة رابط مشاركة مثل قالب سكويز

طريقة تغير شكل الإقتباس مع إضافة رابط مشاركة مثل قالب سكويز

بسم الله والصلاة والسلام على المبعوث رحمة للعالمين  سيدنا وحبيبنا وشفيعنا محمدًا عبد الله ورسوله، وصفيه من خلقه وحبيبه، خاتم أنبيائه، وسيد أصفيائه، المخصوص بالمقام المحمود، في اليوم المشهود أما بعد, أعضاء مدونة تيك فور أهلا ومرحبا بكم اخواتي في الله في مدونة تيك فور و الذي تـهتم بكل ما هو جديد في الـتقنية ونرجــوا منكم زيارتنا مرة اخري والان سنـــتـعرف الـــيــوم علي طريقة تغير شكل الإقتباس مع إضافة رابط مشاركة مثل قالب سكويز وحيث ان هذه الإضافة رائعة وتعطي شكل مبهر جدآ وتعطي
طريقة تغير شكل الإقتباس مع إضافة رابط مشاركة مثل قالب سكويز
طريقة تغير شكل الإقتباس مع إضافة رابط مشاركة مثل قالب سكويز
شكل أكثر جمال في مواضيعك وحيث انها إضافة بسيطة جدا ومتجاوبة ايضا وهذا الإضافة تم تصميمها لزوار تيك فور وأتمني ان تنال إعجابكم ان شاء الله وحيث انها لاتحتاج وقت كبير منك فقط كل ماعليك تابع الشرح الذي سوف اشرحة لكم وسوف تعمل معك بدون اي مشاكل وحيث ان هذه الاضافة عبارة عن كوديين فقط كل ماعليك هو ان تضعهم في الاوسام الذي سأقولها في الموضوع

طريقة تغير شكل الأقتباس :

  1. اولا ندخل الي لوحة تحكم بلوجر
  2. ثم ندخل علي تبويب المظهر
  3. ثم نضغط علي تحرير HTML
  4. ثم نضغط علي (CTRL+F)
  5. ثم نبحث عن "head/" أو "/head"
  6. ثم نضع الكود هذا فوقة مباشرة
<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>

بعد أضافة الكود هذا يجب علينا أضافة الكود التالي :

  1. اولا ندخل الي لوحة تحكم بلوجر
  2. ثم ندخل علي تبويب المظهر
  3. ثم نضغط علي تحرير HTML
  4. ثم نضغط علي (CTRL+F)
  5. ثم نبحث عن "body/" أو "/body"
  6. ثم نضع الكود هذا فوقة مباشرة
<script type='text/javascript'>/<![CDATA[/
var linkblog=window.location.protocol+"//"+window.location.host+window.location.pathname+window.location.search;linkblog=encodeURIComponent(linkblog);var twshare="https://twitter.com/intent/tweet?url="+linkblog,fbshare="https://www.facebook.com/sharer/sharer.php?v=4&u="+linkblog,bq=$("blockquote").text();$("blockquote").append('<div class="quote-share"><a target="_blank" href="'+fbshare+"&quote="+bq+'"  class="quote-fb"><i class="fa fa-facebook"></i></a><a target="_blank"  href="'+twshare+"&text="+bq+'" ><i class="fa fa-twitter"></i></a></div>');
//]]>
</script>
بعد أضافة الكود مبروك عليك تم أضافة الأضافة بنجاح وأتمني ان تنال أعجابكم ان شاء الله ولاتنسوا ترك تعليق تحفيزي لنا لكي نستمر في نشر المزيد ان شاء الله واذا واجهتك اي مشكلة فلاتتردد بترك تعليق تحفيزي لنا لكي نستمر في نشر المزيد ان شاء الله واذا أعجبك الموضوع فلاتنسا مشاركة الموضوع هذا مع الأصدقاء لكي يستفيد الجميع أن شاء الله والسلام عليكم ورحمة الله وبركاتة

قد يهمك ايضا :-

وشكرا وتذكر دائما تيك فور الزائر الافضل في المكان الافضل ☺❤

عن الكاتب

تيك فور مدون وكاتب ومبرمج تطبيقات اندرويد مصمم مواقع موقعي : https://www.th3monster.com/

التعليقات


اتصل بنا

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

جميع الحقوق محفوظة

تيك فور