Blog Enhancers

Blog Enhancers

create 

•  https://www.blogger.com

 fix

•  make the theme simple
•  set the width to 1500 (Layout-Theme Designer)

enhance

• add Blog Archive (set to Hierarchy)
• add a link list 

        (5 students plus this course blog{at top of list})

• add a banner http://www.bannersnack.com/

              custom size 1500 x 200   (Edit Header)

• alien avatar http://chir.ag/alien (image gadget)

favicon

• design it https://codepen.io/thatguycraig/pen/kIeAK
• make it  https://www.favicon.cc/

NOTE: background gradient : FOUND here

turn their code:

div {
    background: linear-gradient(to bottom, #cc00ff 0%, #ff0000 100%);}

into our code - note the difference using STYLE= 

<DIV style="background: linear-gradient(to bottom, #cc00ff 0%, #ff0000 100%);">

</DIV>

Predicted Grade

Predict Your Grade at Interim.


4 Transparent - Animated GIFs

• 1 Letter
• 2 numbers
• 1 percent sign

• Add a background colour

<div style="background: peru;">

</div>

Use the following CODE to fix the background issue behind the transparent images.

Go to:

Design - Layout - Template Designer - Advanced - (scroll down to) - Add CSS

then paste in the following:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

  padding: 0 !important;

  border: none !important;

  background: none !important;

  -moz-box-shadow: 0px 0px 0px transparent !important;

  -webkit-box-shadow: 0px 0px 0px transparent !important;

  box-shadow: 0px 0px 0px transparent !important;

}

PLACE your ANIMATED gifs INTO a TABLE

place bgcolor ="red" behind all cells

choose your own colors

colour options

Predicted Grade