Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Tulisan Double Click to select Dan Kotak Script Dalam Postingan Blog

Keriboweb.com - Membuat Tulisan di artikel terlihat rapi merupakn sebuah kebangaan tersendiri seseorang yang hobi dan senang otak -atik bloger apa lagi terkait dengan Arikel, Banyak dari bloger kadang mempunyai rasa penasaran membuat sesuatu yang baru cuma saja kurang mengetahu cara menjalan bahasa programer atau Coding hanya cukup beberapa kode script kamu bisa melakukan nya seperti blogger lainnya
cara membuat double click to select dan kotak sript pada postingan blogger

Berikut tips membuat Kotak Script Dalam Postingan Artike Blogger

Membuat Kotak script dalam artikel tidak terlalu mudah dan juga tidak terlalu sulit cuma saja harus mengerti cara kerja nya , Biasanya Kotak script di gunakan dalam bentuk tulisan yang penting-penting seperti pemberitahuan, Perubahan ,Jadwal,Rilis Pres atau Script yang menjadi pembasan Utama, Ikuti cara berikut untuk membuat hal tersebut 

Cara Pertama kamu harus membuka New Post atau Entri Baru pada artikel yang ingin di pasangkan Kotak Script Kemudian buka menu HTML di sebelah menu Compose Selanjutnya Tingal Menambahkan Kode Di bawah ini untuk membuat menu Kotak scriptnya 
<div style="border: 3px #1780dd Solidpadding: 10px;background-color:#ffffff;
text-align: left;">(Keriboweb ganti tulisan ini)</div> 
Copy Kode Script kotak di atas dan save atau kembali lagi ke menu compose dan lihat hasilnya kamu sudah bisa membuat kotak script tanpa perlu ribet mempelajarinya, Jika mengalami kendala masukan komentar kamu di bawah atau hubungi admin mengunakan kontak di bawah agar admin mengetahui apa yang menjadi kedala dalam memasang kode kotak script pada postingan kamu

Berikut Tips membuat Tombol double click to select di dalam artikel blogger

Double click to select memudahkan seseorang untuk mencopy sebuah tulisan dengan cara hanya mengclick dua kali pada crursor yang mengarah kesebuah tulisan , Biasanya double click to select di gunakan oleh blogger tutorial yang mempermudahkan seseorang untuk mengambil kode - kode yang di berikan

Hal yang pertama di lakukan adalah membuka menu all post blogger dan memilih menu tema selanjutnya Cari Kode ]]></b:skin> atau </style> Letakan Kode berikut di atas nya 


Copy code berikut

/* Double Click To Select */
kbd{position:relative;color:#28a1f0;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
kbd:before{
  position:absolute;
  content:'Double click to select';
  display:table;
  bottom:23px;
  left:0;
  background:#45bae6;
  color:#fff;
  padding:4px;
  border-radius:2px;
  font-size:75%;
  line-height:1;
  opacity:0;
  visibility:hidden;
  transform:scale(0.8);
  z-index:2;
  transition:all .3s;}

kbd:hover:before{transform:scale(1.0);opacity:1;visibility:visible;transition:all .3s}

Setelah di save, Pada tema blogger selanjutnya kamu harus masuk New post atau Entri Baru dan membuat tulisan yang kamu mau setelah merasa kata atau hurup yang ingin di buat double click to select tingal menambah kode di bawah ini mengunakan menu html
<kbd>Keriboweb.com</kbd>

Contoh admin ingin buat double click to select pada tulisan Keriboweb.com   Maka harus meletkan kode double click to select di belakang atau di dalam menu HTML, Cukup mudahkan Lakukan dengan hati-hati agar tidak banyak kode html yang rusak jika melakukan kesalahan penulisan