Cara Membuat Box Headline di Header Blog

Assalamu'alaikum , karena ada yang minta tutor saya akan membagikan Cara Membuat Box Headline Di Header Blog oke langsung saja ya bagaimana kah langkah langkah nya ? 
berikut langkah langkah nya :
pertama seperti biasa kamu harus login ke blogger.com dahulu
masuk ke dasbor dan pilih page template di samping kiri
dan kik edit html, masukan kode berikut di atas kode </b:skin> agar lebih mudah dengan cara menekan F3

boxsetan{float:left}#header-wrapper:hover .Headline{-webkit-transform:rotate(363deg);transition:600ms}.Headline {

background: black;

position: absolute;

width: 330px;

margin-top: 20px;

height: 327px;

transition: 872ms;

left: 608PX;

-webkit-transform: rotate(352deg);

display: inline;

border-bottom: 20px double rgba(0,82,255,0.49);

border-left: 20px double #0052ff;

border-top: 20px double rgba(0,82,255,0.49);

border-right: 20px double #0052ff;

background-position: 10px -4px;

border-radius: 10000px;

-webkit-border-radius: 10000px;

padding-top: 76px;

padding-left: 18px;

-webkit-box-shadow: 0 0 19px #006acc;}

dan masukan code berikut tepat di bawah kode : <header id='header-wrapper'>

<div class='Boxsetan'>
<div class='Headline'>
<div style='overflow: auto; width: 93%; height: 116px;'><script src='http://dickeymaru.googlecode.com/files/dmrposts.js' type='text/javascript'/><script type='text/javascript'>var numposts=10;var showpostdate=false;var showpostsummary=false;var numchars=100;var standardstyling=true;</script><script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts' type='text/javascript'/></div>
</div></div>

keterangan : var numposts=10 : adalah post yang akan di tampilkan

Eittzz ,, jangan simpan dulu , pritinjau dahulu ada yang eror tidak? , kalau tidak ada baru disave :)

ok semoga bermanfaat sob :) terimakasih sekian dari saya

kalau mau copas sertakan sumbernya ya! 

wassalamu'alaikum ^.^