Blogger

  • sekolahandroidJuli 24, 2023
    0 25

    Cara Membuat Tombol Keyboard Pada Postingan Blog

    sekolahandroid.net – Helo gays kali ini saya akan berbagi ilmu tutorial membuat tombol keyboard pada postingan blog. Untuk kamu yang hobi ngeblog atau kamu yang bekerja menjadi publisher menulis artikel jenis tutorial dan sejenisnya seringkali mememasukan shortcut keyboard di artikel.

    Ketika kita menuliskan tombol shortcut keyboard di artikel seperti ( Ctrl + Shift ) sudah pasti hanya akan menampilkan huruf atau karakter saja tanpa muncul gambar tombol keyboard yang anda bayangkan.

    Sebagai pembelajaran untuk orang awam kenapa tombol keyboard yang kita tulis gak muncul dalam bentuk gambar keyboard di artikel? Jawabanya sederhana artikel yang kita tulis di blogger atau wordpress isi situs web ditampilkan ke layar HP, Tablet, laptop, Notebook dan Komputer dalam bentuk Kode HTML sedangkan untuk tatak letak, gaya, warna, font dan semua tentang mempercantik tampilan situs web disusun dengan kode CSS.

    jadi untuk membuat tombol keyboard di artikel postingan blog yang diperlukan adalah dengan menambahkan kode CSS tambahan. Disini saya akan memberikan 2 pilihan sesuai dengan kebutuhkanmu.

    Tombol Keyboard Nyata

    Tombol Shortcut keyboard nyata menampilkan tombol yang sama persis dengan aslinya. Sehingga mempermudah pemahaman pembaca dan mempercantik tampilan artikel. Tombol ini bisa digunakan untuk blogger, wordpress dan lainnya.

    Yang perlu anda lakukan adalah dengan menambahkan kode atau link css berikut di bagian <head> di sini </head> untuk blogger. Dan di menu Costum Codes di wordpress.

    Link CSS Tombo Keyboard

    <link rel="stylesheet" href="https://unpkg.com/keyboard-css@1.2.4/dist/css/main.min.css" />

    Memasang Kode CSS di WordPress

    1. Buka situs
    2. masuk ke menu admin
    3. Cari menu Header Code ( Perlu diingat di beberapa theme wordpress memiliki sedikit perbedaan setting yang perlu Anda perhatikan adalah cari menu untuk memasukan kode tambahan dengan sinonim seperti costum code yang intinya kode <head></head> )
    4. Contoh setting janah theme sebagai berikut : Jannah > General > Costum Codes >Header Codes > disini

    Memasang Kode CSS di Blogger

    1. Masuk ke blogger.com
    2. Pilih Tema > Costum (edit)  > Sesuaikan > Edit HTML
    3. Akan muncul kode sumber blog, langkah selanjutnya cari kode </head> untuk mempermudah pencarian klik + Bersamaan.
    4. Setelah ketemu pastkan link css di atas kode </head>
    5. klik simpan / gambar memori di sudut kanan.

    Panduan Membuat Tombol Keyboard di Artikel

    WordPress : Pastikan sudah di dalam mode edit atau buat post > Klik Teks untuk menampilkan kode tersembunyi untuk memasukan css.

    Blogger : Pastikan dalam mode edit atau buat post > Klik icon pensil di sudut kanan atas di bawah judul > Tampilan HTML

    Tempatkan kode berikut sesuai kebutuhan di bagian tulisan artikel.

    Penggunaan Dasar
    Tekan <kbd class="kbc-button">/</kbd> untuk mencari di situs ini.</h4>
Tekan <kbd class="kbc-button">Ctrl</kbd> + <kbd class="kbc-button">Shift</kbd> + <kbd class="kbc-button">R</kbd> untuk merefresh situs.

    Hasil :

    Tekan / untuk mencari di situs ini.

    Tekan Ctrl + Shift + R untuk merefresh situs.

    Hapus Perbatasan Permukaan

    Untuk menghilangkan pembatas tombol cukup dengan menambahkan no-container di class.

    <kbd class="kbc-button no-container">B</kbd>
<button class="kbc-button no-container">B</button>
<a class="kbc-button no-container">B</a>

    Hasil :

    B

    B

    Berurutan

    Jika Anda membutuhkan dengan ukuran yang berbeda-beda kode ini cocok untuk kebutuhanmu dari ukuran kecil sampai besar.

    <button class="kbc-button kbc-button-xxs">XXS</button>
<button class="kbc-button kbc-button-xs">XS</button>
<button class="kbc-button kbc-button-sm">SM</button>
<button class="kbc-button">MD</button>
<button class="kbc-button kbc-button-lg">LG</button>

    Hasil :




    Mode

    Tombol juga memiliki 4 mode yang bisa Anda pilih antaran lain.

    :hover = Melayang, :focus = fokus, :active = aktif, dan :disabled = non-aktif.

    <button class="kbc-button hover">Melayang</button>
<button class="kbc-button focus">Fokus</button>
<button class="kbc-button active">Aktif</button>
<button class="kbc-button disabled">non-aktif</button>

    Hasil : 



    Warna

    Untuk Anda yang ingin menambah warna gunakan kode berikut ada banyak pilihan yang bisa Anda gunakan.

    <kbd class="kbc-button">Default</kbd>
<kbd class="kbc-button kbc-button-primary">Primary</kbd>
<kbd class="kbc-button kbc-button-secondary">Secondary</kbd>
<kbd class="kbc-button kbc-button-success">Success</kbd>
<kbd class="kbc-button kbc-button-danger">Danger</kbd>
<kbd class="kbc-button kbc-button-info">Info</kbd>
<kbd class="kbc-button kbc-button-light">Light</kbd>
<kbd class="kbc-button kbc-button-dark">Dark</kbd>

    Hasil : 
    Default
    Primary
    Secondary
    Success
    Danger
    Info
    Light
    Dark

    Baca juga : Bagaimana Cara Menghasilkan Puluhan Juta Dari Blog?

    Tombol Keyboard Simple

    Tombol berikut memiliki tampilan yang sederhana tapi rapi cocok untuk kamu yang gak suka gaya berlebihan. Cara untuk memasang CSS juga sama dengan tombol keyboard nyata. Jadi ikuti langkah-langkah dengan teliti ya.

    untuk keyboard simple kita perlu memasukan kode CSS. Tidak perlu kuatir karena kode ini sangat sedikit dan mudah dipahami apalagi setiap penulisan tombol di dalam artikel gx perlu memasukan sub class  jadi lebih mudah di inget.

    Kode CSS

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%20type%3D'text%2Fcss'%3E%20%2F*keyboard%20shortcut*%2F%20kbd%7Bposition%3Arelative%3Bborder%3A1px%20solid%20gray%3Bfont-size%3A1.2em%3Bbox-shadow%3A1px%200%201px%200%20%23eee%2C0%202px%200%202px%20%23ccc%2C0%202px%200%203px%20%23444%3B-webkit-border-radius%3A3px%3B-moz-border-radius%3A3px%3Bborder-radius%3A3px%3Bmargin%3A2px%203px%3Bpadding%3A1px%205px%3Bcursor%3Apointer%3B-webkit-user-select%3Anone%3B-moz-user-select%3Anone%3B-ms-user-select%3Anone%3Buser-select%3Anone%7D%20kbd%3Aactive%7Bborder%3A2px%20solid%20gray%3Bfont-size%3A1.2em%3Bbox-shadow%3A2px%200%202px%200%20%23eee%2C0%203px%200%203px%20%23ccc%2C0%203px%200%204px%20%23444%3B-webkit-border-radius%3A4px%3B-moz-border-radius%3A4px%3Bborder-radius%3A4px%3Bmargin%3A3px%204px%3Bpadding%3A2px%206px%3Btransform%3AtranslateY(4px)%7D%20%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;style&gt;" title="&lt;style&gt;" />
    Penggunaan Dasar

    Untuk menulis tombol langka-langkanya sama seperti tombol keyboard nyata tapi lebih rapi dan mudah dimengerti seperti ini.

    <kbd>CTRL</kbd> + <kbd>F</kbd></b>

     Hasil :
    CTRL + F

    Kesimpulan

    Tombol keyboard bisa digunakan untuk mempermudah pembaca atau juga mempercantik artikel jadi dari dua jenis pilihan pastikan sesuaikan dengan kebutuhanmu. Jika Anda tidak suka dengan kerumitan pilih gaya sederhana saja tapi kalau Anda suka tampilan elegan pilih keyboard nyata aja. Terimakasih.

  • sekolahandroidDesember 1, 2019
    0 606

    Bagaimana Cara Menghasilkan Puluhan Juta Dari Blog?

    Selamat datang sobat android. Kali ini saya akan membuat tutorial lengkap belajar blogger menggunakan android dari nol sampai menghasilkan uang puluhan juta secara gratis. Meskipun sudah banyak blogger yang menulis hal ini tapi kebanyakan dari mereka tidak berurutan sehingga untuk para pemula akan kesulitan dalam mengikutinya tutorialnya.

    Ketika sobat membaca artikel ini berarti tertarik untuk belajar blogger karena mungkin ada beberapa alasan yang biasanya : tugas sekolah, ingin belajar menulis dan yang paling sering karena mendengar blog bisa menghasilkan uang puluhan juta sampai ratusan juta.  

    Apapun alasannya, mari kita mulai mengenal blog terlebih dahulu. Blog sebenarnya singkatan dari web log merupakan kumpulan tulisan-tulisan di halaman web. Tapi dengan berjalanya waktu fungsi blog tidak digunakan sebagaimana awal mula tujuan blog di buat.

    Lahirnya Blogger

    Pertama kali blog di populerkan oleh blogger.com pada tahun 1999 dan di tahun 2003 munculah wordpress yang sampai saat ini kedua platform inilah yang menguasai search engine dan digunakan oleh seluruh dunia.

    Kedua platform ini mengelolanya harus menggunakan dekstop atau komputer. Sehingga cukup sulit dan terbatas akibat dari tidak semua orang memilikinya. Pada saat itu memang masih sangat sedikit orang yang menggunakan layanan ini.

    Bukan hanya itu saja bagaimana cara mengoptimasinya masih banyak yang tidak mengetahui. sehingga menulis di blog pada saat itu hanya sekedar hobby menulis atau mengabadikan momen-monen serta menyimpan apa yang mereka ketahui.

    Lahirnya Blogger Ponsel/HP

    Namun di tahun 2008 hadirlah platform blogger yang dikelola menggunakan ponsel atau hp yaitu  www.mywapblog.com oleh orang india.

    Pada saat itu penggunanya sangat banyak sampai jutaan user dan dengan hadirnya platform blogger satu ini cukup mendominasi di google search engine sehingga lahirlah banyak blogger baru. Salah satunya saya sendiri sebagai mantan penguna platform mywapblog atau yang lebih akrab di sebut MWB.

    Tapi sayang pada tahun 2015 layanan ini harus dihentikan karena ada permasalahan internal. Sehingga mulai saat itu banyak yang mulai bermigrasi ke blogspot/blogger dan juga wordpress.

    Tapi sebelum menghilangnya platform mywapblog pernah muncul berbagai macam jenis platform sejenis di antaranya wapka.mobi,blogponsel, indowapblog, idnblogger, wapblog dan lain-lain. Sampai saat ini ada blog yang asli di buat oleh anak bangsa yaitu wapblog.id yang ceonya adalah fajar sodik.

    Jadi sobat juga bisa belajar ngeblog dengan platform wapblog.id. Tapi juga kalau mau langsung menggunakan blogger juga lebih baik karena memiliki fitur yang lebih unggul.

    Bagaimana Blog Menghasilkan Uang?

    Pada awalnya blogger hanya digunakan untuk jurnal tapi dari waktu ke waktu menjadi ladang bisnis yang sangat mengiurkan. Sebab semua orang didunia mencari informasi dari internet dengan begitu munculah iklan di berbagai tulisan yang ada di internet.

    – Google Adsense

    Memang ada banyak sekali penyedia jasa iklan di internet namun yang bayarannya tinggi ya hanya dari google yaitu google adsense banyak sekali teman saya yang sudah memiliki gaji ratusan juta hingga miliyaran dari blog.

    Sedangkan saya sendiri barulah ratusan juta sejak 2 tahun lalu. Itupun belajar blog sendiri tanpa mentor sama sekali hanya rajin membaca dan mencoba sampai pada akhirnya mengetahui rahasia-rahasia mendapatkan uang dari internet.

    – Content Placement

    ketika sebuah blog atau website memiliki rating bagus dan memiliki trafik besar serta konten yang bermanfaat sering kali perusahaan akan melirik blog kita dan mengajak kerjasama dengan memberikan sebuah konten yang bertujuan mengarah ke suatu hal bisa saja itu produk dan sejenisnya dengan imbalan uang.

    Sehingga kerjasama ini saling menguntukan satu sama lain. Sebagai pemilik blog juga tidak perlu susah payah untuk menuliskan sebuah artikel karena dengan content placement sebuah perusahaan atau orang lain yang mengjak kerjasama model ini sudah menyiapkan artikelnya dan kita sebagai owner blog hanya cukup mempubliskan saja dan setelah itu kita di bayar.

    Enak baget kan, rata-rata 1 artikelnya di hargai 200k ke atas tergantung kesepakatan antara pemilik blog dan perusahaan.

    –  Affilasi

    Program ini adalah kerjasama dengan menjual sebuah produk baik digital atau bentuk nyata yang mana setiap hasil penjualan kita akan mendapatkan bagian sekitar 5%-30%. Bahkan cara ini cukup banya digunakan oleh para blogger untuk menambah penghasilan dan terkadang pendapataknya bisa lebih besar daripada jasa iklan.

    – Reccuring income 

    Salah satu teknik yang cukup baik untuk menambahkan penghasilan dan terkadang lebih besar dari pendapatan lainn ya. bahkan banya perusahaan yang menggunakan cara ini. Recucuring income itu membuat sebuah halama member yang mana setiap kali ada yang ingin bergabung harus membayar terlebih dahulu.

    Cara ini efektif jika kita memiliki produk atau jasa yang dijual sehingga yang berrgabung memang benar-benar membutuhkan.

    – Jualan produk

    Karena blog kita memiliki trafik banyak tentu ini adalah peluang untuk menjual sesuatu kepada mereka. Apalagi jenis blogmu bertopik atau memiliki 1 topik,misalnya teknologi, pemrograman, wisaata dan lain-lain.

    Jual saja produk tertentu yang sesuai dengan blogmu dengna begitu bisa menghasilkan uang dengan cara ini. Produk itu bisa digital atau jenis barang nyata. Semua itu tergantung dengan Anda. Jika tidak memiliki produk sendiri bisa menjual produk orang kan.

    – Dan lain-lain

    Masih ada banyak cara untuk mendapatkan uang dari blog, itu semua tergantung dengan kita bagaimana memaksimalkan blog untuk mendaptkan penghasilan yang lebih seperti iklan baner dan lain-lain.

    Meskipun ada banyak sekali cara untuk mendapatkan penghasilan dari blog. Kebanyakan blogger lebih memilih hanya mengadalkan google adsense. Memang sih kalau kita cukup mahir dalam menulis. Cukup sumber penghasilan dari sini saja udah luar biasa.

    Banyak sekali teman-teman blogger yang sudah perpenghasilan jutaan/hari atau puluhan juta/bulan bahkan sampai ratusan. bagaimaa tidak tergiur dengan semua ini. Tapi kalau tujuan pertamamu menulis hanya ingin mendapatkan uang ya saya rasa lebih baik di urungkan. Karena akan sangat sakit dalam perjuangannya.

    Lebih baik menulis dengan keinginan berbagi pengetahuan. Dengan begitu kamu akan senang dalam membuatnya setiap hari. Bagaimana masih tertarik  ingin menjadi blogger? kalau iya bisa klik : Cara Membuat Blog Gratis di Android !

Back to top button
error: Content is protected !!