Sabtu, 29 Maret 2014

Cara Membuat Widget Label Blog Menjadi Warna Warni

Membuat Widget Label Menjadi Warna Warni ~ Jika kemarin Faisal Fachrureza Share sudah berbagi tentang cara Membuat Widget Popular Post Menjadi Warna-Warni, kali ini masih sama topiknya yaitu warna-warni namun berbeda dalam hal widget yang akan dimodifikasi. Widget yang kita buat warna-warni ini adalah widget label atau bisa juga disebut widget kategori.
Momodifikasi Widget Label Menjadi Warna Warni

Langkah Pertama :  Memasang Widget Label di Blog

  • Masuk ke akun blogger kalian
  • Pilih menu Tata Letak kemudian klik Tambahkan Gadget
    Momodifikasi Widget Label Menjadi Warna Warni
  • Pilih widget Label dengan mengklik tombol plus (+)
  • Selanjutnya, pada pengaturan bagian Tampilkan pilih Cloud dan sisanya silahkan anda ubah sesuai selera.
  • Terakhir, klik Simpan

Langkah Kedua : Memasang Kode CSS di Blog

  • Pilih menu Template lalu klik Edit HTML
  • Cari kode ]]></b:skin> ( gunakan Ctrl+F untuk memudahkan )
  • Copy kode berikut lalu pastekan tepat diatas kode ]]></b:skin> 
#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span {background:#007abe;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#abc123;font-size:15px;}
#Label1 .label-size-2 a {background:#5cc9cd;font-size:15px;}
#Label1 .label-size-3 a {background:#e24f4f;font-size:15px;}
#Label1 .label-size-4 a {background:#f568dc;font-size:15px;}
#Label1 .label-size-5 a {background:#38a3ee;font-size:15px;}
#Label1 .cloud-label-widget-content span a:hover {background:#007abe;}
 
    Keterangan :
    - Kode yang berwarna biru bisa akan muncul sebagai warna pada setiap label, bisa kalian ubah sesuai selera masing-masing
    - Kode yang berwarna jingga / orange akan muncul sebagai warna saat cursor diarahkan pada label, bisa kalian ubah sesuai selera masing-masing
     - Untuk kode warna, kalian bisa melihat di Generator Kode Warna HTML

    •  Terakhir,  klik Simpan Template
    Ok, sekian tutorial tentang "Membuat Widget Label Menjadi Warna Warni". Silahkan juga lihat artikel-artikel lain seputar blogging di Faisal Fachrureza Share. Semoga bermanfaat ^_^ 

    Source : http://fendevils.blogspot.com/2013/07/modifikasi-label-cloud-menjadi-full.html

      Selasa, 25 Maret 2014

      Cara Menambahkan Pesan Formulir Komentar Blog

      Cara Menambahkan Pesan Formulir Komentar Blog -Pesan formulir komentar blog berfungsi untuk memberitahu para komentator agar lebih tertib saat ingin menuliskan komentarnya sesuai dengan peraturan yang dibuat. Biasanya sih para pemilik blog menyuruh para komentator agar tidak beriklan, menitipkan link aktif, SARA, atau hal lainnya .

      Cara Menambahkan Pesan Formulir Komentar Blog

      Letak pesan formulir komentar tersebut akan muncul diatas kotak tempat mengisikan komentar. Sebenarnya cara ini sangat simple karena hanya memanfaatkan fitur yang sudah tersedia di blogger.com. Tapi bagi kalian yang masih bingung, kali ini Faisal Fachrureza Share akan memberitahu bagaimana caranya menambahkan pesan formulir tersebut pada blog kalian masing-masing.

      Baca Juga : Cara Menghilangkan Captcha Komentar Blog

      Tahap-tahap:

        1. Masuk ke akun blogger (www.blogger.com)
        2. Pilih menu Setelan dan pilih submenu Pos dan Komentar
          Cara Menambahkan Pesan Formulir Komentar Blog
        3. Kemudian pada bagian Pesan Formulir Komentar klik Tambahkan
          Cara Menambahkan Pesan Formulir Komentar Blog
        4. Tulislah pesan-pesan yang ingin ditampilkan nantinya dan jika sudah selesai kita klik Simpan Setelan
          Cara Menambahkan Pesan Formulir Komentar Blog

        Sekian artikel tentang "Cara Menambahkan Pesan Formulir Komentar Blog" semoga bermanfaat. Jika ingin berkomentar selalu patuhi tata tertib ya.

          Rabu, 19 Maret 2014

          Cara Membuat Widget Popular Post Menjadi Warna-Warni

          Cara Membuat Widget Popular Post Menjadi Warna-Warni - Widget popular post menunjukkan beberapa artikel yang paling populer atau sering dikunjungi pada suatu blog. Fungsi lain dari widget popular post adalah untuk memikat mata pengunjung agar mereka mengklik dan melihat artikel yang sedang populer tersebut. Tapi bagaimana jika letak atau warna widget popular post itu tidak menarik untuk dilihat? Maka dari itu saran saya buatlah widget popular post agar beda dari widget lainnya

          Baca juga : Cara Membuat Widget Label Warna Warni

          Membuat Widget Popular Post Menjadi Warna-Warni
          Bagaimana caran membuat widget popular post tersebut beda dari widget lainnya?. Salah satu tipsnya yaitu dengan Membuat Widget Popular Post Menjadi Warna-Warni. Dengan begitu, widget popular post akan sangat mencolok keberadaannya yang kemungkinan tidak akan tidak terlihat oleh mata pengunjug. Ok, sekarang saya akan memberitahu caranya, dan untuk demo atau contoh bisa langsung dilihat pada blog ini.

          Langkah-langkah :

          • Pertama pasang widget popular post (Tata Letak => Tambahkan Gadget=> Entri Populer => Simpan) terserah mau pakai thumbnail, kutipan atau tidak.
            Membuat Widget Popular Post Menjadi Warna-Warni
          • Kemudian pilih menu  Template => Edit HTML
            Edit HTML
          • Masukkan kode berikut tepat diatas kode ]]></b:skin> atau </style>
          /* Modifikasi Widget Popular Post Warna Warni */
          .PopularPosts ul,
          .PopularPosts li,
          .PopularPosts li img,
          .PopularPosts li a,
          .PopularPosts li a img {
            margin:0 0;
            padding:0 0;
            list-style:none;
            border:none;
            background:none;
            outline:none;
          }

          .PopularPosts ul {
            margin:.5em 0;
            list-style:none;
            font:normal normal 13px/1.4 &quot;Arial Narrow&quot;,Arial,Sans-Serif;
            color:black;
            counter-reset:num;
          }

          .PopularPosts ul li img {
            display:block;
            margin:0 .5em 0 0;
            width:50px;
            height:50px;
            float:left;
          }

          .PopularPosts ul li {
            background-color:#eee;
            margin:0 10% .4em 0;
            padding:.5em 1.5em .5em .5em;
            counter-increment:num;
            position:relative;
          }

          .PopularPosts ul li:before,
          .PopularPosts ul li .item-title a {
            font-weight:bold;
            font-size:120%;
            color:inherit;
            text-decoration:none;
          }

          .PopularPosts ul li:before {
            content:counter(num);
            display:block;
            position:absolute;
            background-color:black;
            color:white;
            width:30px;
            height:30px;
            line-height:30px;
            text-align:center;
            top:50%;
            right:-10px;
            margin-top:-15px;
            -webkit-border-radius:30px;
            -moz-border-radius:30px;
            border-radius:30px;
          }

          /* Set color and level */
          .PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:2%}
          .PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
          .PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:2%}
          .PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:2%}
          .PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:2%}
          .PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:2%}
          .PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:2%}
          .PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:2%}
          .PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:2%}
          .PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:2%}
          • Terakhir klik Simpan Template
          Selesai dan sekarang lihat tampilan widget popular post anda. Pasti sudah berwarna-warni seperti pelangi yang indah dilangit biru, hahaha. Sekian tutorial tentang "Membuat Widget Popular Post Menjadi Warna-Warni" semoga bermanfaat.

          Baca juga : Cara Membuat Link di Blog Menjadi Warna Warni

          Cara Menghilangkan Captcha atau Kode Verifikasi Komentar Blog

          Cara Menghilangkan CAPTCHA Komentar Blog - Seringkali jika kita ingin berkomentar pada blog seseorang muncul kumpulan kata atau angka acak yang menyulitkan mata. Setelah itu kita diminta untuk memasukkan kembali kata atau angka tersebut pada kolom yang tersedia. Itulah  CAPTCHA singkatan dari Completely Automated Public Turing Test To Tell Computers and Humans Apart yang berfungsi untuk menghindari tindakan SPAM pada komentar blog. Spam yaitu komentar mengganggu dan berulang-ulang biasanya berupa iklan yang dibuat oleh para spammer/bot.

          Tapi bagaimana dengan para pengunjung baik yang ingin meninggalkan jejak di blog kita dengan cara berkomentar tetapi diblok oleh captcha? tentu mereka akan merasa risih,jengkel dan akhirnya akan mengurungkan niat untuk berkomentar. Oh tidak itu sangat merugikan blog kita.
          captcha

          Seringkali fitur captcha ini tidak disadari oleh pemilik blog karena fitur captcha hanya muncul kepada para pengunjung yang ingin berkomentar. Faisal Fachrureza Share dulunya pernah ditegur oleh pengunjung yang jengkel karena blog ini terpasang captcha. Akhirnya saya berhasil menemukan cara untuk menghilangkan captcha tersebut dan sekarang saya akan membagikan caranya kepada semua

          Langkah-langkah

          1.  Masuk ke akun blogger masing-masing (www.blogger.com)
          2. Pilih menu Setelan
            Menu Setelan
          3. Kemudian pilih submenu Pos dan Komentar 
            Pos dan Komentar
          4. Pada Tampilkan verivikasi kata pilih Tidak
            Tampilkan verfikasi Kata
          5. Terakhir, klik Simpan Setelan
            Simpan Setelan
          Selesai, sekarang fitur captcha saat berkomentar sudah hilang dari blog anda. Tapi, jika anda ingin mengaktifkannya lagi, cukup mengubah peraturan seperti diatas dengan cara pada Tampilkan verivikasi kata pilih Ya. Sekian  tutorial blog tentang "Cara Menghilangkan Captcha Komentar Blog" semoga membantu. Baca juga : Cara Mengatur Jumlah Artikel di Beranda Blog

          Selasa, 18 Maret 2014

          Cara Mengatur Jumlah Postingan di Homepage Blog

          Cara Mengatur Jumlah Postingan di Homepage Blog - Jumlah postingan pada homepage sangat mempengaruhi  kecepatan loading blog. Jika jumlah posting yang berada pada homepage blog sangat  banyak tentu akan membuat blog menjadi berat/lambat. Sebaliknya jika jumlah postingan pada homepage hanya sedikit maka kecepatan blog juga akan cepat.

          Kalian tentu ingin mempercepat loading blog kalian kan? salah satu tipsnya yaitu dengan mengatur sedikit-dikitnya jumlah postingan yang terdapat pada halaman homepage blog. Bagi kalian yang belum tau bagaimana cara mengatur jumlah postingan pada halaman beranda/homepage blog, sudah saya siapkan caranya disini dengan hanya memanfaatkan fitur default dari blogger.

          Langkah-langkah

          • Login ke akun blogger (www.blogger.com)
          • Pilih menu Setelan
            Cara Mengatur Jumlah Postingan di Homepage Blog
          • Kemudian pilih submenu Pos dan Komentar
            Cara Mengatur Jumlah Postingan di Homepage Blog
          • Pada tulisan Tampilan sebanyak mungkin masukkan jumlah postingan yang ingin ditampilkan
            Cara Mengatur Jumlah Postingan di Homepage Blog
          • Terakhir, klik Simpan Setelan
            Cara Mengatur Jumlah Postingan di Homepage Blog
          Selesai,sekian cara "Cara Mengatur Jumlah Postingan di Homepage Blog" aturlah jumlah postingan sesuai kemampuan template kalian masing-masing.

          Kamis, 06 Maret 2014

          Tombol Shortcut/Pemintas pada Post Editor Blogger

          Tombol Shortcut/Pemintas pada Post Editor Blogger - Tombol shortcut biasa disebut tombol jalan pintas. Fungsi dari tombol shortcut itu sendiri untuk meminimalisasi atau mempercepat proses suatu pekerjaan.

          Sebagai contoh yang mungkin sering kalian pakai yaitu penggunaan tombol Ctrl+C pada program komputer untuk meng-copy suatu file atau pada program Microsoft Office untuk meng-copy suatu tulisan. Nah ternyata pada fitur post editor blogger juga terdapat tombol-tombol shortcut yang mungkin belum banyak kalian tau
          Tombol Shortcut/Pemintas pada Post Editor Blogger

          Kali ini saya akan membagi sedikit tips tentang cara menulis suatu artikel supaya lebih cepat dan efisien dengan memaksimalkan penggunaan tombol shortcut.

          Daftar Tombol Shortcut :


          Tombol Fungsi
          Ctrl + C Copy/Menyalin tulisan
          Ctrl + X Cut/Memotong tulisan
          Ctrl + V Paste/Menampilkan tulisan hasil dari copy/cut
          Ctrl + Z Undo/Membatalkan suatu perintah
          Ctrl + Y Redo/Mengembalikan suatu perintah
          Ctrl + B Bold/Menembalkan tulisan
          Ctrl + I Italic/Memiringkan tulisan
          Ctrl + U Underline/Memberi garis bawah tulisan
          Ctrl + A Highlight/Memilih semua tulisan
          Ctrl + F Find/Mencari suatu tulisan
          Ctrl + S Save/Menyimpan postingan tanpa menutup editor
          Ctrl + D Menyimpan postingan dan menjadikannya draft
          Ctrl + P Publish/Mempublikasikan posting
          Ctrl + Shift + A Hyperlink/Menambahkan suatu link
          Ctrl + Shift + P Preview/Meninjau hasil posting

          Sekian postingan tentang "Tombol Shortcut/Pemintas pada Post Editor Blogger" semoga bermanfaat.