Apa itu url shortener S.id

Layanan Penyingkat URL “S.id” dari Indonesia – S.id adalah layanan penyingkat url yang diluncurkan oleh PANDI. Layanan penyingkat url sangat berguna untuk menyingkat url web yang panjang untuk dipublikasikan di media lain, seperti jejaring sosial.

apa itu s.id

Sebenarnya layanan semacam ini sudah banyak di luar negeri seperti goo.gl, bit.ly, adf.ly, dll. Namun tujuan PANDI meluncurkan layanan ini adalah supaya lalu lintas bandwidth tidak lari ke luar negeri. Dengan kata lain ingin menghemat bandwidth dalam negeri.

Cara Menggunakan S.id

Bagi anda yang ingin menggunakan layanan ini caranya cukup mudah. Klik link berikut http://s.id/. Kemudian anda masukkan url yang mau di singkat, misalnya saya menggunakan nrwkomputer.blogspot.com.

Maka kita akan mendapatkan url seperti di bawah ini


Namun di s.id kita bisa mengedit url yang telah disingkat tadi, lihat dibawah ini

Url yang tadinya s.id/6L penulis edit menjadi s.id/keren.

Ayo INDONESIA gunakan layanan ini, hitung – hitung menghemat bandwidth juga agar tidak lari ke luar negeri. Share it !

Cara Membuat Tooltip Dengan CSS

Cara Membuat Tooltip Dengan CSS – Tooltip adalah komponen user interface, dimana komponen ini dapat muncul ketika ada objek yang disentuh. Tooltip biasa nya berisikan bantuan ataupun informasi.

Cara Membuat Tooltip

Pertama anda buat dulu script html sebagai berikut

Sentuh Ini
   

        Ini Merupakan tooltip yang dibuat menggunakan CSS
       
   

Selanjutnya Script CSS seperti dibawah ini

html {
    font-family:Arial, Helvetica, sans-serif;
}
body {
    background:#0C3;
}
.button {
    width:100px;
    text-align:center;
    color:#fff;
    background:#96F;
    border-radius:5px;
    padding:15px;
    font-weight:bold;
    margin:15% auto;
    position:relative;
}
.tooltip {
    position:absolute;
    top:-90px;
    right:0px;
    background:#fff;
    width:300px;
    padding:15px;
    border-radius:10px;
    color:#000;
    display:none;
}
.tooltip img{
    height:20px;
    position:absolute;
    bottom:-20px;
}
.button:hover .tooltip {
    display:block;
}

Penjelasan

  • tag ini yang akan penulis jadikan objek.
  • Ini bagian tooltip yang akan muncul ketika objek disentuh.
  • Pada .tooltip  terdapat properti display:none; , ini adalah kondisi saat tooltip semula, yang itu tidak tampil.
  • Pada .button:hover .tooltip  terdapat properti display:block; , ini adalah kondisi objek disentuh yang mengubah properti display:none; menjadi  display:block; 

Tips Memilih Power Bank Yang Baik Untuk Gadget

Tips Memilih Power Bank Yang Baik Untuk Gadget – Bagi anda yang memakai gadget dan suka berada di luar, power bank adalah barang wajib yang mesti anda bawa. Power Bank itu sendiri adalah perangkat atau gadget yang berfungsi untuk menyimpan daya, sehingga dapat mentransfer daya ke gadget lainnya. Power Bank banyak dipakai dikalangan pengguna iPhone, BlackBerry, dan Android.

tips memilih power bank

Tips Memilih Power Bank Yang Baik

Di bawah ini penulis akan berbagi tips & trik untuk memilih Power Bank.

Jangan Tertarik Dengan Hrga Power Bank Yang Murah
Harga murah memang menjadi hal yang menggiurkan. Kendati demikian jangan langsung tertarik dengan harga murah yang beredar dipasaran. Survei membuktikan bahwa powerbank yang berkapasitas 5000mAh yang kualitasnya sudah diakui dan terjamin yaitu seharga lebih Rp. 300.000,-.

Pilih Merk Ternama

Cari tahu tentang perusahaan yang memproduksi powerbank, apakah perusahaan tersebut ahli dibidang battery atau belum. Biasanya merk ternama ditandai dengan barang yang bagus dan harga yang fantasitis. Namun anda jangan merasa rugi karena barang yang dibeli adalah asli/original dan bergaransi.
Sesuaikan Kapasitas Yang Diperlukan
Pilihlah kapasitas powerbank yang sesuai dengan gadget kita. Usahakan jangan memilih powerbank dengan kapasitas yang besar. Memang dengan kapasitas yang besar kita bisa memanfaatkannya berkali – kali. Kendati demikian apabila gadget kita sudah tersisi penuh dan power bank masih mnyimpan daya, maka powerbank akan terus mengisi sebelum colokan dicabut dari gadget. Ini yang membuat battery gadget kita cepat rusak.

Safety Protection Yang Dimiliki Powerbank
Perlu anda garis bawahi bahwa sfatey protection harus diperhatikan, jika tidak ini bisa berakibat fatal bagi gadget mahal anda. Untuk mengetes apakah powerbank memiliki safety protection bisa mencoba dengan cara berikut :
Input dan output dipasang ke powerbank secara bersamaan, jadi output mengeluarkan daya ke power bank itu sendiri, kemudian secara otomatis daya yang dimiliki powerbank tersebut akan habis.
Powerbank dengan safety protection tidak akan meledak, jika tidak memiliki safety protection powerbank tersebut akan meledak.
Garansi
Carilah vendor powerbank yang memberikan garansi minimal 1 tahu. Semakin lama garansi maka mencerminkan bahwa produk yang dipasarkan berkualitas tinggi.

Cara Daftar di Tsu Dengan Mudah

Cara Daftar di Tsu Dengan Mudah – Banyak orang yang tertarik untuk bergabung dengan jejaring sosial yang satu ini. Bagaimana tidak, jejaring sosial ini memberi bayaran kepada penggunanya yang berkontribusi dan memposting kontent – kontent.

Namun untuk mendaftar jejaring sosial ini anda harus mendapatkan link akun pengguna lain, karena mereka menggunakan sistem undang – mengundang. Anda bisa mengklik disini atau disini. Setelah itu ikuti langkah – langkah di bawah ini.

Tulis username akun pengguna lain seperti dibawah ini, saya menuliskan nikirahmadi, kemudian klik signup…

Setelah itu akan muncul jendela popup form pendaftaran, isilah data – data yang diminta,

Setelah diisi klik signup, akan muncul halaman berikutnya, disini anda diminta untuk mengisi foto, bio, phone, dll. Anda juga bisa langsung skip halaman ini dengan mengklik skip

Anda bisa mengedit foto yang akan anda upload seperti dibawah ini

Setelah selesai di halaman  ini anda akan menuju ke halaman berikutnya, disini anda bisa menghubungkan akun tsu dengan akun facebook, twitter, dan instagram. Skip bila ingin melewati
Setelah proses pendaftaran selesai, anda akan menemukan orang – orang dari seluruh dunia, skip untuk melewati

Untuk verifikasi akun anda, anda bisa periksa email anda, dan cari email dari tsu.co, lalu buka buka email tersebut, kemudian cari tombol verify my email, kemudian klik.


Anda sekarang sudah terdaftar di tsu.co.
 
Bagi yang belum mendaftar, silahkan klik disini atau disini.

Membuat Jendela Pop Up Sederhana Dengan CSS

jendela popup menggunakan css

Jendela Pop Up adalah bagian dari website yang kedudukannya di atas element – element lain. Pada tutorial kali ini saya akan memberikan contoh jendela popup sederhana menggunakan CSS tanpa javascript. Untuk membuatnya ikuti langkah – langkah berikut.

Pertama buat script html seperti di bawah ini

Setelah itu kita buat style nya

html {
    font-family:calibri;
}
h1 {
    margin:0px;
}
#popup {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
}
.jelndela-popup {
    position:relative;
    padding:15px;
    background:#fff;
    width:500px;
    margin:15% auto 0;
    border-top:5px solid #96C;
}  
.close {
    position:absolute;
    right:15px;
    top:10px;
    color:#96c;
    text-decoration:none;
    font-size:20px;
    font-family:Tahoma, Geneva, sans-serif;
    padding:5px 10px;
    background:#eee;
}
.tombol-popup{
    width:200px;
    text-align:center;
    margin:15% auto 0;
    border-radius:5px;
    color:#fff;
    text-decoration:none;
    background:#96C;
    overflow:hidden;
    box-shadow:0px 0px 5px #000;
}
.tombol-popup a{
    padding:20px;
    display:block;
    font-size:20px;
    color:#fff;
    text-decoration:none;
}
#popup:target {
    display:block;
}

Penjelasan

  • #popup:target yang akan digunakan untuk memunculkan jendela popup, karena link dari tombol popup mengarah ke #popup. 
  • Karena div#popup yang akan menjadi target maka kita tambahkan #popup:target pada script css dan memberi style display:block, agar div#popup bereaksi pada saat kita mengklik tombol popup yang memiliki link #popup.

Penjelasannya agak ribet, kalau belum jelas silahkan berikan komentar….
Selamat Mencoba