Advance Blogger Guide

URL
Name/Title
Template
Colors
Select Blog Layout Structure
Add 1rst Post
Add a Picture (x-large)
Adjust widths
Create Pages/Tabs
Add Gadget = Pages
Add Gadget = Follow by Email
Replace Favicon
Modify = Blog Archive
Fill or Remove Profile
Customize Template*
CSS Modifications*
Settings*
Explore & add More Gadgets*

Settings
Post = # Post
Email=Activate Post by email
Email=Send to Particular email
Language=Time Zone
Search=Meta Tag
Other=Backup
Other=Feed Features
Other=Google Analytics





Clear Blog Perception                     ADVANCE MATERIAL
Remove Main Post Features
Remove Post Footer Background
Remove Attribute
Remove Atom Subscription
Add Post Signature
Remove the Navigator

Customization
Remove “Home” footer
Move Pages Tab to the Top
Customize Social Media
Setup your own Domain
Linking Pages
Dropdown Pages




*CSS MODIFICATIONS
Center Header or Title – CSS
Center or Right Pages/Tab – CSS
Remove Post Footer Background
Remove “Home” footer

#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}

.PageList {text-align:center !important;} .PageList li {float:none !important; display:inline !important;}

.post-footer {display:none;}

#blog-pager { display:none; }

CODE POST SIGNATURE

Add a Post Signature template –Settings> post & comments > add to post template

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjna3Cnypx6WcgrneO8aPT7nyowx7CaoDQ1AxpFj1BPJR-WEBY76-vsWVX3I_X4vTDIjOm5CWIR1Ns2ooo7g2cWlzpSHQTrpxU5eYw5WMWq0-dC7aaiRsrKWyNHg63_dv2YC592XhM2o6/s1600/pregunta-197x300.jpg"/>

*CODE MODIFICATIONS

Remove Attribute (1) true => false & (2) no => yes // Remove Attribute Gadget // Add Text Gadget
<b:widget id='Attribution1' locked='true' title='' type='Attribution'
<b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>

Remove Atom Subscription => delete
<b:include data='feedLinks' name='feedLinksBody'/>

Move Pages Tab to the Top => Cut/Paste


-Select everything in between the two purple lines
-Cut the Code (Ctrl+X)
  
</header>
<div class='tabs-outer'>
</div> 
<div class='main-outer'>.
 



 Add the Code above "<header>"(CTRL+V)

<header>
<div class='header-outer'>

Customize Social Media =>Copy/Paste

1.      Ensure regular Blogger Share buttons are not present
2.      Proceed to find the coding, however you need 2nd one. To ensure you have the 2nd check the number line and then do “Enter” again and ensure the number increased.

<div class='post-footer'>

3.       Paste AFTER that line

<!-- AddThis Button BEGIN -->
<div style='text-align: center;'>
<div class='addthis_toolbox'>
<div class='custom_images'><a class='addthis_button_share'><img alt='Share this Post' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgofjVdA9Nsjut5_iucAkMa8hqtg6h8ZZ9DIIeyMp4By8VJbPfeiYXVgLyJbZ-jSZBekOJBBSmP0RJVeWnXMjyI-3GBkh_CE47AiEKSKi1a2Bg-CNi5fdqEIp9w8nE9PYeUoOG8y7bN5Z9d/s1600/Share+this+Post.png'/></a><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook share' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH1zUTmhWwtuGOc-6taMKgxUBL-ABOrjJf5ZTNoms9vTuW-sG3K0N-eiUwZS7WLQUoRZCxZjX9pjvuSOQkyUMV7Uh_qTo07Zj8mKu6-KR_UjpXRc3IGvj6j2Wn9VgUSATwS9yywNNZ3G6B/s1600/Facebook+Button+Share.png'/></a><a class='twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter share' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjihC5EuLBdTBoD3OEO8DJm3NXflnyMg1TgFP98Zekn6knrjF85BZcX2hB7wrXKiFmglNqnuAbykZ0OtB4Hpa4DQyD9duuYx0cf2ANYtJ3pLwiwo1m2rQ5mJFkO7UiIIlAnES0_IhhrAdHM/s1600/Twitter+Button+Share.png'/></a><a class='addthis_button_pinterest_share'><img alt='Pin This' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcW-gRQiTiQup-5KyKTsiV2ciwa7tLyI0Nr7nAGDKMTKmrk8tMJZwuffZ9O0X6BiCHgiaLdanCkK5OW8kRJcE7EX1jbdLoh1Y6F72uNYHSJ3_F3qYWiLRGjDnN1GkBm2AOgukyKDuTmlya/s1600/Pinterest+Button+Share.png'/></a><a class='addthis_button_tumblr'><img alt='Share on Tumblr' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdsr4UgDp-PSAVj5XLpLyqL7aZ1zIL-l-DMgFPiUo3aN7ut7JXXrkUFc_SANZp3LewZvudljsUK-C5_fn77YvdQzgX0lqB_aotUeNFPtrUxrSCOMmQq4p-GIn2wOCDhMScZYYYmNr9wbC0/s1600/Tumblr+Icon.png'/></a><a class='addthis_button_google_plusone_share + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share on Google Plus' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGw2YNn-VhnQEfddw_7-ZuwtmIRHV72qcje4CirK-4xF1sDqUmJzxjDbhgxxiMGMqX_9J_syRp-GMDi2FTlOAPFWvHopYYzj1w4gpQuByQzAbQWAMxzVK3L-tulVRcC-r0BHAfYNlKnLf9/s1600/Google+Plus+Share.png'/></a><a class='addthis_button_email'><img alt='Email This' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwDNk9Ojs14dwoy3hgYJZmaj6xsFCzKxAKniAjmr7lyiyyF5b5DeZ9P1ZvY8kvg9IjiXGitVavbPGYNInCgzMrVSAvqZRsdUdM2HKj4HPUQM31BUFADBMf94pvTlrNQEpl-Ap5Owpf_G3N/s1600/Email+Button+Share.png'/></a>
</div></div></div><script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:false};</script><script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/>
<!-- AddThis Button END -->

4.       If you want to align center or right then find
<div style='text-align: left;'>

5.       If you want to change the wording of “Share this post” (it is an image) you can:
a.       make your own image and replace the current image
b.      just type in your own text

<div class='addthis_toolbox'>

·         type in your new text right BELOW for example: "Like this post? Share it:".
·         You will then want to delete the Share this post image by deleting this line of code:
 <a class='addthis_button_share'><img alt='Share this Post' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgofjVdA9Nsjut5_iucAkMa8hqtg6h8ZZ9DIIeyMp4By8VJbPfeiYXVgLyJbZ-jSZBekOJBBSmP0RJVeWnXMjyI-3GBkh_CE47AiEKSKi1a2Bg-CNi5fdqEIp9w8nE9PYeUoOG8y7bN5Z9d/s1600/Share+this+Post.png'/></a>

NetLinks

·         SandyPortals Resources http://sandyportals.blogspot.com/