bloggers Techno Club: 2017

Add bullet list in bloggers

.sidebar ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYAwDYLayYbtEABfGUjmTEuJbKO7gv_9RjmiUq0fzR55dACcowoX8m6mHMs3b3g8xpTA-Cf7d7pY5PRdRv47jRQX7oW3Dw0K8OMCRLfPTorCoSwLYcXYV8Mc72aYYPPzDfdUa2ZBJSo6Ii/s1600/bullet-point-image-5.gif');}

Now to add Bullet list in Post Area, paste the code given below just above the ]]></b:skin>

.post ul li {

list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYAwDYLayYbtEABfGUjmTEuJbKO7gv_9RjmiUq0fzR55dACcowoX8m6mHMs3b3g8xpTA-Cf7d7pY5PRdRv47jRQX7oW3Dw0K8OMCRLfPTorCoSwLYcXYV8Mc72aYYPPzDfdUa2ZBJSo6Ii/s1600/bullet-point-image-5.gif');

}

By doing so you could see your sidebar or Post Area all bullet list has been changed .

<div dir="ltr" style="text-align: left;" trbidi="on">
<table border="1" cellpadding="0" cellspacing="0" class="MsoTable15Grid1LightAccent3" style="border-collapse: collapse; border: none; mso-border-alt: solid #DBDBDB .5pt; mso-border-themecolor: accent3; mso-border-themetint: 102; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-yfti-tbllook: 1184; width: 100%px;">
<tbody>
<tr>
<td style="border-bottom: solid #C9C9C9 1.5pt; border: solid #DBDBDB 1.0pt; mso-border-alt: solid #DBDBDB .5pt; mso-border-bottom-alt: solid #C9C9C9 1.5pt; mso-border-bottom-themecolor: accent3; mso-border-bottom-themecolor: accent3; mso-border-bottom-themetint: 153; mso-border-bottom-themetint: 153; mso-border-themecolor: accent3; mso-border-themecolor: accent3; mso-border-themetint: 102; mso-border-themetint: 102; padding: 0in 5.4pt 0in 5.4pt; width: 100.0%;" valign="top" width="100%">
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 5;">
<br /></div>
</td>
</tr>
</tbody></table>
</div>

Remove Home Button from Bloggers Template

Go to the Bloggers Dashboard , in the left side menu click the theme option then go to Edit Html
click the cursor in html area then press Ctrl F from your keyboard , then search search the code given below and delete the following code :

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

by deleting the following code , the home button will be disepeared from both desktop and custom mobile template.

Adding a section or Additional Widget Area in Bloggers Layout.

Remove Extra padding From Bloggers Template.

there is an extra padding around the simple bloggers template , that make your bloggers look , un professional. In this tutorial i will let you know how we can remove white padding from the bloggers template..follow the steps below..

Go to the Bloggers Dashboard , in the left side menu click the theme option then go to Edit Html

click the cursor in html area then press Ctrl F from your keyboard , then search

content.padding and content.padding.horizontal

you would find a code look like below

Now change the value of conent.padding and in next line content.padding.horizontal to 0 ( zero )

After followed the tips mentioned above your code would be look like below.

And your extra padding will disspear from the template.

raja

Add bullet list in bloggers

Remove Home Button from Bloggers Template

Adding a section or Additional Widget Area in Bloggers Layout.

Remove Extra padding From Bloggers Template.

MOBPages

rajmenu