Sunday, April 20, 2014

Cara Membuat Logo Blog Show Hidden Keren

Cara Membuat Logo Blog Show Hidden Keren
Cara Membuat Logo Blog Show Hidden Keren - Logo merupakan salah satu elemen yang penting untuk menunjukan identitas blog seseorang dan pembeda blog yang satu dengan yang lain. Selain itu dengan logo seorang dapat mengenali blog sobat dengan mudah. Dengan menggunakan logo show hidden, sobat tidak perlu repot-repot mendesain logo blog. Dan kali ini saya akan membagikan tips Cara Membuat Logo Blog Show Hidden Keren dan pastinya dengan membuat logo blog show hidden, akan membuat tampilan blog sobat lebih responsive dan rapi.



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?

Tinggalkan komentar anda disini
EmoticonEmoticon