CARA MEMBUAT SCROLL OUT PADA BLOGGER

• Login to ke Dashboard.
• Go to Templates >>Edit Html.
• Find for ]]></b:skin> tag.
• Pastekan kode berikut sebelum  ]]></b:skin> tag.
  

.message-slide-out-by-blog-toolz {
    position:fixed;
    z-index:9999;
    text-decoration:none !important;
    color:white !important;
    background-color:rgba(34, 34, 34, 0.64);
    padding:10px;
    font-family:'verdana';
    font-size:13px;
    border-radius:0px 5px 5px 0px;
    top:10px;
    left:-180px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    font-weight:bold;
    padding-left:35px;
}
.message-slide-out-by-blog-toolz:hover {left:0px;}

• Save  Template.
• Layout.
• Add a Gadget >>Html/Javascript.
• Paste paste kode berikut.

<a class='message-slide-out-by-blog-toolz' href='http://blog-toolz.blogspot.in/2012/07/css-bullet-style-hover-effect-for.html' target='_blank'>Colour Changing Bullet Style</a>

Note: Ubah red link dengan link kamu, sedang green text tulisan yang akan ditampilkan.

•  Save.

Sumber: http://www.blog-toolz.blogspot.com