logo blog

Cara Mengganti Warna Text Ketika Di Select (Block) selection text

Cara Mengganti Warna Text Ketika Di Select (Block) selection text
highlight text selection

Tutorial CSS Merubah Warna Text Ketika Di Block / Select ( highlight selection text )

Tutorial Merubah Warna Background Dan Color Text Ketika Di select / Block | Kalian juga bisa mengganti warna background dan text pada div / pembungkus kode yang berbeda..

Misalanya pada tag pre code, blockquote, .class, #id / pada tag <html> lainnya.. Contohnya Pada Kode dibawh ini, Silahkan block text yang ada di dalam kotak ini

Note | The ::selection pseudo-element was drafted for CSS Selectors Level 3, but removed before the Recommendation status. So, at the moment, the ::selection pseudo-element is not in any specification. (However, it may be re-added to future CSS specifications.)
Nah bagi kalian yang ingin mencobanya, bisa gunakan css dibawah ini

Mengganti semua warna background dan text ketika di select


::-moz-selection { /* Css Untuk Browser Firefox */
  background-color: #c6538a;
  color: #ffffff
}

::selection {
  background-color: #c6538a;
  color: #ffffff
}

Jika kalian ingin merubah text yang di select pada tag tertentu tinggal tambahkan tag / class di depan :: (titik dua dua kali) contoh

Mengganti warna background dan text ketika di select Pada Tag Tertentu


blockquote::-moz-selection {  /* Css Untuk Browser Firefox */
  background-color: #c6538a;
  color: #ffffff
}

blockquote::selection {
  background-color: #c6538a;
  color: #ffffff
}


Nah, sekarang kalian tinggal pilih, mau yg mana. kalo sudah di tentukan, tinggal pasang pada template blog kalian..

Tutorial Pemasangannya...
  • Login ke blog kalian, lalu
  • Masuk ke menu Template, Edit HTML
  • Lalu cari kode </b:skin>, gunakan CTRL+F di kumpulan kode HTML untuk mempermudah pencarian
  • Setelah ketemu, kalian copy css selection tadi dan masukan tepat diatasnya
  • Save Template dan selesai..

Jangan lupa mampir ke tutorial lainnya ya gan :)



Cukup sekian dan terima kasih, semoga artikel tentnag Costum highlight selection text ini bermanfaat..

Cara Filter Kata-Kata Kotor Di Komentar Blog

Cara Filter Kata-Kata Kotor Di Komentar Blog
Cara Filter Kata-Kata Kotor Di Komentar Blog

Cara Menghapus / Filter Spam Kata-Kata Kotor Di Comment Blogger

Tutorial Cara Memfilter Kata-Kata Tertentu / Kotor Pada Komentar blog | Kali ini blog ms tamvan akan membagikan tutorial cara block, filter / mengganti kata kata kotor pada komentar blog dengan text yang sudah ditentukan.

Di tutorial ini saya akan memberikan beberapa cara untuk menjaga kenyamanan dan kerhamonisan komentar blog kalian..

Kalian bisa memfilter kata-kata kotor, Remove Link Aktif di komentar atau kalau perlu langsung Black List Akunnya Secara otomatis agar komentarnya tidak tampil..

Untuk tutorialnya bisa kalian pilih di menu berikut ini...



Siapa sih yang tidak kesal dengan orang2 yang suka komentar dengan kata-kata kotor atau dengan link aktif yang menuju situs-situs berbau p*rno, udah jelek di mata google juga tidak enak di pandangnya :V

Nah Dengan menggunakan tutorial ini maka komentar yang tidak di inginkan akan secara otomatis di hapus / di filter dan akun yang sudah di masukan dalam list spamer tidak akan tampil lagi...

Dan untuk tutorial pemasangannya kalian bisa ikuti langkah demi langkah dibawah ini..

  • langkah pertama, login terlebih dahulu ke akun blog kalian...
  • Setelah login masuk ke menu Template, Edit HTML
  • Selanjutnya Cari Kode </body>
  • Lalu pilih salah satu kode dibwah ini dan letakan di atasnya...
  • #Kode Untuk Memfilter kata-Kata Tertentu Di Komentar Blog
  • 
    <script type='text/javascript'>
    //<![CDATA[
    var spamer = document.getElementsByClassName('comment-content');
      for(var i=0;i<spamer.length;i++){
           spamer[i].innerHTML = comt[i].innerHTML.replace(/Kesed|Kucing|Guk Guk/gi, "**SENSOR**");
    }   
    //]]>
    </script>
    
    Ini adalah daftar kata yang akan di filter. Kesed|Kucing|Guk Guk Silahkan ganti/ tambah dengan kata-kata yang kalian inginkan..
    dan silahkan rubah kode ini dengan kata-kata kalian **SENSOR**.
  • Dan yang terakhir ini, kode untuk Black List / Banned Akun Googlenya agar ketika dia mengomentari blog kalian, akan secara otomatis memberikan pesan bahwa akun tersebut sudah di Banned.
  • #Kode Untuk Black List Akun Google+ Di Komentar Blog.
  • 
    <style>
    .comment .spamer, .comment .comen-spam{
      color: red;
    }
    .comment .comen-spam{
      padding: 12px 5px;
      background: black;
      border-radius: 3px;
      text-align: center !important;
      text-transform: uppercase;
    }
    </style>
    <script type='text/javascript'>
        //<![CDATA[
        //Block Spam Comment Bots in Blogger
        //Black List Blogger Profiles
        var spamlist = [
            'https://www.blogger.com/profile/XXX', //First Ban User
            'https://www.blogger.com/profile/XXX', //Second Ban User
            'https://www.blogger.com/profile/XXX' //Third Ban User
        ];
    
        for (var v = 0; v < spamlist.length; v = v + 1) {
            $("a[href='" + spamlist[v] + "']").each(function() {
                $(this).closest(".comment-block").find(".comment-actions, .datetime, .comment-replybox-thread, .comment-block")
                    .replaceWith("");
                $(this).closest(".comment-block").find(".comment-content")
                    .replaceWith("<div class='comen-spam comment-content' style='color:red'>This user's comment has been removed!</div>");
                $(this).replaceWith("<span class='spamer' >BANNED USER!</span>");
            })
        }
        //]]>
    </script>
    
    Silahkan ganti kode ini XXX dengan id / username akun yang ingin di Block / Black List..
  • Kalo sudah di masukan tinggal save template dan lihat hasilnya...

Jangan lupa untuk mampir ke artikel lainnya yang sudah saya posting ya gan :)



Cukup sekian dan terima kasih, semoga artikel tentnag Cara menghapus / filter kata-kata kotor di komentar blog, menghapus link komentar aktif, banned akun agar tidak bisa komen lagi ini bermanfaat ya gan :)