Pertama, buka akun blogger > Template > Edit HTML. letakan kode berikut di atas kode ]]></b:skin> atau </style>.
@media screen and (max-width:768px) {
#top-menu ul{display:none}
#main-wrapper, #sidebar-wrapper {
float:none;display:block;width:auto;}
#main-wrapper{width:100%}
.logo img{float:none;display:block;margin:5px auto}
.sticky {position:relative;width:100%;display:block !important;margin-top:-85px}
.logo-obah{margin-top:14px}
}
Kedua, Letakan kode berikut di atas kode </head>. Jika di template sobat sudah terpasang kode tersebut, abaikan saja.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
Ketiga, letakan kode berikut di bawah kode <body>.
<a class='logo-obah' href='/' target='_blank'><span class='huruf-a'>B</span><span class='terusan'>BLOG MAS FAJAR</span></a> </div> </div>Catatan :
1. Ganti huruf B dengan huruf yang sobat inginkan.
2. Ganti tulisan "BLOG MAS FAJAR" dengan nama blog sobat.
DEMO
BBLOG MAS FAJAR
2 komentar
kalau seperti yang digunakan pada blog ini, apakah sama juga mas? menggunakan kode yang di artikel itu?
Ya sama mbak
Tinggalkan komentar anda disini
EmoticonEmoticon