Beautiful Author Widget in Blogger

  1. Navigate to the Theme section in your Blogger dashboard, click on "Customize," then select "Edit HTML." Paste the following code just after the <head> tag and save the template. If you have already done this step for any of other widget on your site then skip it. You only need to do this once for all widgets.

<link href="https://cdn.jsdelivr.net/gh/Mushahid7734/ClasswithMason.com/classwithmason1.1.min.css" rel="stylesheet"  crossorigin="anonymous"/>
Step 2: Paste following code where you want this widget to appear. Of course change the names and website address etc.

Author Widget Style 1


<h2 style="text-align: center;"><br /></h2><div class="aAthrP-classwithmason"><div class="aAdm-classwithmason"><div class="aAdmC-classwithmason"><img alt="partner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN3w8cXXig_-dAFBUMvabpPvDmzL1jdN7sGQ2HAszNykgP9iRtsS8Za9W-NpJsg1Sljs2RZ5EfSQHvlbNNT3ffNoicw1UE7B-59DsyL_wdB9HQPgr7uu2OF7Wd7Kk6gncG0c3V4YWLSqa9Vmi6HDS-gBX9XEuRNPr9-vdELlAF96QuqXB_uXGZrzow6A/s16000/Freemium%20tech%20logo.webp" /><div class="aAdmD-classwithmason" data-disc="New" nbps=""><h4>Freemium Tech</h4><p class="desC-classwithmason"><span style="color: #ff6600;">Freemium Tech.</span>Freemium Tech provides you all kinds of Blogging, SEO, Programming, Google Adsense, Tips and Tricks etc. Also, we are focusing on many other categories and hope you will like them too.</p><p></p><p>© 2022 ‧<span style="color: #ff6600;">Freemium Tech</span>.</p><p></p><p></p></div><div class="aAdmB-classwithmason"><a class="btn-classwithmason" href="https://FreemiumTech.blogspot.com/" target="_blank"><svg class="line-classwithmason" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g transform="translate(2.550170, 3.550158)"><path d="M0.371729633,8.89614246 C-0.701270367,5.54614246 0.553729633,1.38114246 4.07072963,0.249142462 C5.92072963,-0.347857538 8.20372963,0.150142462 9.50072963,1.93914246 C10.7237296,0.0841424625 13.0727296,-0.343857538 14.9207296,0.249142462 C18.4367296,1.38114246 19.6987296,5.54614246 18.6267296,8.89614246 C16.9567296,14.2061425 11.1297296,16.9721425 9.50072963,16.9721425 C7.87272963,16.9721425 2.09772963,14.2681425 0.371729633,8.89614246 Z"></path><path d="M13.23843,4.013842 C14.44543,4.137842 15.20043,5.094842 15.15543,6.435842"></path></g></svg>Go to Website</a></div></div></div></div>

Author Widget Style 2


<div class="classwithmason-ycusr"><div class="classwithmason-ycnbr"><span class="classwithmason-ycnbrpn">❤</span></div><div class="classwithmason-image"><img alt="Technical Asmaul" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQHNmdnT1NVhyOYuIYxw-09xvfsb_emtlk0Nrmn0DK8MoMQmevVAVBso02UzNT6lzdT1XPC4sHwy_X3RCSYCC0ChKU4XyowJo5IKr0JaxmKr_XTJQn7mWA0AH4Oaor6GKGRCv3wRd0UKwnzQdUPaHkrG3JA8pc0EhaJRW-qI4RXrQTw05FoSNOfNtdWg/s16000/Technical%20Asmaul%20official%20Logo-1.jpg" /></div><div class="classwithmason-ycusrLn">www.Technicalasmaul.blogspot.com</div><div class="classwithmason-ycusrTl">Technical Asmaul</div><div class="classwithmason-ycusrD">Technical Asmaul" is one of the most popular technology related website. This website try to publish content about technology, tips and tricks regularly.</div><ul class="classwithmason-Label-1"><li>Tips &amp; Tricks</li><li>Tutorial</li><li>Blogger</li></ul><div class="classwithmason-ycusrsv"><a class="classwithmason-getar" href="#" target="_blank"><svg class="classwithmason-line" viewbox="0 0 24 24" width="20px" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg></a></div></div>

Demos Given Below

Author Widget Style 1


partner

Freemium Tech

Freemium Tech.Freemium Tech provides you all kinds of Blogging, SEO, Programming, Google Adsense, Tips and Tricks etc. Also, we are focusing on many other categories and hope you will like them too.

© 2022 ‧Freemium Tech.

Author Widget Style 2

Technical Asmaul
www.Technicalasmaul.blogspot.com
Technical Asmaul
Technical Asmaul" is one of the most popular technology related website. This website try to publish content about technology, tips and tricks regularly.
  • Tips & Tricks
  • Tutorial
  • Blogger

Post a Comment

Your questions, insights, and feedback inspire us and help make this space vibrant and engaging. Every comment shows us that our content is reaching you, motivating us to keep writing and sharing more.

Here’s how you can contribute:

Ask Freely: If you’re curious about something, don’t hesitate to ask!
Help Others: Know the answer to someone’s question? Share your knowledge and insights.
Be Respectful: Share your views in a kind and constructive way.
Stay Relevant: Keep the discussion focused and helpful for everyone.

Let’s make this a space where everyone feels welcome to share their thoughts. Thank you for being part of our community!