Cara Simple Membuat Label Sederhana di Blog Untuk Pemula
Ngomongin masalah desain emang ga ada habisnya, tapi ga ada salahnya bila kita mau mencoba biar kita tau dan paham dalam masalah edit mengedit template atau tampilan tema.
Apalagi buat pemula seperti saya yang sama sekali ga tau dan ga paham tentang apa itu css apalagi html. Bahkan untuk merubah satu tampilanpun saya ga tau harus ngetik apa di kolom perncarian karena tidak tau apa nama widget ini.
Tapi lama kelamaan karena seringnya browsing secara ga sengaja saya menemukan misalnya sebuah tutorial kemudian saya baca,, "oohh ternyata ini toh namanya" saya sambil manggut - manggut sendiri. Karena pengen tau lalu saya coba terapkan dan saya ikuti langkah - langkahnya dengan teliti alhasil ternyata benar sesuai dengan yang ada di benak saya.
Dari situ saya sedikit - sedikit mulai paham walaupun yaa.. sering juga gagal nya karena kekurang pahaman saya di tahap tersebut.
Nah ini adalah salah satu tutorial yang sudah saya terapkan dan berhasil.
Jika sobat sedang mencari cara membuat label sederhana di blog coba yang ini dan jangan lupa biasakan bekap dulu sebelum eksekusi. Berikut contoh tampilan label yang akan kita terapkan
Berikut langkah - langkahnya silahkan di catat :
Setelah sobat meletakan atau menempelkan script di atas kemudian sobat klik terapkan (lihat di atas sebelah kanan dashbor) terus sobat klik atau pilih tulisan kembali ke blog. Kemudian lihat apakah sudah berubah apa belom.
Jika sobat belom menambahkan widget label, pasti tidak akan tampil.
Untuk menampilkannya sobat pilih atau masuk ke tata letak kemudian di situ banyak pilihan widget, sobat pilih saja label, kemudian di pengaturan label sobat pilih cloud agar tampilannya seperti contoh di atas.
Selamat mencoba dan semoga bermanfaat.
Apalagi buat pemula seperti saya yang sama sekali ga tau dan ga paham tentang apa itu css apalagi html. Bahkan untuk merubah satu tampilanpun saya ga tau harus ngetik apa di kolom perncarian karena tidak tau apa nama widget ini.
Tapi lama kelamaan karena seringnya browsing secara ga sengaja saya menemukan misalnya sebuah tutorial kemudian saya baca,, "oohh ternyata ini toh namanya" saya sambil manggut - manggut sendiri. Karena pengen tau lalu saya coba terapkan dan saya ikuti langkah - langkahnya dengan teliti alhasil ternyata benar sesuai dengan yang ada di benak saya.
Dari situ saya sedikit - sedikit mulai paham walaupun yaa.. sering juga gagal nya karena kekurang pahaman saya di tahap tersebut.
Nah ini adalah salah satu tutorial yang sudah saya terapkan dan berhasil.
Jika sobat sedang mencari cara membuat label sederhana di blog coba yang ini dan jangan lupa biasakan bekap dulu sebelum eksekusi. Berikut contoh tampilan label yang akan kita terapkan
 |
| contoh tampilan label sederhana |
Berikut langkah - langkahnya silahkan di catat :
- Sobat masuk ke blog sobat
- Terus pilih menu Tema >>Sesuaikan>>disini sobat pilih Tingkat Lanjut>> terus scroll kebawah dan pilih Tambahkan CSS
- Kemudian pastekan script di bawah ini di kolom yang sudah tersedia.
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:active {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:active {
text-decoration: none;
}Setelah sobat meletakan atau menempelkan script di atas kemudian sobat klik terapkan (lihat di atas sebelah kanan dashbor) terus sobat klik atau pilih tulisan kembali ke blog. Kemudian lihat apakah sudah berubah apa belom.
Jika sobat belom menambahkan widget label, pasti tidak akan tampil.
Untuk menampilkannya sobat pilih atau masuk ke tata letak kemudian di situ banyak pilihan widget, sobat pilih saja label, kemudian di pengaturan label sobat pilih cloud agar tampilannya seperti contoh di atas.
Selamat mencoba dan semoga bermanfaat.
Belum ada Komentar untuk "Cara Simple Membuat Label Sederhana di Blog Untuk Pemula"
Posting Komentar