Cara Menambahkan Fiktur Ajak Di Blogger

pada post ini Cara Menambahkan Fiktur Ajak Pada Blogger fiktur yang ini berdasarkan aku mempunyai banyak fiktur, jikalau di bandingkan fiktur ajak yang biasa

jadi kita dapat mencari fiktur aja di blog secara otomatis tanpa lagi perlu mengetikan kata kunci 

penasarankan menciptakan ?

pertama buka > Blogger klik sajian setelan > Tema > Edit Html lalu tambahkan arahan ini sebelum </body> 

<script src='https://rawcdn.githack.com/Arlina-Design/quasar/master/ajaxsearch.js?live=true&amp;image=true'/>

jikalau sudah terapkan arahan di atas kita buat lagi arahan yang sedikit di modifikasi, tambahkan arahan CSS ini sebelum </head>

<style type='text/css'> /* Ajax Search */ *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .ajax-search{padding:20px;background:#fff!important;box-shadow:0 0 15px rgba(0,0,0,0.15);max-height:450px!important} .ajax-search h3{font-size:14px;font-weight:normal;margin:0 0 20px 0} .ajax-search li{position:relative;display:inline-block;float:left;width:50%;margin:0 0 10px 0;overflow:hidden} .ajax-search li h4{font-size:13px;font-weight:normal;margin:0 15px 0 0} .ajax-search li h4 a{color:#000;transition:all .3s} .ajax-search li h4 mark{background-color:transparent;color:#000;text-decoration:underline;transition:all .3s} .ajax-search li h4 a:hover,.ajax-search li h4:hover mark{color:#f44336} .ajax-search-image{float:left;margin:0 10px 0 0} .ajax-search-image img{border-radius:5px} .ajax-search-pager a{display:inline-block;clear:both;overflow:hidden;background:#f44336;color:#fff;font-size:13px;padding:5px 10px;border-radius:3px;margin:15px auto 0 auto} .ajax-search-pager a:hover{background:#333;color:#fff} @media screen and (max-width:768px){.ajax-search li{position:relative;display:inline-block;float:left;width:100%;margin:0 0 10px 0;overflow:hidden}} </style>

Lalu klik, Simpan tema gimana gampang bukan ?

Cara menambahkan Fiktur Ajak Di Blogger 

Advertisement