Cara memasang kotak pencarian di notifikasi sticky

Malam sobat pecinta seni...? malam sangat tidak di sangka ada orang yang baik hati ngasih tau cara memasang kotak search yang bisa sobat lihat sendiri di blog ini. Ok tanpa berlama-lama lagi langsung kita bahas.

Pertama sobat masuk dasbor lalu Edit HTML.

Kata ka Fachri sendiri sobat cari sendiri saja kode </style> lalu masukan kode di bawah ini tepat diatas kode yang di bahas di atas.

#search-box{position: relative; width: 250px;
margin: 0px 35px 15px 0px; float: right;}
#cse-search-box{height: 28px; border-radius: 2px; background-color: #fff;
overflow: hidden; border: #dfdfdf solid 1px; border-radius: 4px;}
#search-text{font-size: 12px; color: #ddd; border-width: 0; background:
transparent;}
#search-box input[type="text"]{width: 90%; padding: 5px 20px 12px
10px; color: #666; outline: none; }
#search-button{position: absolute; top: 14px; right: 4px; height: 32px; width:
20px; margin-top: 10px; font-size: 14px; color: #fff; text-align: center;
line-height: 0; border-width: 0; background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0fdOBDsMskho8-ChzWQMuo7ud5pHc1H1JeGTiH1X3h8omX8IX49eh6wG1vYgkVlPjuRb76XTC0XCMQYpaEdArV_lrgDfDk4RGu3KTrU5rQIPoedIPWqcBNlYfTJ5NuZDfLpzoQ7GEMPM/s1600/search-icon.jpg)
no-repeat; cursor: pointer;} 

Yang kedua sobat cari lagi kode </header> lalu pasang kode bawah ini tepat diatasnya.

<div id='search-box'>
<form action='/search' id='cse-search-box' onsubmit='return
updateScript();'>
<input id='search-text' name='q' onblur='if (this.placeholder ==
"") {this.placeholder = "Cari artikel di blog ini...";}'
onfocus='if (this.value == "Cari disini..") {this.value =
""}' placeholder='Cari artikel di blog ini...'
type='text'/><button id='search-button' type='submit'></button>
</form>
</div>

Yang terakhir simpan templeat.

Eh hampir lupa kata ka Fachri kalo ada yang kurang, atau kotaknya kurang ke atas sedikit sobat cari saja kode #notifikasi:before di edit HTML kemudian cari tulisan top:15px. top:15px itu ganti top:17px begitu juga dengan #notifikasi2:before tulisan top:15px. top:15px itu ganti top:17px

Sekian dan terima kasih...

Semoga bermanfaat ya sob. :D

Author: Unknown - 06.57