Blogger Codes

  How to Add Random Post Feature . >> First, you open your  blogger  account. >> Now open your website / blog theme in  HTML mode . >> Then paste this CSS code before  ]]></b:skin> #random-posts-pcmain img {height: 100px; width: auto; text-align: center; background: white; border-radius: 5px; margin-top: 12px;  } #random-posts-pcmain img:hover {     } ul#random-posts-pcmain {     background-color: white;float:center; margin-left: 2px; margin-top: 15px; } #random-posts-pcmain a { text-align: center; width: 100%; min-height:100%;color: white;display:block; font-size: 13px; margin-top: -20px; line-height: 17px; font-weight: bold;} #random-posts-pcmain a:hover {     text-decoration: none; } .random-summary {     font-size: 11px;     background: none;     padding: 5px;     margin-right: 8px; display: none; } #random-posts-pcmain li {height:...

  How to Make Any Blogger Widget/Gadget/web element Sticky (float) Sticky widgets are widgets/gadgets in a webpage which sticks to a specific portion of the page and floats (move) with the up and down scrolling of the page. At this post I will show you how to make a sticky widget on blogger ( this is just an example, to put on any site can be done with this method, javascript and css included) 1. Get The Widget ID.     every blogger widget have a specific id. To get this you can go to blogger dashboard then edit a gadget to make it sticky 2. Add Style search for </style> add this style : .frx_floating {background:#ffffff !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;} add this style code above 3. Add this Script : add this script code above script tag 4. Go to end of body, search for </body> call the script : ...