How to Create a Short Blogger Profile Widget in the Blog Sidebar
ooredoo

Tuesday, March 12, 2024

Home » Blogger , Blogger Tips » How to Create a Short Blogger Profile Widget in the Blog Sidebar

How to Create a Short Blogger Profile Widget in the Blog Sidebar

Short Blogger Profile
( How to Blogger )
Today a friend asked the admin how to make a short profile about a blog which is usually posted with the post, or what is often called "Author Blogger Post" but the blog profile was moved to the sidebar without a profile photo, only one information about the blog, as in the sidebar of this blog.

Actually, the way to make this widget is quite easy, you don't need JavaScript but you only need a little CSS so that the widget can be displayed.

OK , without further ado, please follow the steps below
  1. Please open "Layout" in the left menu of your blog.
  2. Please add a gadget "Add a Gadget"
  3. Select HTML/JavaScript, then enter the code below:
<div dir="ltr" style="text-align: left;" trbidi="on">
<table border="0" style="width: 100%;"><tbody>
<tr><td align="left" style="background: #fff; border: 1px solid #eee ; line-height: 1.2em; padding: 5px; width: 100%;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color : #274e13;"><span style="color: #274e13;"><span style="font-size: 18px; line-height: 1.2em;">  
Let's explore the world with the internet together .
</span></span></span>
<span style="font-size: 12px;"><span style="color: #444444; line-height: 1.2em;"><br />  
This blog registered as a member of <b> CBC "Celebes Blogger Community "</b> since 2013, under the guidance of <b> Andi AM . </b>
</span></span></span><span style="color: #cc0000;"><span style="font-family: "arial" , "helvetica" , sans-serif ;"><span style="font-size: 10px;"><span style="line-height: 1.2em;"><span style="font-family: "arial" , "helvetica" , sans -serif;">
<br />
If there is something you don't like about this blog article, then we apologize profusely.
</span></span></span></span></span></td></tr>
</tbody></table>
</div>

Please change the text in red according to your wishes.
The final step is to fill in the widget title then Save and see the results...

Hopefully this is useful.
Andi AM

Related Posts :