Recently Updated Post

Recently Updated Post ~~
    Font Size

    How to make Social media blockquote on blogger .

    Hello, Bloggers! Welcome to NS DESIGN

    In this tutorial, we are going to show you How to make Social media blockquote on blogger

    What is a blockquote?

    A block quote is a long quote formatted as a separate “block” of text. Instead of using quotation marks, you place the quote on a new line, and indent the entire quote to mark it apart from your own words.

    The blockquote element is used to indicate the quotation of a large section of text from another source. Using the default HTML styling of most web browsers, it will indent the right and left margins both on the display and in printed form, but this may be overridden by Cascading Style Sheets (CSS).

    How to make Social media Blockquotes

    Important!Before we start adding codes in XML, I will recommend you to take a Backup of your current theme. By chance if any problem occurs, you can restore it later.

    Step 1: First of all Login to your Blogger Dashboard.

    Step 2: On Blogger Dashboard, click Theme.

    Step 3: Click the arrow down icon next to 'customize' button.

    Step 4: Click Edit HTML, you will be redirected to editing page.

    Step 5: Now search the code ]]></b:skin> and paste the following CSS Codes just above to it.

    /* 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}

    Step 6: Now search the code </body> and paste the following Codes just above to it.

    <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>

    Step 7: Then create a static page on the blog and paste the following code in HTML writing mode.

    <blockquote class='rtw_blq' data-author='Anonymous'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus.</blockquote>

    Step 8: Now click on Save by clicking this icon

    Step 9: That's done!

    Step 10: Let's see a Preview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus.

    Terms of Use

    To appreciate our workshop, consider keeping the credits in canons. We do not allow to rewrite this post in any manner. Do not copy this post, canons or any part from this composition without authorization

    Our All Posts Are Protected By DMCA. So Don't Try To Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited! Or else Legal Actions Will Be Taken. © NS DESIGN | All Rights Reserved

    ©️ Copyright Reserved: NS DESIGN

    Getting Info...

    About the Author

    Hello! I am MUSTAKIM - Designer at NS Design Templates who provides the best blogger templates, amazing features, SEO friendly, Responsive designs, and Google AdSense friendly.

    إرسال تعليق

    Emoticon

    Cookie Consent
    We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
    Oops!
    It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
    AdBlock Detected!
    We have detected that you are using adblocking plugin in your browser.
    The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
    Site is Blocked
    Sorry! This site is not available in your country.