How to Make Headline Besides scrollbars

Hello buddy bloggers this time I will share the results of  How to Make Headlines With Hover Effect Besides the scrollbars are inspired by his blog Arshmantech  . Well the above that already exist headlinenya ss, ss follows with effect hovernya

How it look ?

if you want to add in to your blog just follow these steps

• Search  "  ]]> </ b: skin>  "  and paste the following above it

#headline {
z-index: 1000;

border-radius: 15px;

position: fixed;

width: 375px;

height: 130px;

background: RGBA (41, 41, 43, 0.77);

border: 5px solid # F03;

color: # fff;

top: 100px;

right: 1000; border-radius: 15px; position: fixed; width: 375px; height: 130px; background: RGBA (41, 41, 43, 0.77); border: 5px solid # F03; top: 100px; right: 0px; -webkit -transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -MS-transition: 0.5s; } #headline h2 { font-family: Cursive; letter-spacing: 1.5pt; height: 10px; width: 210px; margin-bottom: 0px;margin-left: -90px; color: # fff; -webkit-transform: rotate (-90deg); -moz-transform: rotate (-90deg); -MS-transform : rotate (-90deg); -o-transform: rotate (-90deg); font-size: 14pt; }#headline li a: visited {color: # fff;} #headline li {margin-bottom: 4px; margin- left: 50px;border-bottom: 1px dotted # F03; padding: 0 0 9px 0px; font-family: Cursive; }  

• now search "  </ body> " paste following code just above it

<Div id = "headline"><h2> Headline </ h2>    <ul> <li> <a href = ' http://arshman-techno.blogspot.com/2013/04/cara-mengetahui-posisi-seseorang-lewat .html "> Hacking Style blogger templates</a> </ li><li> <a href = ' http://arshman-techno.blogspot.com/2013/04/cara-memasang-pika-billing.html '> How to Install Pika Billing </a> </ li><li> <a href = ' http://arshman-techno.blogspot.com/2013/06/cara-transfer-uang-tanpa-punya-rekening.html ' > How to Have Money Transfer Bank Account Without </a> </ li><li> <a href = ' http://arshman-techno.blogspot.com/2013/07/cara-mudah-mengedit-template-blog.html ' > How Easy Editing Templates Blog </a> </ li><li> <a href = ' http://arshman-techno.blogspot.com/2013/06/cara-membuat-blog-seo-100-di-chkme. html "> How to Make a Blog SEO 100% In Chkme </a> </ li></ ul> </ div>

* Note: The blue color : Url posts designated red color : The words that appear in the headlines

Well've got to go only this much I can doang post and the demo can diliat this blog or in HERE

Remember if you want to copy and paste the given source