Pages

Showing posts with label Label. Show all posts
Showing posts with label Label. Show all posts

Cara membuat Label Cloud

type='html'>Untuk membuat tampilan label atau kategori lebih menarik, sobat bisa mencoba menggantinya dengan label yang menyerupai awan atau yang lebih dikenal dengan nama label cloud. Untuk membuatnya, lagi - lagi sobat harus mengotak - atik kode HTML blog sobat, jadi sebaiknya backup terlebih dahulu template sobat ubtuk menghindari kerusakkan pada template sobat.

  1. Login ke Blogger.

  2. Klik Tata Letak--> Edit HTML.

  3. Jangan lupa backup dulu ya template nya.

  4. Kemudian copy paste kode berikut diatas kode ]]>

    /* Label Cloud
    ----------------------------------------------- */
    #labelCloud {text-align:center;font-family:arial,sans-serif;}
    #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
    #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
    #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
    #labelCloud a{text-decoration:none}
    #labelCloud a:hover{text-decoration:underline}
    #labelCloud li a{}
    #labelCloud .label-cloud {}
    #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
    #labelCloud .label-cloud li:before{content:"" !important}


  5. Kemudian letakkan kode berikut ini diatas kode




  6. setelah itu cari kode seperti dibawah ini :















    • ()










  7. Hapus kode tersebut dan ganti dengan kode berikut :
















  8. Save Template.

Panjang ya..jangan sampai ada yang ketinggalan dalam proses copy paste kode - kode diatas, karena ketinggalan satu elemen saja label cloud tidak akan berhasil dibuat. Untuk membuat label cloud berputar akan saya bahas selanjutnya. So..selamat memandangi label cloud sobat yang baru..

Membuat Label Cloud Berputar

type='html'>

blogumulus Label adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa di pasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar. Yang akan kita bahas sekarang adalah memasang label cloud berputar di blog


Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran saya nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.


I. Langkah Pertama

 

  1. Login ke Blogger dengan ID sobat.

     

  2. Klik Tata Letak

     

  3. Klik tab Edit HTML

     

  4. Download dahulu template sobat dengan mengklik Download Template Lengkap

     

  5. Kemudian klik button Expand Template Widget dan cari kode yg seperti ini : 

     

     

  6. Copy kode berikut ini setelah kode diatas :

     











     

  7. Kemudian Simpan Template.


II. Langkah Kedua 

  • Mengubah lebar dan tinggi kolom serta warna background 

     

    Angka "240" adalah lebar kolom

    Angka "300" adalah tinggi kolom

    Sedangkan #ffffff adalah kode untuk backgroud

     

  • Merubah warna font, untuk kode warna bisa sobat lihat disini

     

    so.addVariable("tcolor", "0x333333");

     

  • Merubah ukuran font

     

    so.addVariable("tagcloud", "");

 

Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :

 

image

 

Hanya itu ilmu yang bisa saya bagi-bagi, terima kasih buat roytanck dan amanda fazani yang telah menyediakan javascript untuk label cloud ini. Jika ada pertanyaan silahkan isi di kolom komentar.

Cara Menghapus Angka Pada Label

type='html'>Ada postingan pasti ada label, dua hal yang tidak bisa terpisahkan karena setiap kita memposting artikel pasti kita sertakan label di bawahnya. Fungsi label sendiri sebenarnya untuk membedakan kita dalam pengkategorian antara artikel yang satu dengan yang lain, dan secara default label akan memperlihatkan angka dibelakang judulnya, jadi jika sobat menambahkan 100 postingan kedalam satu judul label maka akan nampak angka 100 dibelakang judul labelnya.

Seperti ini contoh gambar dari label atau kategori blog saya sebelum saya hilangkan angka - angkanya :




Tidak suka dengan angka dibelakang judul label dan ingin menghapusnya ? saya punya solusi untuk menghilangkan angkanya.

  1. Login ke Blogger dengan ID sobat.

  2. Klik Tata Letak --> Edit HTML.

  3. Kemudian contreng Expand Template Widget.

  4. Cari kode yang seperti ini :

    ()

  5. Hapus kode tersebut tapi ingat letaknya, siapa tau sobat ingin menampilkan kembali dalam label sobat.

  6. Kemudian Save Template.

Lihat hasilnya, angka dibelakang labelnya sudah hilang kan..
Sipp..Selamat Mencoba deh !!

Cara Membuat Label (Kategori)

type='html'>

Wordle_tag_cloud Label itu apa ya? Label adalah pengelompokkan postingan dalam kategori. Bisanya jika dalam penulisan kita selalu mengkategorikan postingan kita dalam beberapa kelompok. Misalnya judul pada postingan ini yaitu cara membuat label, kemudian saya kelompokkan dalam beberapa kategori, seperti blogspot tutorial, label, cara membuat label (lihat pada bagian tags).


Cara membuatnya sangat mudah, hanya saja jika sobat jeli dalam setiap penulisan artikel, pada bagian bawah kolom postingan terdapat kotak kecil untuk meletakkan label postingan kita.

 

Bagaimana cara membuatnya ?

 

  1. Login ke Blogger

     

  2. Pada halaman dashboard, klik Tata Letak

     

  3. Klik Elemen Halaman

     

  4. Kemudian pilih Tambah Gadget

     

  5. Cari Label lalu di klik

     

    image

     

  6. Lalu akan ada halaman seperti di bawah ini :

     

    Isi label

     

  7. Untuk Judul bisa sobat sesuaikan sendiri, setelahnya klik simpan.

     

  8. Untuk mengisi Label atau Kategori, setiap sobat memposting tulisan sobat, isi kolom kosong dibawah kolom postingan dengan kategori yang sobat inginkan, seperti ini contohnya :

     

    label

     

    Nah, ada kolom kosong kan, isi dengan kategori yang sobat inginkan. Jadi tulisan sobat masuk dalam kategori yang sobat tulis tersebut.

     

  9. Atau bisa juga menggunakan cara berikut, pada halaman edit entri --> contreng salah satu postingan sobat --> klik aksi label --> label baru, lalu isi dengan label yang sobat inginkan.

     

    image

Selamat mencoba !

Membuat Label Dengan HTML

type='html'>
label blogspot

Apa kelebihan Membuat Label dengan HTML? Demi membuat valid HTML template, sekaligus membahas SEO Friendly, ternyata label di dalam blog kita mengandung masalah tentunya dengan SEO dan Validnya. Nah untuk menyikapi hal tersebut mari kita optimalkan blog kita dengan membuat label dengan HTML

Nah mari kita bahas satu persatu.
1. SEO
Untuk blogger kaitannya antara SEO dengan Label adalah jauh sekali. Saya baca di blognya juragan, bahwa memasang link label di postingan untuk masalah SEO adalah pekerjaan yang sia-sia. Nah hal ini cukup beralasan, lihat URL label di bawah ini :
http://sejutatrik.blogspot.com/search/label/SEO

di link label SEO di atas tidak akan saling berkaitan, karena label tersebut menggunakan search untuk menampilkan URL. Jika kita memasang url label, akan sia-sia. Maksudnya walaupun kita menaruh puluhan link label ke dalam posting, sampai kiamat gak akan saling berkaitan. Benar bukan?

2. Valid
Ternyata setelah saya cek di validator V3, masalah yang ditimbulkan untuk label adalah eror untuk & dan lain-lain. Coba perhatikan blognya hendro prayitno, deconstruction code, chilarsip, dll. Sebagian besar blog yang valid HTML5 tidak menaruh label dalam sidebar. Dengan kata lain blog yang valid HTML5 menggunakan Template 1 Kolom.

Nah sekarang kita ganti label bawaan blogger dengan HTML. Caranya cukup mudah yaitu mengganti navigasi di bagian Edit HTML menjadi Widget di sidebar.
Caranya cukup mudah, Silakan copas kode yang ada di bawah ini ke dalam Widget atau Add Element blog sobat.

 

DEMO

Jika dirasa sudah berjalan sukses, hapus label bawaan blogspot.

Tidak semua template mendukung cara ini, silakan saja sesuaikan dengan menu di bagian edit HTML sobat masing-masing. Hasil label dengan HTML di atas masih sederhana dan efeknya tergantung bawaan template sobat blogger semua.

Nah semoga dengan membuat label dengan HTML bisa mengurangi error di blog sobat. Selamat berjuang!
Happy Blogging! by. Sejuta Trik Blogger

Membuat Slider Carousel Otomatis Berdasarkan Label

type='html'>
Membuat Slider Carousel Otomatis Berdasarkan Label -  Pada postingan sebelum nya ane udah share sebuah artikel Rivew Kontes seo dengan tema "Cyberbola.com Say No To Racism Piala Eropa 2012". yang bertujuan untuk memeriahkan Piala Eropa 2012 yang saat sekrang ini sedang berlngsung. Nah pada kesempatan kali ini walaupun ane udah ngantuk se ngantuk ngantuk nya. wkwkw. Ane coba share Nich Tutorial Blog Yaitu Cara Membuat Slider Carousel Otomatis Berdasarkan LabelDalam rangka untuk mempercantik blog sobat Jm bsa  ambil dan pelajari Tutorial Memasang Slider Carousel Otomatis Berdasarkan Label.Berikut langkah-langkahnya:

  • Login ke Blog sobat
  • Edit HTML, kemudian centang expand widget templates
  • Jangan Lupa di backup dulu template sobat, biar aman
  • Cari Kode  ]]>, Letakkan kode dibawah ini diatas kode ]]> :
#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block} #carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzW6A_n3RhVd4QFE5B7CgzsG0nTfH-1rfp5D_9MKO7RR_uPQJNODDFwsMvB9Zxfo9DdLU6-0voMPUMR94yrroK9ddupO-yrNAZ6ze2jgvLcae1Nmihl2EXwavjBsI8pT2ZmWapiABcrC4/s1600/scroller-bg.png) repeat center} #carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZlNEddHbhSIbvVSbXcsmG6k_A2Ukhbvwgs2fFv7zIjbFA9AzEkgYnJOHujpK7b_U71GJgfNWPQrGcYwuQAzmWT4TtXQ_xKCn1nE6GmCAWnnHj5Y1l9u93rn_RMymAVu_zGc6tYuvlCV4/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc} #carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgksu1MUDXl0-0f-s51ZPucL7T4njKGweaTwDb9gF3ynHdFghXgypek8MxOHWsdCtK_AHL0eI43hkgkjvq1bk_ZD4M5M4vx81F4t-JGLiW5yluSlmf0813WQtoodBWP2FcOTbuZkgif4wg/s1600/prev.png) center} #carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf83RMcKT_pJqC2Y92Ee2tb5vqOtv-9moSe1sBU7URLjB8xITA1_vM2mzM-BvWvViw9IQ6CZh8dw7pPRCqgXS1pLC_qlTkDQZ8IERFbGx1Thy0lyNdwLd38DFUPwn8SmM5VfKc6eYfBOQ/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc} #carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrsSBZ5HwunnsyrY9yPM5zyXIwfRNzNLp7qoNI7HnJvBdT484W6lG4_JnD59Msw6PbB4tv6Z40EBizY5ZIwlkf55kBP2pdVOG2PUQMKkAYkFHWOI1yu83YW_Bj9w6S3pWwGEyexZ5b3M/s1600/next.png) center} #carousel ul{width:100000px;position:relative;margin-top:10px} #carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkEjD5R0FnBE-FOEiqpsh1CL667m_wLbwqlXQP4mwszNA3_FHnlX4zkKvItMwef8W6FjQjT2pFHDovyock9gPn-bSvJLlHIwUDUiGIufOQjA463yOWaPwKcsrzXnvi84JcD7WiJBL3bLo/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} #carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;} #carousel ul li a.slider_title{color:#222;display:block;margin-top:5px} #carousel ul li a.slider_title:hover{color:#cd1713} #carousel a img{display:block;background:#fff;margin-top:0}
Ket :  Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template sobat.

  •  Untuk langkah selanjutnya cari Kode  setelah itu tempel kan kode di bawah ini tepat tepat dia atas nya
  • Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode
    , kemudian letakkan kode berikut ini diatasnya :



Membuat Label Menjadi 2 Kolom

type='html'>
Label 2 Kolom

Gambar di atas menunjukkan bahawa label ditampilkan menjadi 2 kolom. Nah tanpa basa basi, mari kita praktik Membuat label Menjadi 2 Kolom.

Jika di blog sudah ada labelnya, maka tinggal masuk ke html blog sobat. Setelah itu centang kotak kecilnya ya sob. Setelah itu cari kode ]]>

Untuk mempermudah gunakan Ctrl+F atau F3 (jika sobat menggunakan mozilla firefox). Jika sudah paste kode ini diatas kode merah tersebut.

#Label1 li {
      float:left;
      width:45%;
}

Simpan deh! atau kalau tidak preview dulu hasil edit label sobat. 
Perlu diperhatikan nama label sobat. Mungkin nama label di atas bisa berbeda dengan nama label punya saya, untuk mengetahui nama label silakan sobat gunakan pencarian dengan Ctrl+F atau F3 dan ketik 'Label1' tanpa tanda petik, jika sama lanjutkan, jika beda silakan sobat ganti dengan nama label sobat.

Tidak semua template mendukung warna background yang mengikuti. Seperti kasus saya, dengan trik ini mungkin warna background tidak selalu mengikuti kotak label. Yang jelas saya sudah mencoba di blog saya yang lain dan berhasil.
Seperti itulah cara Membuat label menjadi 2 kolom. Semoga berhasil

Membuat Recent Post dengan Label

type='html'>


Label:
Recent Posts








Widget by:

Info Blog

Daftar Isi Berdasar Kategori Label Komentar

Daftar Isi Berdasar Kategori Label SEO

Daftar Isi Berdasar Kategori Label Info Blog

Daftar Isi Berdasar Kategori Label Google+

Daftar isi Berdasar Kategori Label

type='html'>
Berikut ini adalah Daftar isi Berdasarkan Label

1. Membuat Label Dengan Icon
2. Menampilkan Hanya Judul di Label 
3. Membuat Label Dengan HTML 
4. Membuat Page Number Navigation 
5. Membuat Label Menjadi 2 Kolom 

Happy Blogging! by. Sejuta Trik Blogger

Daftar Isi Berdasar Kategori Label Jejaring Sosial

Download Label Design Studio 3.1 Full Version

type='html'>Label Design Studio 3.1 Full is a software application design to assist you in creating labels. Label Making Software let you to create striking designer labels with the help of Free Label Templates at an affordable cost. Use well designed label templates to make labels.

Label Design Studio 3.1 Full Version

Label Design Studio 3.1 Features:
  • Create designer labels with your images, clip arts and logos.
  • Make your labels attractive by using Variety of beautifully designed backgrounds, shapes and fonts of your choice.
  • Design cutomized labels in a variety of sizes or define a custom size.
  • Label Design Studio extract data from database such as Excel, .txt, .csv or .mdb files into labels
  • Add a variety of visual effects to labels by adjusting transparency and rotate as required.
  • Design Shipping Labels, Name Tags, Mailing Labels, Hazard Labels, Cd Labels and Address Labels from ready to use label templates
  • Create And Print Labels easily.
  • Export labels in multiple formats- as PDFs or as JPG, GIF, BMP, PNG or TIFF formats.
Download : Label Design Studio 3.1 Precracked