TOC

Love this Table Of Contents using labels

[ also see http://www.arlinadzgn.com for more customization ]

CODE: 

<div style="background-color:none; max-height:1200px; margin:auto;overflow:auto;padding:3px;text-align:left;width:100%;"> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftsimple.js"></script><script src="/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>

Read More

404 Not Found

Dog-gone-it !
Sometimes a page is missing....

Go To Blogger >> Settings >> Search Preference. Now from the list of functions Select Custom Not Found Page and paste the following JavaScript coding in the HTML Box. If some folks are using custom 404 error message, than they can add the following code at the end of the coding.


Example::

Sorry for the inconvenience, the page you are looking for has no existence.



<script type = "text/javascript">
//Blogger 404 Redirect Powered by MyBloggerLab
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 1000);
</script>

Read More

Featured Slideshow Code

SlideShow Presentation By: MyBloggerLab

To create this Sleek Slideshow

go to Blogger.com >> Template >> Edit HTML >> and search for the closing </head>tag.

 Now just above the </head> tag paste the following JavaScript code:

<script src="http://mybloggerlab.com/js/slider.js" type="text/javascript"></script>


<link type='text/css' rel='stylesheet' href='http://mybloggerlab.com/css/slider.css' />


then 

<div align="center"><table style="height: 300px; width: 300px;"><tbody>
<tr><td><div id="featuredbwidget"></div>
<script>
featuredbwidget({
        listURL: "https://icqgreetings4u.blogspot.com/",
        featuredNum: 15,
        listbyLabel: false,
        feathumbSize: 200,
        interval: 8000,
        autoplay: true,
        featuredID: "#featuredbwidget"
    });
</script></td></tr></tbody></table>
<br /><span style="font-family:verdana; font-size:50%;">SlideShow Presentation By: <a href="http://www.mybloggerlab.com/2016/06/how-to-easily-add-a--featured-image-slider-in-blogger.html" target="_blank">MyBloggerLab</a></span></div>

Read More

Random Posts Gallery

Photo Example taken from my IcqGreeting4U Blog

LOVe Love Love this little blog goodie ... it shows a random 72 by 72 thumbnail of your posts and when moused over the title... ... goes nicely in the footer or sidebar... and nothing needs to be changed in the script to personalize it to your own blog unless you want it to open in NEW WINDOW then change the words _self to _blank

CODE 

<script type='text/javascript'>
//<![CDATA[
// Random Post Gallery
function arlinagrid(a){for(var t=a.feed.entry||[],e=['<div class="random-gallery">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+arlina_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+arlina_thumbs+'" height="'+arlina_thumbs+'"/>',p=arlina_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" target="_self" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>
<style>
/* CSS Random Post Gallery */
.random-gallery {padding:0;clear:both;}
.random-gallery:after {content:"";display:table;clear:both;}
.random-gallery .gallerytem{display:inline-block;position:relative;margin:6px 0;overflow:hidden;}
.random-gallery .gallerytem a{position:relative;float:left;margin:0 6px;text-decoration:none}
.random-gallery .gallerytem .ptitle{background:rgba(0,0,0,.7);display:block;clear:left;font-size:10px;line-height:1.3em;position:absolute;text-align:left;bottom:3px;left:3px;right:3px;top:3px;color:#fff;padding:5px;word-wrap:break-word;overflow:hidden;visibility:hidden;opacity:0;backface-visibility:hidden;transition:all .2s}
.random-gallery .gallerytem:hover .ptitle{visibility:visible;opacity:1}
.random-gallery a img{background:#fdfdfd;float:left;padding:2px;border:1px solid #e3e3e3;transition:all .3s}
.random-gallery a:hover img {border-color:#bbb;}
</style>
<script>
var arlina_thumbs = 72;
var arlina_title = true;
</script>
<script src="/feeds/posts/summary?max-results=9&amp;alt=json-in-script&amp;callback=arlinagrid"></script>


RESULT:

Read More