Cara Membuat Widget Label Di Blog Bisa Berputar

Sudah dua kali saya membuat atau mempublikasikan posting tentang label. Kedua posting itu bisa di lihat melalui link yang ada di bawah ini.

1. Cara Membuat Label Untuk Posting Atau Artikel Blog
2. Cara Memperindah Tampilan Widget Label Di Blog Dengan Box Style

Untuk posting yang ketiga ini, saya akan berbagi tips tentang bagaimana cara membuat label dengan tampilan kotak. Apa kelebihan dari widget label ini? Ketika salah satu label tersebut diarahkan cursor, maka label tersebut akan melakukan rotasi sebanyak beberapa derajat sehingga terlihat miring. Widget Label ini jika di pasang di blog, tidak hanya akan mempercantik tampilan blog tapi akan membuat pengunjung merasa kagum dan heran dengan label blog kita. Sehingga tidak menutup kemungkinan, pengunjung akan menjelajahi semua posting yang kita publikasikan berdasarkan label dari posting itu sendiri.

Untuk membuat widget label tampilan kotak dan bisa berputar, sobat blogger hanya perlu menambahkan kode CSS (Cascading Style Sheet) pada template sobat. Jadi... Sobat blogger tidak perlu edit template dan tidak perlu menghabiskan banyak waktu untuk membuat widget label yang indah dan cantik ini.

---

Cara Membuat Widget Label Di Blog Bisa Berputar

---

Langkah Pertama
Pertama, sobat blogger mesti memasang widget label terlebih dahulu. Caranya?

1. Sign In di blogger.com
2. Pada Menu drop down, pilih layout dan klik Add a gadget
3. Tarik Scrolling menu, sampai sobat blogger menemukan widget Labels.

4. Kalau sobat blogger sudah menemukan widget label, langsung saja pasang widget tersebut.
5. Setting Widget Label sobat sehingga tampak seperti gambar di bawah ini!

Langakah Kedua

• Klik Template dan klik tombol costumize untuk mengunjungi laman Blogger Template Designer
• Klik Advanced dan pilih Add CSS

• Copy Paste kode berikut pada kolom yang tersedia

.label-size a{text-transform:uppercase;float:left;text-decoration:none} .label-size a:hover{text-decoration:none} .label-size{float:left;font-size:10px;color:#666;text-transform:uppercase;text-decoration:none;border:solid 1px #C6C6C6;border-radius:3px;margin:0 2px 6px 0;padding:3px} .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; }

• Klik Apply to blog.

Semoga tips tentang cara menghias, mempercantik dan memodifikasi tampilan label blog ini dapat memperindah tampilan blog sobat blogger

Cara Menghilangkan Atau Menyembunyikan Label Blog Dari Home Page

Di dalam forum Google, sering saya membaca beberapa pertanyaan dari anggota forum tersebut yang menanyakan tentang How to hide blogger label from home page (Bagaimana menghilangkan label blogger dari laman beranda). Tidak satu pun dari pertanyaan itu yang di jawab oleh anggota forum. Oleh karenanya, hari ini saya akan memberikan tutorial blogspot tentang bagaimana cara menghilangkan label blog dari laman beranda (Label blog yang dimaksudkan adalah label blog yang terdapat di post Footer).

Untuk menghilangkan label blog dari laman beranda, kita akan menggunakan perintah b:if yang akan kita sisipkan ke dalam kode HTML yang terdapat  di template blog kita. Berikut ini contoh perintah dari kode b:if yang akan kita gunakan :

<b:if cond='data:blog.pageType == "item"'>
KODE DARI LABEL BLOG DISINI
</b:if>

Bagaimana cara menerapkan kode tersebut ke dalam template kita? Untuk menerapkan kode di atas ke dalam template, ikuti saja trik di bawah ini!

---

Cara Menyembunyikan Label Blog Dari Laman Beranda

---

• Sign In di blogger.com
• Pada Menu drop down, pilih template.
• Backup template sobat terlebih dahulu (Backup template kita lakukan untuk berjaga-jaga, siapa tahu terjadi hal-hal yang tidak diinginkan ketika melakukan editing kode HTML)
• Setelah di backup, klik tombol Edit HTML lalu klik Proceed
• Kasih tanda centang pada Expand Widget Template
• Cari kode seperti yang ada di bawah ini :

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>

• Kalau sudah menemukan kode yang seperti itu, hapus kode itu dan ganti dengan kode di bawah ini!

<b:if cond='data:blog.pageType == "item"'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if></b:if>

• Klik tombol preview, kalau sudah berhasil. Klik Save

Kalau sobat blogger mengalami kesulitan di dalam memahami trik blog di atas, silahkan layangkan pertanyaan sobat melalui kolom komentar yang terdapat di bawah posting ini.

Posting terkait dengan tutorial jitu di atas :

1. Cara Membuat Label Untuk Posting Atau Artikel Blog
2. Cara Memperindah Tampilan Widget Label Di Blog Dengan Box Style
3. Cara Menghilangkan Tulisan Tampilkan Posting Dengan Label

Cara Menghapus Atau Menghilangkan Label Blog Dari Post Footer

Di dalam post Footer terdapat menu Label yang menampilkan Label dari setiap posting. Menu Label ini merupakan menu default dari template blogger selain Posted by, Tombol berbagi, Waktu Posting, Location, dll. Fungsi dari menu Label yang terdapat di Post Footer adalah untuk mengklasifikasikan posting berdasarkan nama yang sudah dicantumkan oleh pemilik blog. Menu Label bawaan template blogger merupakan salah satu menu yang di crawling oleh mesin pencari saat mencari Structured Data dari sebuah template. Silahkan kunjungi laman Google Developers untuk mencari tahu tentang informasi ini.

Walaupun Menu Label sangat penting buat blog, banyak pemilik blog yang ingin menghapus menu ini. Sehingga hari ini, saya membuatkan tutorial tentang cara menghapus label blog dari Post Footer.

---

Cara Menghapus Label Blog Dari Post Footer

---

• Sign in di blogger.com
• Pada Menu drop down, pilih template
• Backup template sobat terlebih dahulu
• Klik Edit HTML
• Klik Proceed dan kasih tanda centang pada Expand Widget Template
• Cari kode seperti ini:

<b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>

• Kalau sudah ketemu kode di atas dan langsung saja di hapus
• Terakhir, simpan template sobat.

Posting terkait dengan tutorial di atas :

1. Cara Membuat Label Untuk Posting Atau Artikel Blog
2. Cara Memperindah Tampilan Widget Label Di Blog Dengan Box Style
   
3. Cara Menghilangkan Tulisan Tampilkan Posting Dengan Label

Cara Memperindah Tampilan Widget Label Di Blog Dengan Box Style

Tidak sedikit blog di Indonesia dan blog di negara-negara lain yang memasang widget label di blog mereka. Mereka memasang widget label di blog untuk mempermudah pengunjung di dalam mencari artikel atau posting yang masih memiliki topik atau bahasan yang sama.

Seperti yang sobat blogger ketahui, ada dua bentuk widget label yaitu widget label dengan tampilan List dan widget label dengan tampilan Cloud. Kedua tampilan label tersebut, memiliki bentuk yang indah. Walaupun widget label memiliki tampilan yang indah dan menarik, sekarang saya akan berbagi tutorial blogspot kepada sobat blogger tentang bagaimana cara memperindah tampilan label yang sudah indah menjadi lebih indah (Waduh... Jadi bingung ini, masak kita mau memperindah barang yang sudah indah menjadi lebih indah. Ngawur ini!!!).

Silahkan perhatikan gambar di bawah ini. Dari gambar ini, sobat blogger akan melihat beda tampilan widget label sebelum dan setelah di modifikasi.

Bagaimana tampilan widget label tesebut setelah dibuatkan background menggunakan gambar? Keren kan? Nah... Untuk membuat widget label dengan tampilan kotak-kotak seperti itu, sobat blogger tidak perlu edit template atau mengobrak-abrik kode HTML template sobat.

---

Cara Memasang Brick Atau Box Style Pada Label Blog

---

Langkah Pertama
Pertama, sobat blogger mesti memasang widget label terlebih dahulu. Caranya?

1. Sign In di blogger.com
2. Pada Menu drop down, pilih layout dan klik Add a gadget
3. Tarik Scrolling menu, sampai sobat blogger menemukan widget Labels.

4. Kalau sobat blogger sudah menemukan widget label, langsung saja pasang widget tersebut.
5. Setting Widget Label sobat sehingga tampak seperti gambar di bawah ini!

Langakah Kedua

• Klik Template dan klik tombol costumize untuk mengunjungi laman Blogger Template Designer
• Klik Advanced dan pilih Add CSS

• Copy Paste kode berikut pada kolom yang tersedia

#Label1 a{
color:#333;
padding:2px 8px;
line-height:24px;
margin:0 2px;
background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh_msLKAQSFsfC6LBpnd5Y2ZQQSQ156lV1APfe1PwowLQXtBmgSpnplsDtrJyD_HUhiXgia5Vmvyk-Y-pnKhMiStl-3gSJNxRe_PK4ocNnub8GLMtOVyiE1FpkL83kCuqLnr_FZgTIe5E/s1600/bricks.png) center center repeat-x;
border:1px solid #ddd;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
font-size:10px !important;
text-decoration:none;}
#Label1 a:hover{
color:#666;
background:none #fff;
text-decoration:none;}

• Klik Apply to blog.

Buka blog sobat untuk melihat hasilnya. Mudah-mudahan tips trik blogspot ini bermamfaat buat sobat blogger

Cara Membuat Label Untuk Posting Atau Artikel Blog

Membuat Label untuk posting sangat penting untuk dilakukan karena dengan adanya Label, sobat blogger dapat mengelompokkan atau membuat kategori untuk setiap posting. Memasang Label untuk setiap posting dapat mempermudah pengunjung dalam menavigasi postingan sobatblogger. Di mata Google, apakah label itu penting? Ya jelas dong... Tidak mungkin Google melalui blogger.com menambahkan fitur label di post settings kalau Label tidak penting untuk postingan.

Untuk melebelkan postingan, kita tidak perlu teknik khusus. Kita cukup memasukkan nama di bagian Post Settings di kolom Label. Perhatikan Gambar di bawah ini!

Di dalam sebuah Forum, ada salah satu blogger yang bertanya, Apakah ada batasan untuk memasukkan Label di setiap Posting? Ya... Google memberikan batasan untuk tiap posting. Satu posting tidak boleh memiliki Label lebih dari 20 dan dalam satu blog, maksimal jumlah Label adalah 2000 unik Label.

Temukan pedoman yang lebih lengkap tentang Bagaimana Cara Membuat Label untuk Posting di Google Support