Tentang Ilmu Komputer, Android, Panduan Blogging dan Tips di Internet.

Cara Membuat Widget Label dengan Tampilan Cloud yang Unik

Beberapa waktu lalu saya sempat membagikan salah satu cara memodifikasi widget Label, tepatnya pada widget Label dengan tampilan Cloud yang kebetulan kali ini juga masih pada tampilan tersebut. Namun berbeda dengan yang dahulu yakni Label Cloud dengan ukuran Font yang berbeda, mungkin sekarang tampilanya akan lebih unik dan menarik lagi. Gambar di samping mungkin bisa menjadi gambaran hasil dari modifikasi widget Label yang sekarang akan saya bahas. Mau tahu bagaimana uniknya? Silakan simak lebih lanjut dan bila perlu coba pada Blog sobat.

Widget Label dengan Tampilan Cloud yang Unik

Sedikit penjelasan tentang hasil dari modifikasi widget Label kali ini. Setiap nama label akan dilingkari dengan border berwarna. Dan ketika cursor disentuhkan pada salah satu nama label, maka warna border akan berubah serta nama dengan border akan berputar kurang lebih seperempat lingkaran.
Perhatikan screenchot hasil modifikasi-nya di bawah ini.

Cara Membuat Widget Label dengan Tampilan Cloud yang Unik

Bagaimana? dengan sobat melihat screenshot diatas, apakah tertarik untuk menerapkanya di Blog sobat? Silakan ikuti langkah-langkah berikut ini:

Membuat Widget Label dengan Tampilan Cloud yang Unik

  • Pertama yang harus dilakukan adalah sobat memasang dulu widget Label pada Blog sobat, tentunya dengan tampilan cloud.
  • Login ke akun Blogger sobat.
  • Masuk pada bagian Tata Letak.
  • Klik Tambahkan gadget di posisi yang sobat inginkan.
  • Pilih Widget Label dan silakan sobat bisa atur sendiri tampilanya. Namun jangan lupa, sobat harus memilih tampilan cloud.
  • Klik simpan, sobat telah berhasil memasang widget Label Cloud pada Blog sobat.
  • Kini sobat mulai untuk mengedit tampilanya agar lebih unik dan menarik.
  • Masuk ke bagian Template dan klik Edit HTML.
  • Dengan tombol ctrl+F carilah kode ]]></b:skin> dan letakan kode berikut di atas kode ]]></b:skin> tersebut.
 .label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #ADFF2F;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
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:hover  {
text-decoration: none;
    • Ubahlah kode berwarna merah dengan kode warna yang sobat inginkan. Kode ini merupakan warna awal border yang melingkari nama Label.
    • Ubahlah kode berwarna biru dengan kode warna yang sobat inginkan. Kode ini merupakan warna pada nama Label yang sedang disentuh kursor.
    • Klik Simpan Template, selesai.

      Artikel terkait : Cara Membuat Widget Label dengan Tampilan Cloud yang Unik

      Artikel Blog Regi Brader Lainnya :

      16 komentar:

      1. Mesti masukkan kode lagi diatas kode skin takut jadi berat loadingnya.

        ReplyDelete
      2. tukaran link
        link banner blog ente dh saya pasang di blog ane http://www.nukurinx.com/

        trimakasih sebelum nya

        ReplyDelete
        Replies
        1. Maaf, saya sudah tidak bertukar link sob...

          Delete
      3. main" bos ke sini siapa tahu bermanfaat
        http://instalasi-debian-proxy-router.blogspot.com/

        ReplyDelete
      4. This comment has been removed by the author.

        ReplyDelete
        Replies
        1. Maaf mas, saya tidak mengerti. Bisa diperjelas pertanyaanya?

          Delete
      5. thanks mas tutorialnya
        Kunbal ya newbanie.blogspot.com

        ReplyDelete
      6. RAHASIA AIR PUTIH

        Ada satu pertanyaan yang masuk ke mailbox saya, yaitu "Mengapa harus minum air putih banyak-banyak. .?"

        Well, sebenarnya jawabannya cukup "mengerikan" tetapi karena sebuah pertanyaan jujur harus dijawab dengan jujur, maka topik tersebut bisa dijelaskan sbb:

        Kira-kira 80% tubuh manusia terdiri dari air.

        Malah ada beberapa bagian tubuh kita yang memiliki kadar air di atas 80%. Dua organ paling penting dengan kadar air di atas 80% adalah :

        Otak dan Darah. !!

        Otak memiliki komponen air sebanyak 90%,

        Sementara darah memiliki Komponen air 95%.

        Jatah minum manusia normal sedikitnya adalah 2 liter sehari atau 8 gelas sehari.

        Jumlah di atas harus ditambah bila anda seorang perokok .

        Air sebanyak itu diperlukan untuk mengganti cairan yang keluar dari tubuh kita lewat air seni, keringat, pernapasan, dan sekresi.

        Apa yang terjadi bila kita mengkonsumsi kurang dari 2 liter sehari...?

        Tentu tubuh akan menyeimbangkan diri. Caranya...?

        Dengan jalan "menyedot" air dari komponen tubuh sendiri. Dari otak...?

        Belum sampai segitunya (wihh...bayangkan otak kering gimana jadinya...),

        melainkan dari sumber terdekat : Darah. !!

        Darah yang disedot airnya akan menjadi kental.

        Akibat pengentalan darah ini, maka perjalanannya akan kurang lancar ketimbang yang encer.

        Saat melewati ginjal (tempat menyaring racun dari darah)

        Ginjal akan bekerja extra keras menyaring darah.

        Dan karena saringan dalam ginjal halus, tidak jarang darah yang kental bisa menyebabkan perobekan pada glomerulus ginjal.

        Akibatnya, air seni anda berwarna kemerahan, tanda mulai bocornya saringan ginjal. Bila dibiarkan terus menerus, anda mungkin suatu saat harus menghabiskan 400.000 rupiah seminggu untuk cuci darah

        Eh, tadi saya sudah bicara tentang otak ' kan...?

        Nah saat darah kental mengalir lewat otak, perjalanannya agak terhambat. Otak tidak lagi "encer", dan karena sel-sel otak adalah yang paling boros mengkonsumsi makanan dan oksigen, Lambatnya aliran darah ini bisa menyebabkan sel-sel otak cepat mati atau tidak berfungsi sebagaimana mestinya..(ya wajarlah namanya juga kurang makan...)

        Bila ini ditambah dengan penyakit jantung (yang juga kerjanya tambah berat bila darah mengental... ),maka serangan stroke bisa lebih lekas datang

        Sekarang tinggal anda pilih: melakukan "investasi " dengan minum sedikitnya 8 gelas sehari- atau- "membayar bunga" lewat sakit ginjal atau stroke.

        Anda yang pilih...!
        TOLONG JANGAN DI ABAIKAN..!!

        klik yuks => http://mazayabandung.com/

        --- Semoga Bermanfaat ---

        ReplyDelete
      7. Ijin Kang, ane kepingin bkin label bgtu!!!
        Thanks....

        ReplyDelete
      8. Keren gan udah ane pasang di blog http://rajawana-seo.blogspot.com/2013/12/itupokernet-agenjudipoker-agen-judidomino-indonesia-terpercaya.html thanks gan...

        ReplyDelete
      9. makasih, mas. sangat membantu.

        http://www.ardiannugroho.com

        ReplyDelete
      10. terima kasih informasinya, salam kenal dari kami :
        http://udaconglee.blogspot.co.id/

        ReplyDelete
      11. Thanks Gan, its work : www.perkututnusantara.com

        ReplyDelete

      Copyright © 2013-2016 Blog Regi Brader - All Right Reserved