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

اقتباس مع ازرار المشاركة

ما هو الاقتباس؟

الاقتباس هو اقتباس طويل يتم تنسيقه كـ "كتلة" نصية منفصلة. بدلاً من استخدام علامات الاقتباس، يتم وضع الاقتباس في سطر جديد، وتباعد النص بالكامل لتمييزه عن الكلمات الخاصة بك.

يُستخدم عنصر الاقتباس (blockquote) للإشارة إلى اقتباس لقسم كبير من النص من مصدر آخر. باستخدام التنسيق الافتراضي لـ HTML في معظم متصفحات الويب، ستقوم بتباعد الهوامش اليمنى واليسرى على العرض وفي الطباعة، ولكن يمكن تجاوز ذلك باستخدام ورقة الأنماط السريعة (CSS).

المميزات:

1. إضافة قيمة ومصداقية: بتضمين الاقتباسات من مصادر موثوقة، يمكنك إثراء محتواك وإضافة مصداقية إليه.

2. تقديم وجهات نظر متعددة: يمكن استخدام الاقتباسات لتقديم وجهات نظر متعددة حول موضوع معين، مما يساعد في توسيع آفاق القراء وتقديم رؤى متنوعة.

3. تنسيق بارز: بفضل تنسيق الاقتباسات كـ "كتل" منفصلة، يسهل على القراء التمييز بين النص الخاص بك وبين اقتباسات المصادر الأخرى.

4. تعزيز تجربة القراءة: يمكن للاقتباسات أن تجذب انتباه القراء وتجعلهم يستمتعون بتجربة القراءة أكثر، خاصة إذا تم اختيار اقتباسات معبرة وملهمة.

كيفية إضافة الاقتباسات على الشبكات الاجتماعية:

قد تكون الشبكات الاجتماعية منصة رائعة لمشاركة الاقتباسات والاستفادة منها في تواصلك مع جمهورك. هناك طرق عدة لإضافة الاقتباسات على الشبكات الاجتماعية، ومن بينها:

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

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

كيفية إنشاء اقتباسات الشبكات الاجتماعية

مهم! قبل أن نبدأ في إضافة الرموز في XML، أوصي بأن تقوم بأخذ نسخة احتياطية من القالب الحالي. في حالة حدوث أي مشكلة، يمكنك استعادتها لاحقًا.

الخطوة 1: أولاً وقبل كل شيء، قم بتسجيل الدخول إلى لوحة تحكم Blogger الخاصة بك.
الخطوة 2: على لوحة تحكم Blogger، انقر فوق "Theme".
الخطوة 3: انقر فوق رمز السهم الصغير الموجود بجانب زر 'customize'.
الخطوة 4: انقر على "Edit HTML"، سيتم توجيهك إلى صفحة التحرير.
الخطوة 5: الآن ابحث عن الكود "]]></b:skin>" وقم بلصق أكواد CSS التالية فوقه.

/* Blockquote Social Media */
.fd-blq{background:#fff;margin:20px 0;padding:20px;border-radius:10px;box-shadow:3px 3px 25px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.1)} .blq-con{margin-bottom:20px} .fd-blq blockquote{position:relative;font-size:1rem;opacity:.8;line-height:1.6em;margin:0;padding:30px 0 0 0;display:block;border:none} .fd-blq blockquote::before{content:"\201C";position:absolute;top:-8px;left:0;font-size:60px;line-height:normal;opacity:.8} .fd-blq blockquote[data-author]::after{content:"- " attr(data-author);display:block;margin-top:8px;opacity:.95} .blq-shr{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px} .blq-shr .btn{position:relative;top:0;outline:0;border:none;width:35px;height:35px;background:#f2f2f2;display:flex;align-items:center;justify-content:center;border-radius:30%;border:1px solid rgba(0,0,0,.08);box-shadow:0 3px 12px rgba(0,0,0,.07);transition:all .3s ease,top .2s linear;cursor:pointer} .blq-shr .btn:hover{top:-3px;border-radius:50%;border-color:transparent !important;box-shadow:3px 3px 12px rgba(0,0,0,.15);transform:scale(1.08)} .blq-shr .shr-wa:hover{background:#128c7e !important} .blq-shr .shr-fb:hover{background:#39569c !important} .blq-shr .shr-tw:hover{background:#00acee !important} .blq-shr .shr-tg:hover{background:#229ed9 !important} .blq-shr .btn-dl:hover{background:#009688 !important} .blq-shr .btn-cp:hover{background:#009688 !important} .fd-blq.dwn .blq-shr .btn-dl:hover{background:#239b56 !important} .fd-blq.cpd .blq-shr .btn-cp:hover{background:#239b56 !important} .blq-shr .btn>svg{width:18px;height:18px;fill:#4f4d4d;stroke:none!important;transition:all .3s ease} .blq-shr .btn:hover>svg{fill:#fff} .fd-blq.dwn .blq-shr .btn-dl>svg, .fd-blq.cpd .blq-shr .btn-cp>svg{animation:jiggle 1s;-webkit-animation:jiggle 1s} .fd-blq.dwn .blq-shr .btn-dl .svg1, .fd-blq:not(.dwn) .blq-shr .btn-dl .svg2, .fd-blq.cpd .blq-shr .btn-cp .svg1, .fd-blq:not(.cpd) .blq-shr .btn-cp .svg2{opacity:0} @keyframes jiggle{0%{transform:rotate(0)}20%{transform:rotate(26deg)}40%{transform:rotate(-26deg)}60%{transform:rotate(26deg)}80%{transform:rotate(-26deg)}100%{transform:rotate(0)}} @-webkit-keyframes jiggle{0%{transform:rotate(0)}20%{transform:rotate(26deg)}40%{transform:rotate(-26deg)}60%{transform:rotate(26deg)}80%{transform:rotate(-26deg)}100%{transform:rotate(0)}} .drK .fd-blq{background:#252526;border-color:rgba(255,255,255,.1)} .drK .blq-shr .btn{background:#303030;border-color:rgba(255,255,255,.08)} .drK .blq-shr .btn>svg{fill:#d5d5d5}

الخطوة 6: الآن ابحث عن الكود "</body>" وقم بلصق الأكواد التالية فوقه.

<script>
  /*<![CDATA[*/
  eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('h 1d(){W t=["1M","2o","\' P=\'Q\'><p B=\'0 0 24 24\'><q d=\'Y 2.4f.5 2.1w 2 6.53 2 12.4g 17.4h 5.66 21.21 10.44 21.4i.4j.4k.4l.4e.4m.44 7.34 11.4o 5.H 14.22 5.4p.31 5.H 16.45 6.15 16.45 6.4q.4r.4s.1u 8.62 13.56 9.39 13.56 10.4t.4u.4v.w 14.4n.4b.3T 10 0 0 0 22 12.4a 6.53 17.5 2.1w 12 2.3M\'/></p></a>\\z!--3N--\\A<a j=\'v M-3O\' L=\'F://3P.Z/3Q/3R?3K=1B%2C","</E>","<E j=\'3S-1i 1p\'>","1U","D","G/1O","3U","**%1g","3V",".1p","<E j=\'1i-M\'>\\z!--3X--\\A<a j=\'v M-3Y\' L=\'F://3Z.47.Z/4w?G=*","4d","4x","4T","1r","4V","4W","\' P=\'Q\'><p B=\'0 0 64 64\'><q d=\'4X.9,48.4c-0.4,1.5-0.8,3.3-1.3,5.2c-0.7,2.9,1.9,5.6,4.8,4.4Y.1-1.4Z.7-0.4,3.5-0.2,5.1,0.5 5a.7,2.1,10,3,15.6,2.5b.3-1.9,22-11.9,23.5-24.4U,17.3,46.7,2,28.5,4.5d.2,5.7,6.2,15.5,4.3,27.5f-0.8,5.6,0,10.9,2.1,15.6 5g.1,44.9,7.3,46.7,6.9,48.4z 5h.3,19.5i.6-0.5,1.4-0.9,1.8-0.5j.3-0.2,2.9,1.1a.6,1.4,2,4.7,2.1,5.1m.2,0.3,0.3,0.7,0.1,1.2 c-0.2,0.5-0.3,0.7-0.7,1.1c-0.3,0.4-0.7,0.9-1,1.2c-0.3,0.3-0.7,0.7-0.3,1.5k.4,0.7,1.8,2.9,3.8,4.5l.6,2.3,4.9,3,5.5,3.4 1n.7,0.3,1.1,0.3,1.5-0.1a.4-0.5,1.7-2,2.2-2.5m.5-0.7,0.9-0.6,1.6-0.1q.6,0.2,4,1.9,4.7,2.1a.7,0.3,1.1,0.5,1.3,0.8 1n.2,0.3,0.2,1.7-0.4,3.2c-0.6,1.6-2.1,3.1-3.2,3.5c-1.3,0.5-2.8,0.7-9.3-1.1A-7-2.8-11.8-9.8-12.1-10.3c-0.3-0.5-2.8-3.7-2.8-7.1 5e.9,22.1,20.7,20.4,21.3,19.4S\'></q></p></a>\\z!--4J--\\A<a j=\'v M-4R\' L=\'F://4B.4C.Z/4E.4F?u=","\' P=\'Q\'><p B=\'0 0 64 64\'><q d=\'4G.4,8.2l-51.2,4H-1.7,0.6-1.6,3,0.1,3.4A.7,2.4I.1,0.6,3.8,2.2,4.4,4.4K.8,12.1m.5,1.6,2.5,2.1,3.7,0.9 4M.2-5.1q.9-0.9,2.2-1,3.2-0.4N.5,8.4O.6,1.2,3.9,0.3,4.3-1.4P.7-41.3I.4,9.1,58.4,7.4,56.4,8.2z 4y,17.3J.4,35.6 c-1.1,1-1.9,2.4-2,3.1A-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.3s.5-14.3H.9,16.1,50.5,16.9,50,17.4z\'></q></p></a>\\z!--2B--\\A<R j=\'v v-1C\'><p B=\'0 0 24 24\'><q j=\'1N\' d=\'Y 2D.5 2 22 6.5 22 2E 17.5 17.5 22 12 2F.5 22 2 17.5 2 2G 6.5 6.5 2 12 2H 2I 2A.2J.2L 2M 2N\'/><q j=\'1K\' d=\'Y 2O.5 2 2 6.5 2 2P.5 22 12 22 22 17.5 22 12 17.5 2 12 2Q 2x 2K.41 10.2y 14.2q.59 6.2w 2i 2j\'/></p></R>\\z!--2k--\\A<R j=\'v v-1y\'><p B=\'0 0 24 24\'><q j=\'1N\' d=\'1h,1I,2 0 0,1 20,1H.w,18 6,17.1 6,1G,2.w 6.w,2 8,1F,2 0 0,1 22,1E,1D,2 0 0,1 2,2n\'/><q j=\'1K\' d=\'1h,1I,2 0 0,1 20,1H.w,18 6,17.1 6,1G,2.w 6.w,2 8,1F,2 0 0,1 22,1E,1D,2 0 0,1 2,2t,2u,2v.59,5.2S,11.2R.1L,8.2U.5,9.3p,3r\'/></p></R></E>","3t","F://","3u","<E j=\'1i-3w\'>",".v-1y","&S;","&G=%1g**","1U.3y",".v-1C","1z","3A","3B","3C","3D","&t=","%1g\' P=\'Q\'><p B=\'0 0 24 24\'><q d=\'1h.46,3z.69,6.35 20.1b,6.58 20,6.3o.U,6.16 21.56,5.32 21.U,4.3e.3n,4.V 20.13,5.16 19.16,5.2W.37,4.5 17.26,4 16,2X.65,4 11.73,5.2Y 11.73,8.2Z.73,8.63 11.77,8.H 11.1k,9.30.28,9.3a 5.11,7.38 3,4.3b.63,5.42 2.42,6.16 2.42,6.2V.42,8.43 3.17,9.75 4.33,10.3d.62,10.5 2.H,10.3 2.38,3f.38,10 2.38,10 2.38,10.3g.38,12.11 3.1b,13.I 5.T,14.5o.46,14.34 5.3h,14.39 4.69,14.3i.42,14.39 4.15,14.36 3.w,14.3j.43,16 6,17.26 7.w,17.3k.43,18.45 4.58,19.13 2.56,19.3m.22,19.13 1.U,19.11 1.54,19.5n.44,20.29 5.7,21 8.12,4Q,21 20.33,14.46 20.33,8.6T.33,8.6 20.33,8.42 20.32,8.6P.16,7.63 21.U,6.6I 22.46,6Z\'/></p></a>\\z!--6C--\\A<a j=\'v M-6Y\' L=\'F://7m.7n/70/1J?1J=","7k","&G=","7h","7g","7f","7e","7d",".2e","7c","1x","L","1X","7a","79","\\71 6G 1B 5V: ","6x","5S","5R","5Q","6y","5O","5N","
v;"];k(1d=h(){k t})()}h b(t,e){k m(t- -5M,e)}h f(t,e){k m(t- -1L,e)}5K 2h=(t,c,n)=>{h o(t,e){k m(t-5J,e)}1R(n=o(1P,5I)==1Q n?n:"G/1O",c=o(1P,5q)==1Q c?c:"5C"+(1S 5B)[o(5A,5z)]()+o(5y,X),t){1R(n=1S 5v([t],{5u:n}),1T[o(5t,1W)])k 1T.1z(n,c);{K t=O[m(0,-5T)].5F(n),e=y[o(1V,1V)]("a");1j(e,o(5U,6j)),e[o(6w,1W)]=t,e[o(6u,6s)]=c,y[o(6r,X)][o(6p,6o)](e),e[o(X,6m)](),e[o(6l,6k)](),O.1M[o(6h,6g)](t)}}};2f(K i=6f(b(-1s,-6e)),u=0;u<i[f(-51,-36)];u++){K t=i[u],e=t[b(-H,-60)],c=t[b(-1b,-1o)],n=t[f(-43,-17)],o=t[f(-38,-8)].5P,a=b(-7l,-1t)+O.1x[f(-37,-15)]+O[f(-45,-49)][f(-33,-50)],x=C(e)[f(-I,-56)](/\'/g,"
v;").D(/"/g,"&S;"),d=C(6b 0===o?"":"\\6c 6d: "+o)[f(-I,-6i)](/\'/g,f(-32,-23))[f(-I,-67)](/"/g,b(-2d,-1l)),r=C(b(-6q,-61)+a)[b(-J,-N)](/\'/g,b(-T,-1u)).D(/"/g,"&S;"),1e=C(a)[b(-J,-6v)](/\'/g,f(-32,-19))[b(-J,-5D)](/"/g,f(-65,-40)),l=x[f(-76,-1f)](d,r),s=b(-2b,-2a)[f(-76,-V)](b(-7o,-7p),n,b(-7i,-6L),b(-1t,-6D)+x+"*"+d+r+f(-72,-74)+1e+b(-6E,-1s)+C(y.1r)[b(-J,-6X)](/\'/g,b(-T,-N))[f(-I,-59)](/"/g,"&S;")+f(-w,-1l)+C(y[b(-6A,-6K)].D(/ /g,"").D(/-/g,"")[b(-J,-6N)](/\'/g,"").D(/"/g,""))+f(-53,-58)+l+f(-55,-39)+1e+b(-1o,-1k)+x+f(-T,-6U)+d+b(-6V,-N),"</E>");t.1X=s}h m(t,e){W c=1d();k(m=h(t,e){k c[t=+t]})(t,e)}2f(K x=y[b(-2a,-2b)](b(-6S,-6R)),d=0;d<x[b(-6Q,-N)];d++){K o=x[d][b(-6O,-6M)](f(-66,-66)),c=x[d][f(-V,-56)](f(-62,-33)),a=x[d][f(-V,-62)](b(-6H,-6F));o[b(-1f,-2d)](f(-50,-61),()=>{h t(t,e){k m(t-6t,e)}h e(t,e){k m(e-6a,t)}o[t(5Y,5X)]=!0;W c=5Z(),n=y[t(68,5W)]();n[t(6n,5p)](a),c[e(5r,5s)](),c[t(5w,5x)](n),y[e(5E,5G)](t(5H,5L)),c[t(6z,7b)](),1j(x[d],t(7j,6W)),25(h(){2g(x[d],m(57,6B)),o[m(52,5)]=!1},1Y)}),c[b(-1f,-6J)](f(-50,-78),()=>{h t(t,e){k m(e-1Z,t)}h e(t,e){k m(t-3G,e)}c[e(3F,3E)]=!0,2h(x[d][e(3q,3x)],t(3v,2T)+(d+1)+".2e",t(2s,2r)),1j(x[d],t(1Z,2p)),25(h(){h t(t,e){k m(e-2m,t)}2g(x[d],t(4L,4D)),c[t(3W,3L)]=!1},1Y)})}',62,460,'|||||||||||_0x3c1838||||_0x10d210||function||class|return||_0x872b|||svg|path|||||btn|89||document|x3c|x3e|viewBox|encodeURIComponent|replace|div|https|text|96|85|135|let|href|shr|109|window|target|_blank|button|quot|82|88|81|var|682|M12|com|||||||||||2c0|86||_0x51e2|_|104|0A|M22|blq|addCt|84|99|1c0|c0|114|fd_blqt|3c0|title|113|129|95|039|04|location|cp|msSaveBlob|9c|quotes|dl|20V22H4A2|4V16M16|2H20A2|16V4C6|18H8C6|16A2|url|svg2|91|URL|svg1|plain|649|typeof|if|new|navigator|blockquote|690|670|outerHTML|3e3|791||||||setTimeout|||||107|137||115|txt|for|remCt|saveDoc|8L10|17Z|Copy||737|20V7H4V20H16Z|appendChild|804|17L17|798|777|20V7H4V20H16M13|14L20|7L18|58L19|17L5|59L10||10H13|Download||2C17|12C22|22C6|12C2|2M8|17H16V15H8V17M16|5V6H10|12L6|5V10H8L12|14L16|10Z|2C6|12S6|2M10|17L9|59L13|823|09L8|94C2|36C18|4C13|92|29C11|27C8||||||||||09|79C2||5C3|31C21|10C2|03C2|08|39C4|31C4|29C6||13C2|05|69C20|5L13|358|14Z|7l23|hidden|removeAllRanges|838|con|339|rtw_blq|6C21|getTime|Quote_|body|querySelectorAll|384|365|313|6C49|8C60|4L29|hashtags|789|04Z|Twitter|tw|twitter|intent|tweet|fd|96A10|string|querySelector|768|Whatsapp|wa|api||||||||whatsapp|||06C22|56V21||dwn|44V9|04C6|06C2|06|96V14|96H7|9V12|06H10|85C10|96H13|93|96C15|15V8|62H15|19C13|18V12|06H16|34L15|send|download|M50||5l9|www|facebook|750|sharer|php|M56|20c|9c2|Facebook|3l3|769|l5|3l11|4c1|7l8|21C16|fb|8z|concat|2C62|execCommand|addRange|M6|8l5|3c1|||||||||||c4|1c12||2C16|C18|8c|C7|M21|8c0|9s2|4c0|7c2|7c0|07C3|24C5|1027|675|548|523|671|type|Blob|994|984|685|676|672|Date|File_|155|509|createObjectURL|517|1032|665|641|const|1044|141|pathname|cpd|author|innerHTML|hostname|dataset|233|662|at|1034|1021|1028|getSelection|123||||||||1026||500|void|nSaid|by|97|qSell|657|684|103|673|687|683|686|1015|629|642|90|674|625|976|655|105|688|disabled|copy|999|125|410|Telegram|145|106|134|more|136|87|118|147|110|128|132|131|23C21|101|144|130|79C20|111|121|1025|122|tg||share|nRead||||||||createRange|createElement|1014|innerText|revokeObjectURL|remove|click|length|selectNodeContents|138|1033|addEventListener|119|telegram|me|117|146'.split('|')));
  /*]]>*/
</script>

الخطوة 7: ثم أنشئ صفحة ثابتة على المدونة وقم بلصق الرمز التالي في وضع الكتابة بتنسيق HTML.

<blockquote class='rtw_blq' data-author='Anonymous'>وفيما يتعلق بالقدرة على تغيير النصائح والحكم، يُعتبر اقتباس العبارة التالية مثالًا رائعًا: 'التغيير هو القوة الوحيدة التي لا يمكن الاستغناء عنها'.</blockquote>

الخطوة 8: الآن انقر على "حفظ" بالنقر على هذا الرمز
الخطوة 9: تم الانتهاء!
الخطوة 10: دعنا نرى معاينة

وفيما يتعلق بالقدرة على تغيير النصائح والحكم، يُعتبر اقتباس العبارة التالية مثالًا رائعًا: 'التغيير هو القوة الوحيدة التي لا يمكن الاستغناء عنها'.

جميع الحقوق محفوظة ©
www.webwrd.com

انتقل إلى الرابط