Splitting your blog header into two sections can make your blog look more professional, making your logo to appear on the left side of your blog header, while you have some space to add any other gadget or advertisement banner to the right of the logo.
1- Log in to your Blogger dashboard
2- Click Template
3- Click Edit HTML tab
4- Back up your blog template
5- DO NOT tick the "Expand Widget Templates"
6- Press Ctrl+F in the HTML code box to find the code below:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>7- Copy and paste the code below, just after the code above.
<b:widget id='Header1' locked='true' title='My Blog (Header)' type='Header'/>
</b:section>
<b:section id='header-right' showaddelement='yes'/>8- Hence, your code should be like this.
<div style='clear: both;'/>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>9- Press Ctrl+F again to find ]]></b:skin>
<b:widget id='Header1' locked='true' title='My Blog (Header)' type='Header'/>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
10- Copy and paste the below code just above ]]></b:skin> line
#header, body#layout #header {width:35%;display:inline-block;float:left;padding:15px;}11- Save your template
#header-right, body#layout #header-right {width:50%;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}
Go to "Layout" and you should now notice a "Add a gadget" link right beside the header. Click it to Add any widget right beside your blog logo.
You’ve made some decent points there. I did looking about them and found most guys goes together with along with your blog. https://royalcbd.com/product/cbd-oil-500mg/
ReplyDeleteI enjoy your writing style really enjoying this web site . สล็อตออนไลน์
ReplyDeletePG SLOT ยอดเยี่ยมเกมออนไลน์ สล็อตบนโทรศัพท์มือถือ Pg Slot ทางเข้าpg แบบใหม่ปัจจุบัน ของโลก สมัครเล่น SLOT วันนี้รับโบนัส แรกเข้า 100% โดยทันที โบนัส 50% สำหรับสมาชิกใหม่ ด้วยความพิเศษของ พีจี สล็อต Pg Slot ทางเข้าpg
ReplyDelete