Tampilkan postingan dengan label 2020. Tampilkan semua postingan
Tampilkan postingan dengan label 2020. Tampilkan semua postingan
Macbook memang beda, dan sebelum tahun 2020 perbedaan macbook dengan Laptop populer Windows adalah dari sisi desain dan Platform OS yang dipergunakannya namun semenjak Apple berencana 'move on' dari INTEL ke chipset buatan mereka sendiri pada produksi tahun 2020, menjadikan jurang perbedaan itu bertambah lebar saja.

Apple Macbook

ARM adalah teknologi chipset yang biasa digunakan pada perangkat smartphone. Teknologi ini menjadi dasar pembuatan chipset Qualcomm, Huawei Kirin, Samsung Exynos, hingga MediaTek. Kini dunia akan mengenal ARM sebagai Chipset yang digunakan buat laptop dan juga desktop karena sebelumnya dunia hanya mengenal dua prosesor: Intel dan AMD. Dan Apple sedang memulai langkah tersebut. Ini menarik karena ketika hal tersebut terjadi jurang perbedaan antara Laptop Windows dan Macbook akan menjadi semakin besar.
  1. Macbook menggunakan chipset buatan mereka sendiri ada yang bilang basisnya ARM, ada yang mengatakan itu adalah chipset Apple Silicon alias chipset buatan mereka sendiri, sedangkan Laptop Windows menggunakan INTEL dan AMD.
  2. Macbook menjalankan platform MacOS, sedangkan Laptop Windows menjalankan platform OS Microsoft Windows.
  3. Desain fisik Macbook akan menjadi sangat tipis sedangkan Windows masih butuh waktu lama sampai teknologi INTEL dan AMD memungkinkannya.
  4. Macbook semakin kompak dengan perangkat mobilenya, tidak perlu aplikasi tambahan apa apa untuk saling tersinkron satu perangkat dengan perangkat lainnya, sedangkan windows membutuhkan banyak prosedur.
  5. Sistem keamanan Macbook yang semakin terintegrasi akan semakin sulit dtembus oleh peretas, karena hampir semua komponen hardware dan software di buat dan di kembangkan oleh satu tangan: Apple, dan mereka yang bekerja di dalamnya telah di akui kapasitas globalnya. Karuan hal ini akan membuat MacOs akan semakin ringan dan cepat pada saat dijalankan. Beda sekali dengan Windows yang di produksi oleh berbagai macam pabrikan.
  6. Akan menjadi jauh lebih hemat battery, jika ARM di buat dengan benar berdasarkan prosedur dan standar mereka, maka hal tersebut akan membuat perangkat menjadi irit battery.

Bukan hanya beda dengan laptop windows, Macbook 2020 bakalan beda banget dengan Macbook produksi tahun tahun sebelumnya, diantaranya:
  1. Secara fisik akan menjadi jauh lebih tipis bahkan jika dibanding dengan lini Macbook Air.
  2. Macbook 2020-2022 menggunakan chipset buatan mereka sendiri sedangkan Macbook sebelumnya menggunakan INTEL
  3. Karena menggunakan otak berarsitektur sama dengan perangkat mobile mereka maka Macbook 2020 dapat menjalankan hampir semua aplikasi aplikasi iOS, iPadOS seperti game, aplikasi utility dll. Macbook sekarang akan dapat memainkan game game mobile yang ciamik.
  4. Relatif lebih murah dengan spek yang lebih tinggi.

Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini!

SHARE YA:

Tampaknya ambisi Apple move on dari chipset intel ke ARM telah menjadi sorotan bertepatan dengan konferensi Developer dunia di tahun 2020 ini. Artinya setelah itu jajaran Macbook pertama akan di tenagai oleh chipset ARM.

Macbook akan menjadi semakin tipis

Lalu apa yang berubah setelah pindah ke ARM? 
  1. Apple meninggalkan ketergantungan terhadap prosesor buatan pihak ketiga dan bekerjasama dengan ARM membuat chipset sendiri. 
  2. Karena semua lini perangkat diproduksi menggunakan ARM,  Apple dapat menyatukan semua aplikasi iOS yang berjalan pada iPhone dan iPad dan menjalankannya di MacBook dengan baik. Seperti kita ketahui iPhone dan iPad menggunakan otak ARM, sedangkan Macbook menggunakan MacOS. Nah nanti kalau sudah sama sama di tenagai oleh ARM tentu akan menjadi kompatibel satu dengan yang lain.
  3. Baterai menjadi lebih irit dengan menggunakan arsitektur ARM. 
  4. Dengan menggunakan chipset berarsitektur ARM perangkat Macbook akan menjadi jauh lebih tipis. Lupakan Macbook Air, karena Macbook pro juga akan menjadi jauh lebih tipis.
  5. Harganya di prediksi akan menjadi semakin murah. Kita tahu selama ini harga laptop Apple atau Macbook itu sangat mahal.
Dengan adanya poin poin diatas paling tidak akan lebih membedakan perangkat komputing Apple secara fisik, antarmuka dan soal kekompakannya. Kita dapat berharap untuk memainkan game game iOS pada MacOS dilayar Macbook yang lebar. 3 Perangkat ini: iPhone, iPad dan Macbook akan kompatibel satu dengan yang lain. WOW!

Peran chipset sangatlah besar dalam merombak habis tampilan fisik dan tampilan antarmuka Macbook setelah menggunakan ARM nanti. Tentu saja ini tidak hanya akan membedakan performa sebuah laptop lama dengan baru tetapi juga praktis akan merombak total ukuran dan dimensi fisiknya, bisa jadi dimensi layarnya akan bertambah besar dan lega namun ketebalannya menciut dan menjadi lebih ringan.dan tipis.

Sekedar untuk di ketahui, ARM adalah teknologi chipset yang biasa digunakan pada perangkat smartphone. Teknologi ini menjadi dasar pembuatan chipset Qualcomm, Huawei Kirin, Samsung Exynos, hingga MediaTek. Kini dunia akan mengenal ARM sebagai Chipset yang digunakan buat laptop dan juga desktop karena sebelumnya dunia hanya mengenal dua prosesor: Intel dan AMD.

Wah minat dong beli satu unit buat blogging, pasti sudah mobile banget ini. Apalagi kalau sampai bisa menjalankan aplikasi aplikasi iOS-nya iPhone, dan iPadOS-nya iPad di dalam satu perangkat: Macbook, bisa buat main game di sela sela waktu dong. Mana batterynya terkenal kuat dan tahan lama lagi nih si Macbook..

Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini!

SHARE YA:

Akhirnya terlewati juga usia 2 tahun! Selama itu saya memang bukan merupakan admin blog ini, namun merupakan konstributor Utama. Mungkin banyak yang menyangka  saya adalah Admin editblogtema, karena sebagai penulis saya sudah begitu 'ikonik' (cielah ikonik!) dengan blog ini. Alasan saya menulis disini adalah karena saya bebas dan dapat menulis menurut 'hobi'. Sebenarnya sih hanya itu yang bisa saya tulis he he he...
Dari awal saya yang mulai menulis disini ini bukti tangkapan layarnya:
5 postingan awal edtblogtema
5 postingan awal edtblogtema

Tangkapan layar di atas adalah 5 postingan awal yang saya tulis, soalnya Anissa masih sekolah kelas berapa ya di tahun 2018 itu? Yang berkunjung dan baca jumlahnya masih berkisar dari puluhan hingga seratusan orang saja. Astaga....rupanya benar teori kata kunci. Lagi pula pada waktu itu di tahun 2018 blog ini kan baru berusia beberapa hari. Belum punya pengunjung yang berarti walau sudah bagi bagi postingan di Facebook.

Menulis di editblogtema memiliki arti tersendiri bagi saya karena blog ini benar benar buat belajar kemudian di dedikasikan untuk berbagi ilmu pengatahuan blogging, trik, koding walaupun belajarnya dengan cara autodidak yang penting serius dan langsung di praktekan.

Dan seiring waktu Google mulai melihat halaman ini, walau selama itu saya masih tidak pernah sekalipun perduli dengan ranking, SERP, kata kunci, DA dan PA, dan Alexa yang penting menulis dan berbagi, dan saya melihat beberapa tulian terbaru mulai mendapatkan sambutan:
postingan populer editblogtema
postingan terbaru populer editblogtema

ya beberapa tulisan di akhir tahun 2019 dan di awal tahun 2020 mulai mendapatkan sambutan yang menggembirakan walau sebagian tidak lagi di bagikan secara massif seperti pada masa masa lalu.

Ini adalah pelajaran yang berharga bagaimana sebuah konsistensi berjalan dan mendatangkan hasil yang menggembirakan: satu postingan mulai mendatangkan pembaca hingga 1500 pembaca setiap bulan, dan bakan diantaranya sudah ada yang melampaui di baca sebanyak 6000 x.

Tentu saja ini khusus pada konten konten yang saya tulis dan belum termasuk konten konten yang di buat oleh Anissa, karena sampai saat ini editblogtema telah memposting lebih dari 660 artikel atau postingan yang 90% adalah tutorial.

Jadi kesimpulannya, tetaplah menulis, tetaplah membuat konten. Beruntunglah blog blog yang memiliki niche: Tekno, Wisata, Perjalanan, Pengalaman dll.

Saya tidak mengatakan editblogtema terbaik, jauh..jauh sekali. Apalagi jika harus dibanding dengan blog blog teman teman blogger.  Akan tetapi benar ia telah berkembang menjadi lebih baik dari hari ke hari. Ia memiliki harapan.

Terimakasih telah bersama editblogtema.net selama hari hari yang panjang yang telah kita lewati dengan penuh suka dan duka. Salam dari kami. 

logo situs editblogtema
Logo editblogtema

Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini!

SHARE YA:

Masih banyak blogger yang menggunakan pengaturan atau dasbor blogger lama. Wajar setiap kali perubahan datang kita butuh menyesuaikan diri. Akan tetapi perlu di ingat setiap perubahan di tujukan untuk lebih memudahkan pengaksesan, pengeditan, pekerjaan dan lain lainnya. Dan Google tentu saja tidak serta merta menghapus pengaturan dasbor lama. Itu masih disana, masih bisa di pergunakan. Tetapi nanti jika dasbor baru telah sempurna, dasbor lama akan di hapus. 
fitur baru dasbor blogger
Fitur baru dasbor blogger dengan fitur navigasi preview


Jadi sebaiknya membiasakan diri mulai sekarang. Karena menurut saya diantara segudang fitur baru salah satu fitur yang hebat telah datang pada dasbor baru ini yakni kemudahan navigasi atau U.I. (User Interface-nya) dalam mengedit, mengkustomisasi atau bahkan membuat template yang sebelumnya tidak pernah ada. Google memberi kita kesempatan untuk membuat sebuah desain template blogger melalui tool aplikasi mereka.

Walaupun hanya sebuah tutorial sederhana, tulisan ini memberikan petunjuk yang cukup lengkap.

MODE PRATINJAU (PREVIEW)

Ketika kita masuk ke pengaturan dasbor blogger dan memilih TEMA, lalu kita akan masuk ke halaman editor HTML, disanalah kita memulai pengeditan dengan menambahkan, atau hanya mengedit HTML, CSS dah Javascript yang telah ada. Pada pengaturan dasbor blogger lama tidak terdapat fitur tambahan pada fitur preview (pratinjau) seperti terlihat pada gambar ilustrasi berikut:
dasbor tampilan preview mode PC deskktop
dasbor preview mode PC deskktop

Mode pratinjau atau preview memang ada pada dasbor lama tapi perhatikan navigasi di bawahnya yang saya lingkari merah, itu baru. Pada gambar di atas saya memilih pratinjau tampilan desktop, maka yang tampil adalah tampilan template hasil editan kita jika di tampilkan melalui PC dekstop. 

Bagi saya ini penting untuk memastikan template yang sedang kita edit telah responsif, dan ketika saya memilih pratinjau dengan mengklik ikon hape/ponsel pada gambar ilustrasi berikut:
dasbor tampilan preview blogger mode ponsel
dasbor preview blogger mode ponsel

Begitu ikon hape saya tekan maka yang tampil adalah tampilan template halaman blogger pada tampilan ponsel. Dengan demikian pada saat saya melakukan perombakan sebuah template melalui tablet saya tidak perlu bolak balik lihat hape dan laptop untuk memastikan hasil template buatan saya seperti apa dan apakah sudah benar benar responsif. Fitur ini benar benar membantu mempercepat pekerjaan. 

Disamping itu kali ini saya hanya butuh satu perangkat untuk menguji tampilan template dari berbagai ukuran:
  1. Tampilan PC dekstop/laptop
  2. Tampilan tablet
  3. Tampilan hape/ponsel porrait
  4. Tampilan hape/ponsel landscape
Jadi untuk membuat dan mendesain template saya hanya butuh satu perangkat tablet atau paling kepepet sebuah ponsel dengan layar 5 inch ke atas. Dan di zaman yang serba mobile ini saya merasa di beri kemudahan pada saat mendesain template blog melalui hape, saya bahkan sekaligus jadi tahu bagaimana kelak tampilannya pada layar deskstop dan laptop.

Untuk memudahkan pemahamannya saya berikan saja contoh gambar berurut (barsambung sekaligus) di bawah berikut. Setelah kalian masuk ke pengaturan awal dasbor blogger:
  1. Klik Tema
  2. Klik tiga titik bersusun
  3. Pada menu dropdown yang muncul pilih Edit HTML
  4. Pada halaman Edit HTML klik 'pratinjau' (ikon mata satu)
petunjuk mengakses edditor HTML blogger
petunjuk mengakses edditor HTML pada dasbor baru Blogger

Gambar diatas adalah petunjuk dasar mengakses halaman editor HTML pada dasbor blogger untuk memudahkan kalian memahami cara menggunakan dasbor baru blogger ini. Semoga bermanfaat. Selamat Hari Raya Idulfitri

SHARE YA:

Pada pengaturan atau dasbor blogger terbaru selain antar muka yang lebih fresh terdapat beberapa fitur baru. Misalnya jika kita ingin membuat tabel yang responsif yang berguna untuk penulisan yang menyertakan data sederhana berdasarkan tabel, maka kini dengan mudah kita dapat melakukannya tanpa harus memasukan kode HTML tambahan seperti di masa lalu. Dan juga tidak perlu lagi mengcopy-paste bentuk bentuk tabel dari luar format blogger-blogspot.
cara membuat tabel data di blogger blogspot

Kalian cukup masuk ke pengaturan blogger:
  1. Pilih postingan baru
  2. Pilih tool di atas lembar postingan hingga ke paling ujung titik berbaris/lapis tiga
  3. Jika di-klik akan muncul drop-menu scroll kebawah dan pilih 'Tabel'
  4. Ketika tabel di pilih akan muncul menu di kanan, maka pilih 'Tambahkan Table'
Perhatikan gambar:
fitur baru dasbor blogger 2020

  • Jika ingin menambahkan tabel ke bawah klik atau pilih sisipkan baris di bawah
  • Jika ingin menambahkan kolom di kanan klik atau pilih sisipkan kolom di kanan
  • DST
Perhatikan table contoh sederhana berikut:
Table ini dibuat dengan cara di atas.
BATAM ITEMSCODEMARKAS:  
 3.34 12.00 12.20 OK
 1.1 11.00 12.00 OK
 5.0 09.00 12.00 N/A

Setelah mendapatkan gambaran di atas silahkan kalian mencoba karena hanya dengan mencoba kalian akan mendapatkan peningkatan pengalaman. Dengan menguasai tool di atas kalian akan dapat membuat konten konten yang lebih sempurna, terutama jika kalian bermaksud memasukan semua data data penyokong artikel atau konten yang kalian tulis...

sudah barang tentu fitur diatas masih memiliki banyak kekurangan, namun seiring dengan pengembangan lanjutannya, kita berharap fitur fitur tersebut menjadi semakin baik dan sempurna.



SHARE YA:

Silahkan kalau mau download, template ini adalah contempo bawaan blogger yang telah kami beri sedikit sentuhan. Antara lain karena perubahan dan penambahan fitur berikut:
  1. Header kustom. Tetap dengan fitur sticky seperti aslinya, Namun dengan sentuhan kustomisasi navbar dan di bawahnya ada tombol menu samping dropdown yang mobile friendly.
  2. Menu pencarian samping full over layout.
  3. Related Post
  4. Breadcrumb DJason.
  5. Footer credit otomatis
template contempo default
DEMO  DOWNLOAD

Alasan menggunakan template blogger bawaan (atau template default blogger) adalah:
  • Secure alias aman, semua script, dan struktur template di buat oleh tim blogger Google sendiri.
  • Sederhana dan mudah di pergunakan.
  • Cepat 
  • Karena menggunakan template default varian terbaru maka sudah pasti responsif
  • Dan mobile friendly.
  • DST
CARA MENGEDIT MENU NAVBAR:
Masuk ke pengaturan blogger.
  • Pilih Tema
  • Pilih Edit HTML
Contoh cara mengaksesnya:
pengaturan editor HTML blogger
pengatuan editor HTML blogger
Saat sudah masuk ke halaman editor HTML, cari kode berikut:
<div id='navbar'>
<a class='active' href='/'>Beranda</a>
<a href='#'>Privasi</a>
<a href='#'>Hubungi</a>
</div></div>
<span onclick='openNav()' style='font-size:20px;cursor:pointer'><svg style='width:28px;height:28px' viewBox='0 0 24 24'>
<path d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z' fill='indigo'/>
</svg></span>
<div class='sidenav' id='mySidenav'>
<a class='closebtn' href='javascript:void(0)' onclick='closeNav()'>Close &#9747;</a>
<a href=''><font COLOR='RED'>MENU:</font></a>
<a href='#'>Link 1</a>
<a href='#'>Link 2</a>
<a href='#'>Link 3</a>
<a href='#'>Link 4</a>
<a href='#'>Link 5</a>
<a href='#'>Link 6</a>
<a href='#'>Link 7</a>
<a href='#'>Link 8</a>
<a href='#'>Link 9</a>
</div>
  • Silahkan robah tulisan warna merah dengan Judul menu kalian sendiri.
  • Silahkan robah tanda pagar (#) dengan link terkait judul menu yang kalian buat sendiri, link dapat dibuat dan di kelompokan berdasarkan label postingan. Jika kurang mengerti silahkan bertanya.
Kalian juga bisa mengurangi jumlah link (nama menu) dengan menghapus misalnya link 9 dengan demikian jumlah menu kalian tinggal 8 dan seterusnya. Menghapusnya harus di mulai dari pembuka <a> hingga ke </a> contohnya:
<a href='#'>link 6</a>
Hapus semua itu.

 Jika sudah selesai save tema.

CARA MENGEDIT MENU FOOTER:
Pada bagian bawah template kami sertakan link ke medsos cara mengeditnya adalah sama dengan cara mengedit menu navbar di atas.

Masuk ke pengaturan blogger.
  • Pilih Tema
  • Pilih Edit HTML
Cari kode berikut di bawah ini:
<b:section class='footer' id='footer' name='Footer' showaddelement='true' tag='footer'/>
<div class='editblog'><div class='editblogsocial-icons'> <ul> <li class='social-facebook'><a href='https://www.facebook.com/AnissaSufyan/' target='_blank' title='Facebook'>Facebook</a></li><li class='social-twitter'><a href='https://twitter.com/sufyan331?s=09' target='_blank' title='Twitter'>Twitter</a></li> <li class='social-instagram'><a href='https://www.instagram.com/sufyan_yaan/?hl=en' target='_blank' title='Instagram'>Google+</a></li> <li class='social-pinterest'><a href='https://id.pinterest.com/sufyan_yaan/' target='_blank' title='Pinterest'>Pinterest</a></li> <li class='social-rss'><a href='https://www.google.com/bookmarks/' target='_blank' title='RSS'>RSS</a></li> <li class='social-youtube'><a href='https://www.youtube.com/user/Nayfus1' target='_blank' title='youtube'>youtube</a></li></ul>
Hapus link lama dan ganti dengan link kalian sendiri. Karena Kalian memang harus merobah setiap link yang telah kami beri warna merah dan digaris bawahi dengan link menuju ke media sosial kalian sendiri.

SHARE YA:

Gambar, image, atau photo penulis di atas postingan blogger menggunakan template bawaan (default)? Yang ada adalah cara menampilkan profile penulis di bawah postingan, cari saja di Google banyak banget blogger yang menunjukan caranya meletakan gambar profile penulis di bawah postingan ini secara default.

Tapi perlu di perhatikan: Tutorial pertama ini hanya manjur kalau kalian menggunakan salah satu varian template terbaru blogger: Notable. Ini hanya bagaimana menampilkan dan membentuk gambar profile tersebut.
fitur profile penulis di atas postingan blogger
gambar penulis diatas postingan
DEMO 

Sekali lagi bagaimana caranya mendapatkan template default dengan fitur penulis di atas setiap postingannya? Mengapa belum ada tutorialnya baik versi Indonesia maupun bahasa Inggris terkait teknik menempatkan, memindahkan atau membuat gambar, image atau photo profile penulis artikel berada di atas setiap postingan secara otomatis? Padahal beberapa situs web dan blogger telah lama mempergunakannya.

Untung ada template notable! 

Mudah mudahan dilain kesempatan kami akan bisa memberikan trik menampilkan profile penulis di atas postingan ini pada dan menerapkannya pada semua template default (bawaan blogger) blog ini memang di dedikasikan untuk tips, trik dan tutorial praktis seputar blogger.

MENGAPA PROFILE DI ATAS POSTINGAN ITU KEREN?
Terlepas dari orang suka atau tidak, situs situs besar global dan lokal memanfaatkan fitur ini untuk situs mereka, walaupun tidak diungkapkan secara gambalang alasannya, namun dengan di tampilkannya photo profile penulis di atas postingan akan memberikan manfaat sebagai berikut:
  1. Karena kalau letak profile di bawah postingan itu sudah standard sekali
  2. Penulis terkesan diutamakan, sehingga si Pembuat konten tulisan tampak benar benar memiliki otoritas penuh terhadap konten tulisannya.
  3. Penulis lebih mudah di kenali, lebih tampak profesional dan memiliki kepercayaan yang tinggi
  4. Konten tulisan terkesan menjadi lebih serius dan kredibel
  5. Blog secara keseluruhan terkesan lebih professional
GUNAKAN TEMPLATE NOTABLE
Notable adalah salah satu dari 4 varian atau keluarga template template terbaru blogger seperti: Cotempo, Emporio, Soho dan Notable. Notable dapat dengan mudah di kustomisasi baik melalui pengaturan blogger, Tema desainer blogger hingga melalui pengeditan HTML terutama melalui bagian pengaturan CSS-nya. Nah Pada kesempatan ini kami akan memberikan trik penggunaannya terutama terkait fitur bawaan dimana gambar profile yang dapat di tempatkan di atas postingan.
Perhatikan gambar:
cara meletakan photo profile penulis di atas postingan blogger
Photo profile penulis di atas postingan
Untuk menggunakan template:
  1. Masuk kepengaturan blogger
  2. Pilih Theme atau Tema. 
  3. Akan muncul peragaan template template yang di awali oleh contempo,scroll sampai kebawah dan pilih Notable.
  4. Pilih 'Terapkan'
Cara mengaktifkannya:

Langkah pertama: masuk kepengaturan blogger yang menggunakan template notable, pilih tataletak, pilih edit "blog post" dengan mengklik tanda pena, begitu pena tersebut di klik muncul pengaturan atau konfigurasi blog post klik atau centang "oleh" atau "by" (lihat gambar)
pengaturan tataletak photo profile blogger
pengaturan tataletak photo profile blogger
Perhatikan gambar konfigurasinya perhatikan tanda tanda centang (V) Centang yang ada namanya seperti contoh pada gambar.
pengaturan tataletak photo profile blogger
Langkah kedua: Masuk kepengaturan blogger dengan template terbaru notable, 

Pilih Custom/Sesuaikan>>Pilih advance/Lanjutan>>Pada menu yang muncul di kanan pilih ADD CSS atau Tambahkan CSS. Begitu kotak blanko kosong CSS keluar masukan kode CSS berikut di bawah ke dalamnya, perhatikan gambar berikut:
pengaturan tataletak photo profile blogger
 Kode CSS-nya:
body.item-view .Blog .post-author-profile-pic{
max-height:100%
border: solid;
border-radius: 50px;
Save template. 

Jika kalian menyentuh gambar profile dengan kursor mouse maupun dengan cara menyentuhnya dan profile bergerak, untuk mengaktifkannya cukup dengan menambahkan kode CSS berikut di atas kode </head>:
<style>img:hover {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}</style>
Save tema.

Demikian trik memiliki photo profile penulis diatas setiap postingan di blogger, dengan memanfaatkan template bawaan notable.

PERTANYAAN:
Apakah photo profile ini berfungsi jika blog memiliki team penulis?
Jawaban: Pasti! Setiap penulis yang berbeda otomatis jika memiliki profile dengan photo akan di tampilkan di atas postingan yang ia buat.

PRO & KONTRA:
Jika bagi kalian menampilkan photo profile itu penting terutama di setiap bagian atas postingan, maka tulisan ini mungkin yang kalian cari. Namun sebaliknya, jika kalian termasuk blogger/penulis/pengarang yang tidak suka, dan lebih suka menyembunyikan photo profilenya, maka tentu saja tulisan ini tidaklah penting.

SHARE YA:

Umumnya ketika kita telah memiliki sedikit pengatahuan koding dan sedikit menguasai pengatahuan dasar CSS, HTML dan JS, di tambah dengan sedikit hobi atau 'bakat' desain kita dapat atau mampu membuat template. Template blogger di buat berbasis HTML. Tanpa  sebuah template, platform blogger akan kesulitan berjalan untuk menampilkan halaman web atau halaman blog kita.
cara mengedit halaman HTML blogger
Template mudah di dapat, platform blogger itu sendiri telah menyediakan template dasar yang dapat langsung kita pergunakan pada saat pertama memulai ngeblog. Namun suatu saat kita akan jenuh dengan tampilannya dan merasa tampilan halaman blog kita tidak tampak profesional karena terlalu biasa, terlalu mirip dengan tampilan blog blog para pemula, walaupun mesin penelusur (search engine) tidak terlalu mempersoalkannya, namun tampilan dapat dengan signifikan mempengaruhi manusia, sedangkan pengunjung halaman web atau blog adalah manusia.

Disamping itu tentu saja pertimbangan optimasi template, template bawaan yang sederhana secara default tidak di optimalkan sebagaimana layaknya template template yang di buat oleh para desainer web secara premium. Melalui pengatahuan dan penguasaan HTML kita akan mampu membuat suatu template yang premium.

Sampai disini kita tidak akan melanjutkan pembahasannya, karena postingan ini saya buat berbasis pertanyaan beberapa orang pengunjung:
BISA GAK SIH MENGEDIT BAGIAN HALAMAN EDITOR HTML TEMPLATE BLOGGER MELALUI HAPE, PONSEL ATAU SMARTPHONE?
Saya menjawabnya bisa karena saya sendiri sering melakukannya, dari memasang dan menghapus widget, hingga mengedit bagian HTML melalui  ponsel dengan layar 5,5 inch demi untuk merombak tampilan halaman blog secepatnya pada saat berada di coffee shop, jam istirihat bekerja, atau dalam perjalanan.

Padahal hape itu juga yang saya pergunakan untuk menelpon, menjawab WA, dan vieo call dengan keluarga juga. Saya bersyukur banyak hal mulai dapat di tangani oleh peralatan genggam ini, karena saya selalu berfikir futuristik, saya jadi yakin suatu hari peralatan genggam ini akan memiliki kemampuan seperti laptop zaman sekarang, entah dengan kombinasi teknologi, UI, dan UX apa. Yang jelas saya sudah dapat memanfaatkannya sekarang walau dengan teknologi masih menurut zaman now (entah bagaimana zaman next)

MANFAAT MENGERJAKAN PENGEDITAN HALAMAN HTML BLOGGER VIA PONSEL
Tentu saja 15 tahun yang lalu adalah hal yang tidak masuk akal mengerjakan pengeditan HTML melalui perangkat mobile. Namun hari ini segalanya telah berbeda, kemampuan perangkat mobile seperti ponsel telah meningkat secara signifikan.

Sebenarnya saya sering menggunakan cara manual yakni langsung melalui browser chrome melalui hape oppo A83, tapi cara ini tentu sulit bagi yang belum terbiasa mengenali kode kode CSS, HTML dan JS. Saya melakukannya dengan cara mengscroll halaman editor HTML tersebut untuk menemukan untaian kode yang dapat merobah bagian tertentu template blog. Ada keuntungan dan kepuasan sendiri ketika saya melakukannya, toh saya tidak sedang terburu buru.

Adapun manfaatnya (paling tidak bagi saya) adalah:
  • Petama saya dapat terus 'menghapal' sumber kode template dan mengingatnya
  • Kedua meningkatkan ketrampilan saya dalam mengatasi kesulitan teknis dan troubleshooting dalam kondisi yang paling minim fasilitas.
  • Ketiga melatih kesabaran dan ketelitian
  • Keempat mengurangi ketergantungan saya terhadap perangkat PC baik desktop maupun laptop.
  • Membuka peluang mengembangkan aplikasi  (terutama aplikasi web) hanya bermodalkan gagdet mobile seperti ponsel.
Plus dengan mengerjakan template melalui hape tersebut membuat saya dengan mudah menyembunyikan pekerjaan saya terhadap orang orang di sekeliling saya, karena mereka menyangka saya sedang main game, atau chatting atau update medsos. Padahal saya sedang mengerjakan 'projek-projek' kecil. LOL.

CARA MENGEDIT TEMPLATE VIA EDITOR HTML MENGGUNAKAN PONSEL
Dengan asumsi hape Androidlah yang paling banyak di pergunakan oleh para blogger, maka cara paling mudah melakukan pengeditan HTML template blogger melalui ponsel Android adalah dengan cara memasang sebuah aplikasi editor kode dan diantara sekian banyak aplikasi aplikasi tersebut saya memilih aplikasi 'Code editor; kalian dapat langsung memasangnya dengan mengklik tautan Play Store berikut:
Android mobile code editor from github
Android mobile code editor di PlayStore
Cara penggunaannya terbilang mudah, user interfacenya sederhana dan 'Hand Friendly' banget sehingga kalian dapat menggunakan aplikasi ini dengan mudah, sebenarnya ia memiliki dua versi yang gratis dan berbayar. Sampai saat ini saya masih menggunakan versi yang gratis.

Aplikasi editor kode ini memiliki tool yang lengkap dan bisa terhubung ke akun Github dengan cara login, memiliki tombol pencarian untuk memintas ke kode yang kita inginkan denganc ara mengetik tag atau kode kode HTML tertentu ke dalammya. Cara kerjanya persis dengan versi dekstop, namun dengan interface mobile.
tampilan code editor pada layar hape
tampilan code editor pada layar hape
Jika kalian sudah mulai terbiasa membuka dan mengedit bagian bagian tertentu melalui halaman editor blogger, kalian pasti akan mengenali tag tag HTML berikut:
<head>
</head>
<body>
</body>
<data:post.body/>
Atau style CSS berikut:
<style>
</style>
]]></b:skin>
DST....

Nah melalui aplikasi editor ini kita dengan mudah menuliskan tag tag tersebut ke dalam kotak pencarian, dan kotak pencarian akan menemukannya dengan cepat. Setelah menemukannya kita dengan mudah menemukan sumber kode yang mau kita edit dan kita simpan.

Kalian dapat mengikuti cara penggunaannya melalui videonya terlebih dahulu yang di sertakan pada paket pengunduhan sebelum menggunakannya. Yang perlu kita lakukan adalah berlatih dan memiliki keinginan kuat untuk belajar dengan cara memanfaatkan sumber daya yang kita miliki. Tidak perlu berkecil hati kalau belum memiliki laptop. Manfaatkan saja ponsel yang ada.
Kalian harus bersyukur karena zaman now sudah sedemikian maju dan mudahnya bagi kita untuk melakukan pekerjaan melalui perangkat yang sebelumnya tidak pernah terfikirkan oleh para pendahulu kita. Jadi kita harus memanfaatkannya dengan sebaik baiknya.

Sekali lagi Tidak perlu berkecil hati kalau belum memiliki laptop. Manfaatkan saja ponsel yang ada. Jika kalian rajin tidak menutup kemungkinan kalian akan mampu mengembangkan aplikasi kalian sendiri melalui gagdet mobile.

Kedepannya tentu semakin banyak perangkat mobil atau ponsel murah namun dengan teknologi dan fitur yang lebih maju lagi.

SHARE YA:

2020 DESAIN TEMPLATE WAJIB MOBILE FRIENDLY

9 komentar

Januari 26, 2020

Quality Templates. Hari segini bagi siapa yang sedang membangun halaman website (termasuk blogging, karena blogger itu juga adalah website) maka mereka harus memperhatikan satu hal :
Halaman web harus mobile!
antar muka mobile template notable
antar muka mobile template notable
Mobile dalam istilah web adalah perangkat genggam atau mudah di bawa kemana mana, jangan salah mendefinisikannya, karena ada saja orang suka usil bahas hal hal sepele kayak salah satu admin blog ini he he he...secara umum di masa lalu orang mendefinisikan mobile dengan istilah:

 let's see! it is a mobile canteen (Lihatlah! Itu kantin yang berpindah pindah)

Jadi mobile pada zaman dulu, sebelum perangkat genggam hadir di dalam genggaman manusia adalah segala sesuatu dalam bentuk properti bergerak yang dapat dan mudah di bawa berpindah pindah, atau segala sesuatu yang dapat bergerak dan dapat di pindah pindah dengan mudah. Istilah zaman now: Sangat mobile!

Sekali lagi dalam istilah web desain mobile berarti perangkat mobile, bisa ponsel atau smartphone atau hape, bisa tablet bahkan laptop super tipis. Akan tetapi karena web berorientasi kepada banyak kegiatan dan manusia membutuhkan mobilitas yang sangat tinggi, maka istilah mobile-pun melekat pada perangkat genggam yakni: Hape, ponsel atau smartphone.

PROYEK GOOGLE

Nah demi mengejar trend ini Google membuat proyek AMP (Accelaration Mobile Page) dimana halaman web di optimalkan kecepatan, performa, dan antarmukanya pada layar hape sehingga membuat pengguna nyaman mengaksesnya. Jadi memang demikian tuntutan zaman. Bayangin saja menurut TEKNO:

Pada tahun 2016 yang lalu, berdasarkan survei  yang dilakukan UC Browser, terdapat 95,4 persen pengguna internet di Indonesia membaca konten berita dari smartphone.

Kemudian sebanyak 45,9 persen mengakses berita dari televisi, hanya tinggal 15,9 persen dari majalah atau koran, 15,3 persen dari komputer, baik desktop maupun laptop serta 4,7 persen mengakses berita dari radio. Trend membaca konvensional ini terus saja menyust dari tahun ke tahun. Zaman sudah tidak memungkinkan lagi orang untuk kembali kemasa lalu.

Bayangin! Survey ini setali tiga uang dengan survey survey lainnya, yang membuat kita harus waspada adalah hanya tinggal 15,3% pengguna membaca di internet menggunakan desktop dan latop! Pantesan pada stats di dasbor saya, terkadang hanya 12% editblogtema di baca atau di kunjungi melalui perangkat komputer termasuk desktop dan laptop, sisanya berasal dari pengguna mobile.

Bayangkan betapa besar potensi halaman mobile mendapatkan pengunjung dan berapa kerugian halaman web yang seharusnya bagus namun karena mengabaikan akses mobile, harus kehilangan kesempatan (baca: keberuntungan) karena halaman tersebut hanya nayaman apabila di akses melalui halaman desktop, laptop atau notebook?

Belum lagi seberapa besar peluang bisnis yang kita dapatkan dari sekian milyar manusia di muka bumi yang mengunjungi halaman web hanya melalui ponsel? Apa yang terjadi sesungguhnya adalah begini:

Algoritma terbaru Google (Bert) sangat memahami manusia, input tersebut yang dipergunakan oleh Google memberikan kita kesempatan agar mengoptimalkan halaman web atau blog kita salah satunya adalah dengan mengganti template yang buruk (tua dan tidak sesuai lagi dengan zaman) dengan template terbaru yang lebih responsive dan mobile friendly. Dan keharusan ini berdampak langsung terhadap usaha kita di dunia web. Jika kita sedikit mau meluangkan waktu untuk memperhatikan dan mempelajari situs situs besar dan sukses di tanah air seperti kompas, kaskus, tribun mereka sudah terlebih dahulu menggunakan halaman yang sangat mobile friendly.

Mereka ini sangat di sukai oleh google dan tidak pernah repot repot mikirin teknik SEO segala macam. Bagi situs yang mengutamakan konten berita original seperti mereka teknik SEO Neil Patel tidak berguna dan masuk ke tong sampah! Demikian juga DA dan PA mereka gak perlu sakit kepala toh backlink mereka banyak, kompas saja dengan mudah dapat DA sampai lebih dari 80-an, padahal mereka tidak pernah susah mikir mencarinya.

Dan bisnis mereka berkembang bersama dengan teknik itu, akses perangkat mobile dan membuat konten, tidaklah mengherankan mengapa pengunjung atau visitor mereka begitu masif, adalah karena mereka telah memenuhi seluruh syarat dan prasyarat website modern. Dan untuk melakukan hal tersebut samasekali tidak rumit. Buat halaman web kita lebih mobile friendly.

DESAIN TEMPLATE BLOG HARUS MOBILE FRIENDLY

Dan itulah sebabnya mengapa desain sebuah template harus mobile, kami mulai menggunakan tool responsive untuk melakukan pengujian template agar menjadi mobile friendly pada saat dipergunakan, dan beberapa tool online telah tersedia gratis, namun hanya tiga tool ini yang paling kami rekomendasikan karena antarmuka dan tampilannya yang sederhana dan mudah di pergunakan. Tiga tool tersebut adalah:

1. DESIGNMODO.COM
Antarmukanya lengkap. Kita dapat mengetikan alamat atau URL blog kita ke dalam kotak dialog yang tersedia pada menubar yang berwarna ke biruan diatas halamannya dan dengan menekan 'enter' pada keyboard kita akan melihat seperti apa tampilan halaman web kita pada segala ukuran layar peragkat.
tampilan tool designmodo
tampilan tool designmodo
Tool ini rekomen banget, nyaris memiliki berbagai jenis ukuran layar untuk pengujian desain template kita. Perhatikan saja pada menubar kebiruan diatas halamannya terletak sebelah kanan terdapat tool yang apabila di klik dapat menentukan pilihan layar seperti apa blog akan di tampilkan. Tidak perduli layar desktop yang gede, laptop, tablet hingga berbagai ukuran layar hape.

Dan kita dapat membuka dan mengeksplorasi halaman blog melalui layar layar sentuh virtual tesebut.

Tool yang satu ini simple, kita masukan URL atau alamat blog kita ke dalam kotak dialog yang tersedia di bawah image perangkatnya lalu menekan 'enter' pada keyboard atau 'GO!' pada ujung kotak dialog, maka kita akan melihat seperti apa tampilan halaman blog kita melalui 4 pukuran layar perangkat yang berbeda sekaligus!
tampilan halaman amiresponsive
tampilan halaman amiresponsive
Dan kita dapat membuka dan mengeksplorasi halaman blog melalui layar layar sentuh virtual tesebut.

3. RESPONSINATOR.COM
Cara menggunakannya hampir mirip dengan tool DESIGNMODO.COM. Sama sama memiliki menubar di atas halamannya. Bedanya designmodo memiliki perangkat lebih lengkap, sedangkan responsinator lebih mengutamakan mobile.
tampilan tool responsinator
tampilan tool responsinator
Kita dapat mengetikan alamat atau URL blog kita ke dalam kotak dialog yang tersedia pada menubar yang berwarna hijau gelap diatas halamannya dan dengan menekan 'enter' pada keyboard kita akan melihat seperti apa tampilan halaman web kita pada beberapa jenis ukuran layar peragkat mobile.

SHARE:

SHARE YA: