Tampilkan postingan dengan label solusi. Tampilkan semua postingan
Tampilkan postingan dengan label solusi. Tampilkan semua postingan
Sobat pernah membeli atau memakai template premium atau versi gratis buatan pihak ketiga? Jika pernah sobat mungkin pernah mengalami masalah yang menjadi topik postingan kami kali ini. Template template tersebut dibuat berdasarkan template bawaan generasi ke-2 namun desain-nya masih belum generasi ke 3. Ini juga bisa terjadi pada template template versi ke 2 bawaan blogger seperti: tema sederhana, awesome, perjalanan dst..dst dan bisa juga terjadi jika kalian membeli template dari Gooyabi, Btemplate dsb, jika template tersebut masih di kembangkan berdasarkan template bawaan yang lebih lama (sebelum template template seperti contempo, soho, emporio dan notable di rilis oleh Google)
memperbaiki gambar yang tampil tidak proporsional pada blogger mobile
gambar proporsional

Tampilan gambar thumbnail pada homepage atau halaman awal maupun tampilan gambar ketika membuka konten dan membaca halaman akan kedapatan bentuk gambar yang tidak proporsional kadang terlihat lebih tinggi berbanding lebar atau sebaliknya lebih lebar berbanding tinggi. Wah mengganggu visual mata saja bukan.

TERJADI PADA SAAT DIBUKA MELALUI LAYAR MOBILE

Zaman now jangan remehkan tampilan konten terutama gambar pada saat dibuka melalui layar mobile (hape atau ponsel) karena 75% trafik pengunjung bisa datang dari perangkat mobile, bukan laptop apalagi PC. Jangan berfikir seperti 10 tahun yang lalu. Penghasilan dari jualan online juga adalah karena pengunjung datang dari mengakses layar telponi setiap hari, sudah sangat jarang melalui laptop apalagi desktop.

Contoh gambar dibawah adalah tampilan gambar tidak proposional didalam konten blog, ini sangat merugikan terutama terjadi pada saat dibuka melalui layar kecil hape:

tampilan gambar konten blog sebelum diperbaiki
Gambar di atas yang kami maksudkan tidak proporsional perbandingan tinggi dan lebarnya. Jadi memang jelek sekali di pandang mata. Dan lihat gambar setelah dilakukan perbaikan:

Tampilan gambar pada konten blog setelah diperbaiki
Contoh diatas jika gambar ketinggian namun ada juga yang terlalu lebar  dan ini terjadi pada thumbnail homepage tampilan mobile, seperti contoh:
gambar terlalu lebar pada homepage tampilan hape/mobile
Ada dua cara memperbaikinya:

1. CARA MEMPERBAIKI TAMPILAN THUMBNAIL PADA HOMEPAGE MOBILE YANG TAMPAK JELEK.

  1. Masuk ke pengaturan blogspot
  2. Pilih Tema
  3. Pilih "Sesuaikan"
  4. Setelah masuk ke Desainer Tema Blogger: Pilih lanjutan
  5. Scroll menu dropdown yang muncul keatas, dan pilih "Tambahkan CSS"
  6. Copy kode CSS dibawah ini dan Pastekan ke dalam kotak dialog css yang muncul: 
    pastekan kode css kedalam kotak ini

/* fit images to container */.container img {    max-width: 100%;    height: auto;}

Save template. 

Ini biasanya terjadi pada tema tema Gooyabi dan solaris. Namun juga bisa terjadi pada template template default bawaan blogger seperti template sederhana (simple), PT. Keren Sekali, Jendela gambar, Perjalanan dst.

Perhatian: Ini mungkin bisa berlaku efektif pada beberapa jenis template terbaru, namun bisa tidak berpengaruh terhadap tema klasik yang sudah di kustom.

2. CARA MEMPERBAIKI GAMBAR PADA TAMPILAN POSTINGAN MOBILE:

Cara kedua ini apabila sobat menggnakan template default atau bawaan blogspot seperti template sederhana, caranya:
  • Masuk kepengaturan blogspot
  • Pilih tema atau theme
  • Pilih Edit HTML, dan ketika halaman editor HTML blogspot telah terbuka, cari kode berikut (gunakan ctrl+f untuk mempercepat pencarian)
 @media screen and (max-width:414px){
        .Image-thumb img{height:150px; border: none;}
        .Image-thumb{float:none;width:100%;margin:0 0 5px 0;}
        .jump-link, .post-info{text-align: center;}
      }
      @media screen and (max-width:240px) {
        .Image-thumb{display: none;}
      }
Ya itu adalah kode @media screen untuk ukuran layar kecil, disanalah biang kerok mengapa gambar thumbnail tidak proporsional pada homescreen mobile atau hape. Perhatikan nilai yang diberikan pada .Image-thumb img {height: 150px;......sementara dibawahnya width tertulis dengan nilai 100%.

Robah angka atau nilai 150px; menjadi 100%; maka semuanya berubah menjadi normal. Pokoknya jika width adalah 100% maka height harus 100% pula untuk dimensi gambar thumbnail.
DEMO

SHARE YA:

function openSearch() { document.getElementById("myOverlay").style.display = "block"; }  function closeSearch() { document.getElementById("myOverlay").style.display = "none"; }
Saya membuat dan mengedit Mega Menu ini melalui editor online w3school
Trik ini saya temukan ketika asik mengutak atik mega menu di w3school, lalu saya rombak dan kombinasikan dengan tombol pencarian yang telah saya buat sebelumnya. Mungkin menjadi solusi yang bagus untuk teman teman dan sobat sobat semua dalam pembuatan megamenu. Alasannya adalah:

Pertama: Megamenu ini telah saya buat agar bisa diterapkan ke hampir semua template bawaan (default) blogspot dengan mudah. Saya menerapkannya pada template contempo.

Kedua: Tidak memerlukan tambahan JavaScript. (Kecuali untuk menu pencariannya)

Ketiga: Kodenya sederhana dan mudah diterapkan

Keempat: Navigasinya adalah "Fixed" artinya tetap berada diatas header walaupun halaman atau konten blog di scroll kebawah dan keatas.
Hebat, bukan?

Kelima: Berbeda dengan Tips MegaMenu yang saya tulis sebelumnya, Trik kali ini sudah dapat diterapkan langsung ke blog sobat karena sudah saya buat responsive dan mobile friendly.

Gambar dibawah ini ketika megamenu ini saya terapkan ke template Emporio. Tempat Emporio ini bagus karena tampilannya hompagenya adalah grid pada tampilan layar laptop dan desktop:
Mega Menu editblogtema
DEMO
Baiklah kita masuk ke tutorial atau triknya:

1. Tambahakan CSS

  • Masuk ke pengaturan blogspot 
  • Pilih Tema/theme
  • Pilih edit HTML
  • Cari kode </head> Kalau sobat masih baru belajar mengedit HTML cobalah berlatih memanfaatkan ctrl+F pada keyboard nanti akan muncul kota dialog diatas sebelah kanan halaman editorial HTML:
halaman editorial HTML blogspot
Gambar halaman editorial HTML blogger
Jadi perhatikan baik baik gambar diatas ya, sobat bisa melakukannya kok. Jangan takut salah, jika perlu back up dulu temanya sebelum menuju ke langkah berikut. Nah jika sudah ketemu kode </head>, copy dan lalu pastekan kode berikut diatasnya:

<script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'/>

<style>
body {
font-family: Arial;
}

* {
box-sizing: border-box;
}

.openBtn {
background: white;
border: none;
border-radius:50px;
border-color: transparent;
padding: 10px 15px;
font-size: 20px;
cursor: pointer;
position: fixed;
z-index: 99;
top: 6px;
right:9%;
}
.openBtn:hover {
background: Transparent;
}
.overlay {
height: 62px;
width: 100%;
display: none;
position: fixed;
z-index: 100;
top: 0;
left: 9;

background-color:#DDDDDD;
}
.overlay-content {
position: relative;
top: 4%;
width: 80%;
text-align: center;
margin-top: 10px;
margin: auto;
}
.overlay .closebtn {
position: absolute;
top: 8px;
right: 11%;
padding: 0px 0px 0px 0px;
z-index: 99;
font-size: 40px;
cursor: pointer;
color: #000;
}
.overlay .closebtn:hover {
color: red;
}
.overlay input[type=text] {
padding: 15px;
font-size: 17px;
border: solid;
border-color: transparent;
border-radius:30px;
float: left;
width: 100%;
background: #fff;
height: 56px;
}
.overlay input[type=text]:hover {
background: #fff;
}
.overlay button {
float: left;
width: 10%;
padding: 15px;
background: transparent;
font-size: 17px;
border: none;
cursor: pointer;
}
.overlay button:hover {
background: transparent;
}
</style>

<style>
#myBtn {
display: none;
position: fixed;
bottom: 0px;
right: 0px;
z-index: 99;
font-size: 18px;
outline: none;
background-color: transparent;
color: blue;
cursor: pointer;
padding: 10px;
}
</style><style>
* {
box-sizing: border-box;
}

body {
margin: 0;
}

.navbar {
overflow: hidden;
background-color: #333;
font-family: Arial, Helvetica, sans-serif;
position: fixed;
z-index:99;
}
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

.dropdown {
float: left;
overflow: hidden;
}

.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: blue;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
width: 100%;
left: 0;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 99;
position: fixed;
}
.dropdown-content .header {
background: blue;
padding: 16px;
color: white;
}
.dropdown:hover .dropdown-content {
display: block;
}
/* Create three equal columns that floats next to each other */
.column {
float: left;
width: 33.33%;
padding: 10px;
background-color: #f0f0f0;
height: 250px;
}
.column a {
float: none;
color: black;
padding: 16px;
text-decoration: none;
display: block;
text-align: left;
}
.column a:hover {
background-color: #ddd;
}
/* Clear floats after the columns */
.row:after {
content: &quot;&quot;;
display: table;
clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
width: 100%;
height: auto;
}
}
</style>

2. Tambahkan HTML

Masih dalam opsi edit HTML, yakni:
  • Masuk ke pengaturan blogspot 
  • Pilih Tema/theme
  • Pilih edit HTML
  • Cari kode <body>
Lalu letakan kode berikut tepat dibawah body:

<div class='navbar'>
<a href='/'>Beranda</a>
<a href='https://www.editblogtema.net'>Blog</a>
<div class='dropdown'>
<button class='dropbtn'>MegaMenu
<i class='fa fa-caret-down'/>
</button>
<div class='dropdown-content'>
<div class='header'>
<h2>Kategori</h2>
</div>
<div class='row'>
<div class='column'>
<h3>Template</h3>
<a href='#'>CSS</a>
<a href='#'>HTML</a>
<a href='#'>JavaScript</a>
</div>
<div class='column'>
<h3>Kisah</h3>
<a href='#'>Separo Hati</a>
<a href='#'>Detak Waktu</a>
<a href='#'>Cerpen</a>
</div>
<div class='column'>
<h3>Tekno</h3>
<a href='#'>Sains</a>
<a href='#'>Teknologi</a>
<a href='#'>Blogging</a>
</div>
</div>
</div>
</div>
</div>

<div style='padding:16px'>
<a class='icon' href='javascript:void(0);' onclick='myFunction()'><i class='fa fa-bars'/></a></div><div class='overlay' id='myOverlay'><span class='closebtn' onclick='closeSearch()' title='Close Overlay'>&#215;</span><div class='overlay-content'><form action='/search' id='searchthis' method='get' style='display:inline;'><input id='search-box' name='q' placeholder='cari...dan tekan enter' size='25' type='text'/></form></div></div>
<button class='openBtn' onclick='openSearch()'><i class='fa fa-search'/></button>


Silahkan sobat ganti tulisan yang telah saya sorot (highlight) dengan warna kuning dengan judul sobat sendiri sesuai dengan link atau label blog. Dan ganti tanda tagar (#) dengan link yang terkait dengan Judul yang sobat buat.

3. Tambahakan JavaScript

Langkah terakhir ini adalah untuk membuat fungsi klik pada tombol pencarian berfungsi dengan baik mau tidak mau saya terpaksa menyertakan JavaScript, kecuali jika sobat tidak menginginkan menu atau tombol pencarian pada ujung kanan Navigasi menu blog sobat, tapi para pembuat template template blog hebat dan premium selalu menertakan kotak dan tombol pencarian untuk melengkapi navigasi template mereka. 

Masih pada opsi edit HTML cari kode </body> dan letakan kode JavaScript berikut tepat diatasnya:

<script>
function openSearch() {
document.getElementById("myOverlay").style.display = "block";
}
function closeSearch() {
document.getElementById("myOverlay").style.display = "none";
}
</script>



4. Terakhir. Save Template blog sobat

SHARE YA:

sticky sidebar dengan animasi
Sticky alias lengket di terapkan untuk widget sidebar
Saya sangat tertarik dengan beberapa teknik membuat sidebar pada blog menjadi "sticky" alias nampak lengket kaya sedikit ada karetnya, lihat saja percobaan yang saya terapkan pada template buatan saya ini. Template ini adalah template sederhana yang telah saya modifikasi penuh menjadi lebih responsive dan mobile friendly.

1.Jika menggunakan CSS

Sobat bisa menggunakan CSS untuk membuat widget/gadget (misalnya popular posts)  pada sidebar blog menjadi "diam dan tetap berada ditempat" walau konten utama blog sedang discroll naik dan turun, contohnya:
<style>#page-wrap { width: 600px; margin: 15px auto; position: relative; } #sidebar { width: 190px; position: fixed; margin-left: 410px; }</style>
Letakan kode diatas </head> Kuncinya adalah pada aba aba pengaturan "fixed". Saya menggunakannya karena selama satu hari trik ini ringan alias tidak memberatkan loading tapi sayang fix ini kurang bagus pada tampilan mobile (hape) dan layar yang lebih kecil. Lagipula setiap layar memiliki dimensi yang berbeda dalam menampilkan bagian bagian dari image yang telah kita buat. Jika menggunakan kompi lawas susunan widget yang tersusun dari atas kebawah seperti popular posts akan terlihat lebih banyak.

Namun sebaliknya jika menggunakan layar kompi terbaru dengan dimensi ratio 16:9, sebagian widget akan tersembunyi.

2. Jika menggunakan JQuery

Nah karena hal tersebutlah saya akhirnya memilih trik JQuery, yakni memanfaatkan JavaScript untuk pembuatannya, elemen ini dapat diterapkan pada wordpress, untuk blogspot kodenya dapat sobat letakan diatas kode </body> dengan menambahkan tag pembuka <script> dan menutupnya dengan </script>:
<script>$(function() { var $sidebar = $("#sidebar"), $window = $(window), offset = $sidebar.offset(), topPadding = 70; $window.scroll(function() { if ($window.scrollTop() > offset.top) { $sidebar.stop().animate({ marginTop: $window.scrollTop() - offset.top + topPadding }); } else { $sidebar.stop().animate({ marginTop: 0 }); } }); });</script>
Perhatikan kode yang saya merahkan, kode tersebut dapat sobat ganti dengan #PopularPosts1 atau widget lainnya. Tidak ada perbedaan dengan cara lain yang mungkin pernah sobat cobakan, tetapi cara ini memiliki kelebihan yakni efek animasinya. Sidebarnya seolah lengket dan ada karetnya, he he he...Cobalah!

Tidak mengganggu posisi iklan

Cara kedua diatas (dengan JQuerry) tidak akan mengganggu penempatan iklan. Bahkan menurut saya iklan jadi terlihat "sopan" karna tidak akan kentara. Cara penempatan Iklan Adsennya adalah diatas posisi PopularPosts (Jika sobat mengganti #sidebar dengan #PopularPosts1 

Perhatikan sidebar editblogtema ini: Anggaplah "tentang saya" sebagai widget iklan adsense, saya pasti akan menempatkannya diatas "Popularposts"

Trik ini saya buat setelah beberapa kali melakukan percobaan, beberapa keluhan penggunaan sticky sidebar biasanya adalah penempatan iklan terganggu, bisa tersembunyi sebagian bisa keseluruhan pada ukuran layar tertentu. Tetapi hal ini tidak akan terjadi pada sticky sidebar yang saya pergunakan ini, sifatnya yang "karet' atau pegas itu membuatnya dapat menampilkan sekalipun selusin widget ditempatkan pada sidebar.

Kecuali jika sobat ingin iklannya terus ter"ekspos" di sidebar secara fixed silahkan menggunakan trik penempatan CSS (cara pertama) yakni dengan cara menempatkan kodenya pada bagian tag <head> atau diatas </head>

SHARE YA:

you asked we answer

Menilik kepada ukuran layar yang terbatas seperti layar ponsel atau smartphone, ada dua cara yang dapat kita lakukan agar menu navigasi pada hape tetap terlihat "horisontal" daripada "dropdown atau vertikal".  Menampilkan Menu navigasi horisontal yang mirip dengan tampilan pada layar desktop PC bukanlah ide yang bagus karena tidak responsif. Namun saya ingin mengajukan solusi yang telah ada pada tutorial tutorial kelas online dan menerapkannya ke halaman blogger.

Mungkin ada 2 cara yang dapat di ambil"

1. Cara pertama: Menampilkan hanya 3 menu pada bar navigasi, namun disamping sangat terbatasnya sub-menu yang dapat ditampilkan, karena salah satu atau semua menu bisa menjadi vertical susunannya, Saya melihat ini sedikit bermasalah dengan penyesuaian pada setiap ukuran layar yang lebih kecil. Apalagi jika Anda memilih ukuran font yang lebih besar.

2. Cara kedua: Membuat menu sliding atau horizontal scrollable sehingga setiap submenu dapat tampil tanpa batas secara horisontal pada layar mobile/hape/smartphone. Menu dapat digeser dari kanan ke kiri dan sebaliknya. Sepertinya saya telah membuat kedua tutorial diatas dalam blog ini. Anda dapat memperhatikan menu scrollabe pada tampilan template blog ini.

Cara kedua ini yang paling masuk akal dan diterima karena dapat menampilkan menu tanpa batas dan tidak perlu menu drop down lagi. Tinggal geser menu ke kiri dan ke kanan untuk menampilkannya.

Pertanyaan adalah aset yang berharga bagi blog ini, tentu saja adalah karena masalah desain atau masalah tampilan sebuah blog bersifat selera pribadi dan pilihannya semakin banyak dari waktu ke waktu.

Menjawab pertanyaan dari Anda diatas saya akan memberikan solusinya dan saya harap itu akan cukup mewakili teman teman yang lain juga.

Perhatikan animated gift dibawah ini:

tampilan navbar mobile
tampilan navbar mobile untuk layar hape template contempo
 
MENGAPA MENU NAVIGASI BLOG GAYA HORISONTAL PADA LAYAR HAPE?
  • Karena responsif dan mobile friendly sesuai dengan misi blogging modern
  • Karena ia ringan (tidak menggunakan javascript hanya HTML dan CSS saja)
  • Karena ia mulai menjadi trend masa kini, lihat media media besar mulai menggunakannya.
Saya akan menjelaskan teknik membuat menu navigasi "cara kedua" karena:

  1. Mudah dibuat
  2. Hanya menggunakan HTML, CSS
  3. Tidak menggunakan JavaScript
  4. Benar benar pure horisontal sliding
  5. Bisa diterapkan ke template default (bawaan) model lama dan model baru blogspot

Baca juga: 

HORIZONTAL SCROLLING MENU NAVIGASI PALING SIMPEL DAN PALING RESPONSIF UNTUK BLOGGER


Fiturnya:

Fixed Navigasi, artinya biarpun konten di scroll ke atas dan kebawah menu navigasi akan tetap terlihat keberadaannya diatas header.
Warna mudah diganti sesuai keinginan bahkan jika Anda ingin warnanya menjadi gradasi.
Cara menerapkannya:

1. Langkah pertama tambahkan CSS:

  1. Masuk kepengaturan blog:
  2. Pilih tema atau theme
  3. Plih editHTML
  4. Cari kode </head> dan letakan kode berikut tepat diatasnya: 
<style>div.scrollmenu {top:0px; background-color: #4682B4; overflow: auto; white-space: nowrap;position:fixed;z-index:99;width: 100%;height: 55px;}
div.scrollmenu a { display: inline-block;font-size: 16px; color: white; text-align: center; padding: 17px; text-decoration: none;}
div.scrollmenu a:hover { background-color: #777;}</style>

Kode yang saya sorot kuning adalah kode warna latar menu yang dapat Anda robah sendiri jika Anda menginginkan warna latar yang berbeda.

2. Langkah kedua tambahkan HTML:

  1. Masuk kepengaturan blog:
  2. Pilih tema atau theme
  3. Plih editHTML
  4. Cari kode <body> dan letakan kode berikut tepat diatasnya (atau letakan saja dibawah </head> : 
<div class='scrollmenu'> <a href='/'>Beranda</a> <a href='#news'>Berita</a> <a href='#contact'>Kontak</a> <a href='#about'>Perihal</a> <a href='#support'>Dukungan</a> <a href='#blog'>Blog</a> <a href='#tools'>Tools</a> <a href='#base'>Basis</a> <a href='#custom'>Kustom</a> <a href='#more'>Lebih banyak</a> <a href='#logo'>Logo</a> <a href='#friends'>Teman</a> <a href='#partners'>Partners</a> <a href='#people'>Orang</a> <a href='#work'>Pekerjaan</a></div> 

Anda bisa mengganti setiap tagar ('#about') dengan link blog daripada konten yang Anda inginkan.

Save tema. Lihat hasilnya melalui layar hape atau layar yang lebih kecil (mobile) dan coba usap menu ke kiri dan ke kanan melalui layar hape, menu akan terlihat sliding dengan mulus.


www.editblogtema.net

SHARE YA:

Well, Jika ditambahi dengan asesories...

Tablet dan keyboard bluetooth milik penulis
Tablet dan keyboard bluetooth milik penulis
Ini telah lama saya manfaatkan buat ngeblog: Keyboard dan bluetooth. Dan secara konvensional sangat umum dipakai untuk melengkapi PC Dekstop dan Laptop.
Tetapi kemudian zaman berubah, sejak tahun 2014 saya lebih sering duduk di kafe. Membawa laptop itu lumayan mencolok dan berat, setipis apapun sebuah laptop dimensinya tetap saja besar apalagi desktop gak bakalan bisa diajak "jalan-jalan" benar, zaman sudah sedemikian mobilnya dalam hidup saya.

Tahun 2015 saya mulai memanfaatkan hape buat menulis dan tahun 2016 awal saya belajar koding dengan sungguh sungguh terutama karena berkaitan dengan desain web. Waktu itu cukup pusing menuliskan struktur HTML dengan memanfaatkan notepad android dan mengkompile-nya ke halaman web. Saya terpaksa menunggu pulang ke rumah dulu.

Tetapi saya akhirnya melihat peluang ini: Internet 4G, Platform Android dan iOS yang semakin kuat mendekati PC, saya membaca banyak keyboard bluetooth dan mouse bluetooth telah di produksi dan saya mencobanya satu demi satu dari toko ke toko. Semua asesories penting ini ternyata bekerja dengan baik. Ada yang harganya murah, ada yang modelnya cantik, ada yang mereknya sangat terkenal. Saya memilih yang branded dan memang terdapat perbedaan pada saat mencobanya.

Saya membeli ini: Keyboard bluetooth yang mungil dapat dilipat dan dimasukan ke dalam saku seharga 30 dollar Singapore dan sebuah mouse dengan merek yang sama namun dengan harga separohnya. Keduanya saya pakai untuk menulis melalui tablet dan hape android hingga empat tahun sampai sekarang, dan telah menghasilkan 800 artikel pada 4 blog saya, termasuk beberapa puluh artikel dalam bahasa lain yang saya kuasai. Namun pada tulisan ini saya tidak menuliskan detail pengalaman saya, tetapi semata mata ingin berbagi bagaimana teknologi mobile yang ditawarkan telah menjadi kenyataan.

1. MENULIS VIA HAPE DENGAN KEYBOARD
Alasan mengapa menulis menggunakan asesories ini adalah:
  1. Keyboard bluetooth mudah dilipat menjadi seukuran saku bukan cuma mudah dimasukan kedalam tas
  2. mouse bluetooth dapat membantu navigasi pada layar dengan lebih nyaman
  3. Kedua asesories pada tahun belakangan telah menggunakan teknologi bluetooth generasi ke empat yang nyaris tidak memiliki masalah dengan konektivitas.
  4. Sangat berguna buat penulisan dan pengeditan HTML didalam template atau editor online blog.
  5. Ketika sobat berada di dalam kafe seorang diri dan menulis kebanyakan teman teman tidak sadar bahwa kita sedang ngeblog.
sangat cocok dipakai buat menulis via hape
Kebanyakan pengguna mengatakan pengalaman yang berbeda saat menulis via keyboard dibanding via layar sentuh saat menulis artikel panjang, dengan keyboard layar akan berubah menjadi penuh karena UI (user interface) sistem android menyesuaikan dirinya pada saat perangkat hape terhubung ke keyboard melalui bluetooth layar menjadi penuh dan layar menjadi lega. Sebaliknya pada saat menulis dan mengetik memanfaatkan papan ketik layar, maka layar akan terpotong atau tersita oleh tampilan papan ketik sentuh bawaan android atau iOS.

Akan tetapi teknologi papan ketik fisik bluetooth juga akan terus berkembang: Semakin tipis, semakin simpel namun lengkap, semakin menakjubkan. Contohnya papan ketik yang bisa dilipat bahkan menajdi sangat kecil seolah itu hanyalah sebuah stik seuukuran panjang ballpoint!
contoh keyboard saku kecil
Contohnya produk TextBlade seperti penampakan gambar diatas seperti terlihat pada saat dilipat ukurannya menjadi sangat simpel dan kecil saja. Saya pribadi punya rencana untuk mencoba produk ini buat menulis. Ukurannya sendiri hanya 1/3 ukuran hape ukuran 5 inch namun ketika direntang memiliki dimensi yang pas ditangan. Proudk ini sangat menarik karena memiliki lampu led pemberitahuan untuk nofikasi penulisan tertentu, dengan hanya sedkit waktu untuk membiasakan diri sobat akan menjadi sangat terbiasa dengan cara pengetikannya dan cara ini di klaim mampu meningkatkan kecepatan pengetikan.
keyboard mungil dipasangkan ke hape
Tidak hanya cocok buat hape produk ini cocok juga buat PC desktop, tablet dan laptop. Konektivitasnya sangat repsonsive dan cepat. Powernya dari mana ya? Oh jangan kuatir! Keyboard ini di charge dan satu kali charge diklaim dapat bertahan hingga berbulan bulan!
cara charge keyboard textblade
Well, itu hanya contoh saja. Yang sangat menarik adalah keyboard ini memang beda dan menawarkan cara mengetik yang telah disesuaikan dengan ergonomic alamiah tangan manusia sehingga di klaim setelah beberapa waktu terbiasa akan membuat kita mengetik lebih cepat dan efesien.

2. MENULIS VIA HAPE DENGAN KEYBOARD DAN MOUSE
Mengapa setelah memiliki keyboard harus memiliki mouse lagi? Ini khusus bagi yang "advance" bro. Karena mouse itu penting untuk menavigasi layar pada saat melakukan pekerjaan membuat konten khusus atau membuat widget/gagdet untuk keperluan desain tema blog misalnya.

Sobat tau, tidak akan mudah memindah mindahkan gagdet pada halaman dasbor blog dengan cara menyentuhnya dengan jari, perhatikan gambar halaman pengaturan blog ini:

tidak dapat di geser melalui sentuhan jari
Dapatkan sobat memindahkan gagdget-misalnya gagdet"arsip blog" keatas badan halaman dengan cara menyentuh dan menekannya? Tidak bisa. Sistem android belum membuatkan user interface untuk itu. Namun sobat bisa meletakan kursor mouse jika sobat menggunakan kursor bluetooth untuk android, mendrag gagdet tersebut kemanapun pada posisi yang tersedia pada tataletak pengaturan di dasbor blogspot . Itu alasan utama saya merekomendasikan mouse buat asesories mobile.

Bukan hanya itu, pada saat menavigasi pengeditan JavaScript/HTML pada halaman deditor online navigasi mouse sangat diperlukan agar penorotan lebih fokus dan terarah.
dengan asesories lengkap: bluetooth keyboard dan bluetooth mouse
3. MUDAH DAN TIDAK LAGI RIBET
Alasan menggunakan ini semata mata karena memang lebih mobile dan praktis. Hape memiliki kelebihan dan potensi yang lebih banyak dibanding sebuah laptop pada zaman sekarang. 
  • Bisa buat nelpon, panggilan darurat
  • Bisa buat chatting, video call
  • Bisa buat nulis artikel panjang dan pendek bahkan telah digunakan buat menulis novel oleh para penulis dunia termasuk JK. Rowling.
  • Bisa buat mengedit dan nulis koding seperti HTML, CSS, Java Script dst.
  • Bisa buat moto dengan kualitas tinggi
  • Bisa buat nulis dan berkirim email, mengedit pekerjaan kantor melalui aplikasi perkantoran seperti excel, ms.word dan presentation.
  • Bisa buat kalkulator
  • Bisa jadi penterjamah/Juru bahasa saat berada diluar negeri
  • Memiliki banyak aplikasi menakjubkan
  • Mengedit Gambar dan video 
  • Mendengarkan musik
  • Konektivitas semakin cepat dan tinggi
  • Sistem operasi mobile sudah nyaris sama kuatnya dengan sistem operasi PC layar besar. Dan tentu saja jauh lebih cepat berkembang
  • Bisa buat jualan online
  • Bisa buat main game online lebih seru
  • Bisa dibuat untuk belajar banyak hal online
  • Bisa buat pembayaran sebagai pengganti kartu kredit, bisa buat bayar tagihan listrik air, bayar pajak dll.

Waktu juga terus berjalan dan terus membawa inovasi baru, saya tidak melihat mengapa orang masih harus bertahan dengan PC dan Laptop jika gagdet didalam genggaman tangan mereka dapat berfungsi dengan baik. Dan mengapa mereka tidak mencoba memanfaatkannya.

Saya juga tidak melihat invosi lain yang secepat dan semassive gagdet genggam seperti ponsel dalam hal kecepatan konektivitas. Lagipula Google sendiri pada akhirnya mengutamakan channel mobile untuk lini bisnis mereka. Ditambah lagi pengguna mobile di dunia ini semakin bertambah berlipat lipat dari segala kalangan: miskin-kaya, terpelajar atau tidak. Sementara pengguna laptop terus menurun tajam dari tahun ketahun. Yang tersisa tentu saja hanya pada lini kegiatan yang khusus menggunakan PC/Laptop.

Bisnis mobile juga masih berkembang pada tingkat menggiurkan.

4. SEKUAT PC/LAPTOP
Bekerja mobile apabila dilakukan dengan bantuan asesories asesories ini sobat tidak akan dapat membedakannya lagi dengan apabila sobat menggunakan PC/Laptop konvensional. Istilah konvensional telah cocok dipergunakan buat pengguna laptop di beberapa negara maju memang terdapat pemakaian istilah ini cara "old time" mulai perlahan lahan melekat pada predikat pengguna PC/laptop.

Sama halnya cara membaca koran melalui koran konvensional, dibanding dengan cara membaca melalui gagdet zaman now. Dibeberapa tempat saya sudah sangat jarang melihat orang menggunakan laptop pada saat meeting dibanding tahun tahun sebelumnya. Saya melihat mereka menggunakan tablet jenis jenis surface, iPad dan tablet high end Android saat melakukan presentasi.

Beruntungnya sekarang terdapat banyak hape hape dan tablet murah seharga satu jutaan dengan speks yang mumpuni. Atau gagdet bekas dengan garansi dengan harga 2-3 lipat dibawah baru.

Saya juga kagum dengan perkembangan bahasa pemrograman. Misalnya meskipun saya menulis kode kode melalui halaman editor online malalui hape dan tablet saya tetap bisa mengatur bagaimana bentuk tampilan yang saya inginkan nanti jika di lihat oleh pengunjung melalui layar lebar desktop dan laptop melalui  @Media Query. Ini sungguh menyenangkan dan kita juga ternyata bisa menjadi desainer secara mobile!
untuk pengaturan tampilan halaman blog pada berbagai ukuran layar
Gambar halaman online editor pada pengaturan atau dasbor blogspot
Hanya dengan menuliskan ukuran dan mengikuti standard yang sudah baku kita dapat menentukan seperti apa normalnya tampilan dan ujud halalaman blog kita pada setiap ukuran layar yang berbeda. Dan itu semua dapat kita lakukan melalui hape dan tablet dan akan menjadi sangat mudah berkat bantuan asesories bluetooth keyboard dan bluetooth mouse untuk android dan iOS seperti yang telah kita bahas diatas.

Apakah menulis koding bisa sepenuhnya melalui gadget gadget genggam ini?

Saya katakan bisa melaui tablet dibantu keyboard bluetooth, dan trackpad atau mouse. 6 buah templat saya buat sepenuhnya melaui tablet dan hape android.

Namun bukan itu alasannya mengapa pada akhirnya saya memprediksi hampir setiap orang bisa melakukannya:
  • Praktis itu jelas karena ukurannya yang mobile, jauh masih lebih nyaman nenteng tablet kemana mana ketimbang laptop.
  • Lengkap, hampir semua kebutuhan komputer masa sekarang disupport oleh tablet dan hape android. Aplikasi perkantoran gratis, file manager yang beragam, dukungan aplikasi web yang lebih kaya.
  • Inovatif. Gadget genggam lebih cepat berkembang dibanding laptop dan PC, tidak ada lagi masalah saat menulis dan mengedit koding atau bahasa pemrograman UI dan UX-nya terus meningkat dan disesuaikan dengan kebutuhan skill manusia, sungguh menakjubkan karena rasanya masih banyak yang belum kita eksplorasi daripada potensi gadget kedepannya dalam hal berproduktivitas (mengambil alih semua pekerjaan PC) asesories dibuat bukan hanya meningkatkan fungsi dariada gadget tapi juga mampu "mengekstanded" tenaga dan daya.
  • Generasi Z. Peralihan dari generasi Y atau generasi millenium yang sekarang sudah pada jadi bapak bapak dan mak mak ke generasi berikutnya juga turut menjadi tanda akan kehadiran life style yang berbeda dalam hal tulis-menulis. Semuanya karena dan berkat teknologi.
  • Yang penting aplikasi menulis koding via mobile telah banyak dikembangkan oleh pengembang, dan rasanya dari waktu kewaktu semakin user friendly saja. Saya masih menggunakan laptop, tapi aplikasinya hanya itu ke itu saja.
Oke sobat, jumpa lagi pada postingan berikutnya.

SHARE YA:

Menjadi penulis di blogspot
Sebuah blog masa kini adalah sebuah halaman yang dikelola oleh seseorang dan misinya sudah jauh berbeda dengan misi blog pada awal ditemukan. Dulu blog bersifat sangat personal, tidak ada ads, pelakunya sangat terbatas dan seiring waktu di Blog sekarang bisa menjadi ladang uang hampir setiap orang dengan mudah menjadi blogger.

Dan pada saat sekarang pada kenyataannya hanya dengan ngeblog beberapa orang beruntung meraup puluhan juta rupiah perbulan, yang jelas bukan saya. Saya masih meraup uang dengan kerja keras di dunia nyata yang lebih kejam (bercanda).

Saya tidak ingin membuat sobat skeptis, saya melihat sendiri orang berbisnis melalui blog mereka di tanah air dan di negeri jiran, pada kenyataannya mereka memang bisa hidup dengan itu. Yang sobat butuhkan adalah bekerja keras, membuat konten konten yang bermutu. Namun perlu dicatat:
  • Umumnya blogger sukses itu adalah pemain lama, wajar mereka telah melewati waktu dan perjuangan yang panjang hingga sampai ketahap sekarang. Salah satunya blogger seperti Mas Timun yang berhasil mendapatkan kehidupan layak hanya dengan cara blog yang integrasikan menjadi bisnis rumahan. 
  • Mereka menguasai teknik menulis dan seni ngeblog yang sudah mumpuni. Wajar juga karena pengalaman. Namun ada banyak orang yang tidak bisa belajar dari pengalaman.
  • Konten konten mereka umumnya ditulis ulang oleh banyak blogger pemula sekarang, wajar jika rating konten konten "pelopor" tersebut menjadi naik nilainya di mesin pencari dan berada diatas daftar.
  • Bahkan sebagian mereka tidak segan segan memakai jasa promosi berbayar untuk mengkampanyekan konten konten mereka. Jasa promo model ini telah banyak tersedia baik melalui Facebook, maupun Google Ads. Pemula harus pikir panjang kalau mau ikutan cara ini, disamping blog belum menghasilkan modal, faktor spekulasinya masih tetap tinggi.
Namun tidak berarti blogger pemula tidak memiliki terobosan dalam menghadapi tantangan dan perubahan demi perubahan yang terjadi baik secara nilai maupun secara teknis misalnya ketika algoritma mesin pencari berubah dari waktu ke waktu karena harus menyesuaikan kondisi dan kebutuhan teknis di "lapangan", terkadang mesin pencari dapat membuat sebuah konten menjadi begitu mudahnya ditemukan atau ditempatkan pada posisi untuk mudah ditemukan.

TIPS UNTUK PEMULA MEMBUAT KONTEN BIAR TERINDEX GOOGLE.

Mesin adalah mesin, mereka benar benar bekerja seperti yang diprogramkan kepada mereka. Namun secara garis besar dapat disimpulkan:
  • Gunakan tema atau template fast loading atau cepat. Ada beberapa jenis templat yang cepat sekali membuat konten terindex dan ditemukan oleh mesin pencari. Misalnya template buatan kompi ajaib. Ada juga templat yang kuat dan popular seperti viomagz buatan mas Sugeng yang walaupun agak lambat namun mampu membuat konten menjadi awet. Saya memakai templat besutan saya sendiri karena cepat dan fast loading. Juga karena saya senang mengupdate dan meningkatkan fitur fiturnya melalui cara saya sendiri.
  • Tema popular memang terbukti bagus, namun sobat juga terperangkap menggunakan templat seribu umat dan situs blog menjadi mirip semua. Edit tampilannya agar menjadi berbeda.
  • Buat satu konten viral untuk menaikan trafik. Ini tidak mudah dan seperti sebuah spekulasi, namun dengan kepiawaian memilih dan mempergunakan keyword, konten sobat akan menjadi banyak sekali dikunjungi orang. Walaupun artikel serupa juga telah ditulis orang.
  • Tentu saja buat konten yang memang dibutuhkan orang. Namun tanpa promosi dan usaha pengoptimalan, konten akan tenggelam dalam hiruk pikuk terikan para blogger dan para websider di internet.
Masih ada? Jangan malas menulis, mengedit, memperbaiki dan berbagi.

www.editblogtema.net

SHARE YA:

CARA MEMBATALKAN AKUN ADSENSE

2 komentar

Mei 12, 2019

tolong batalkan akun adsense saya!
Membatalkan akun adsense juga kalau tidak tahu caranya cukup bikin bingung, sob. Sama seperti gimana caranya setting Google domain ya...pertanyaan pertanyaan yang terulang ulang sepanjang waktu daripada lupa mending saya catat saja di blog personal ini, soalnya saya sudah membatalkan beberapa akun adsense, adapun alasannya:
  1. Satu adsense kena ban tapi IDnya tetap gantung di blog saya, gak enak banget bacanya: "Akun yang dikaitkan dengan nomor penayang ca-pub-xxxxxxxxxx tidak disetujui. Pelajari lebih lanjut...." asli itu kena ban. Berkali kali saya mencari cara menghapusnya gagal maning..ternyata caranya sederhana saja.
  2. Satu adsense lagi telah hampir satu tahun penghasilannya gak nyampai nyampai $100, saya langsung putuskan ketimbang memberatkan loading mending saya batalkan saja. Jadi disana muncul notififkasi: "Are You Sure?" (Anda Yakin?). Bah, saya yakin banget, lolzzz... gak akan jadi publisher iklan lagi selamanya. Soalnya sudah ada lobang lain yang terbukti..bla bla...lagipula tujuan awal ngeblog adalah HOBI saja. Dulu daftar adsense juga karena pingin tahu dan ikut ikutan saja.
Siapapun yang mengalami situasi sama seperti diatas lebih baik hapus saja adsense tersebut terutama untuk point nomor. 1. Kalau point nomor 2 jangan ikut jejak saya yang gak penyabar ini he he he...

Caranya:

Masuk ke Link dibawah ini:
https://support.google.com/adsense/contact/account_cancel
Nanti akan muncul form permohonan pembatalan adsense sobat isi saja dengan ID akun adsense dengan cara:

  • Masuk kepengaturan blogger-blogspot
  • Klik "$ penghasilan"
  • Saat terbuka akan muncul Gambar berikut:
tolong batalkan akun adsense saya!
Setelah itu wah...lega banget rasanya.


www.editblogtema.net

SHARE YA:

elegan, klasik, responsive dan mobile friendly
Akhirnya update saya lakukan setelah seminggu "EditblogTema Klasik" ini saya buat. Template ini adalah bagian dari projek non-AMP dan sekarang saya pergunakan untuk percobaan menulis Novel, cerbung, dan cerita pendek. Tidak didaftarkan ke Google webmaster, tapi ajaibnya sebagian konten kontennya malahan telah terindex otomatis, saya rasa memang mesin pencari Google memang tidak pernah pilih kasih he he he...
Lihat DEMO
Template ini pada awalnya saya buat, boleh percaya boleh tidak, dibuat hanya dengan hape OPPO A3 dan Tablet Samsung Galaxy S2. Karuan saja template ini lebih ke "mobile oriented" dasarnya adalah template default simple classic blogspot, tapi jangan salah penambahan elemennya membuat dia ini jadi berubah ganteng, cakep, cantik dan ayu. He he he...Tapi dia adalah template HTML Classic.

Speks:

FITUR
MOBILE
DESKTOP
Klasik/modern
Ya, sekarang
support versi 2 dan versi 3
Ya,
sekarang
support versi 2 dan versi 3
Valid HTML
Ya
Ya
Dapat di edit via blogger designer
Ya
Ya
Menu Navigasi
full responsive
full responsive
Menu Pencarian
tadinya
full responsive
Kini :
opentab
responsive
tadinya
full responsive
Kini :
opentab
responsive
Ads ready
Ya
Ya
Back to top
Ya
Ya
BreadCrumb
Ya
tadinya:
disable
Kini: enabled
Related posts
Ya
tadinya:
disabled
Kini:enabled
Auto read more
Ya
Ya
Mobile friendly
Ya
-
Responsive
Ya
Ya
Sistem Komentar
Default
Default
Tombol berbagi
AddtoAny
default saja
Font-size
Kustom default
default

MENU NAVIGASI DAN TOMBOL PENCARIAN (Menambahkan menu dropdown)

Menu Navigasi dibuat full responsive untuk semua ukuran layar dan memiliki fitur "fixed" yakni tetap berada diatas dan siap selalu membantu navigasi, sedangkan menu atau tombol pencariannya saya gunakan menu pencarian full screen.

Awalnya Breadcrumb dan related post saya "disable" dari tampilan desktop. Ini kebalikan dari kebiasaan yang men-disable tampilan tersebut untuk versi mobile. Saya faham..saya faham. Tapi jangan kuatir Sekarang semua fitur telah saya "enabled" kecuali popular posts untuk tampilan mobile saya rasa kurang begitu penting karena posisinya dibawah.

Pun, kalau sobat mau utak utik sendiri halaman editor HTML blogger (hitung hitung sambil belajar) sobat akan dapat dengan mudah meng"enable" semua fitur yang sengaja saya kunci. Lagipula saya pasti akan membuat tutorial cara mengedit tema tema ini agar menjadi seperti buatan sobat sendiri.

Dan yang paling penting kecuali menu navigasinya, Template ini juga mudah di edit melalui opsi blogger designer.

CARA MENGEDIT MENU DAN MERUBAH NAMA BLOG:

Masuk kepengaturan blogspot:
  • Pada dasbor pilih tema atau theme
  • Lalu pilih Edit HTML, dan akan terbuka halaman editorial HTML blogspot.
  • Pada halaman editorial HTML cari kode </head> karena dibawahnya terdapat untuaian kode sebagai berikut:

<div class='topnav' id='myTopnav'>
  <a class='active' href='/'><small><h1>NAMA BLOG SOBAT</h1></small></a>
  <a href='LINK SOBAT'>NAMA MENU</a>
<a href='LINK SOBAT'>NAMA MENU</a>

<div class='dropdown'>
    <button class='dropbtn'>More 
      <i class='fa fa-caret-down'/>
    </button>
    <div class='dropdown-content'>
<a href='LINK KOTAK SOBAT'>Formulir Kontak</a>
      <a href='#'>Link 1</a>
      <a href='#'>Link 2</a>
      <a href='#'>Link 3</a>
    </div>
  </div> 
<a href='LINK SOBAT'>Perihal</a>

Ganti tulisan yang saya sorot warna kuning dengan link konten blog sobat sendiri sesuai label yang ingin ditampilkan
Ganti tulisan yang saya sorot merah dengan nama Menu yang sesuai seperti keinginan sobat sendiri.

CARA MENGHILANGKAN OPSI FIXED PADA SIDEBAR:

Untuk sementara saya sedang bereksprimen membuat "sidebar sticky" tanpa JavaScript hasilnya malah jadi "fixed" bagi yang tidak menyukainya silahkan masuk ke pengaturan blogger:
  • Pada dasbor pilih tema atau theme
  • Lalu pilih Edit HTML, dan akan terbuka halaman editorial HTML blogspot.
  • Pada halaman editorial HTML cari kode </head> karena dibawahnya terdapat untuaian kode sebagai berikut:
#PopularPosts1{
  position: fixed;
  top: 10;
margin: 20px;
max-width:320px;
padding-top: 10px;
z-index:60;
 @media screen and (max-width: 800px) 
@media screen and (max-width: 600px)
@media screen and (max-width: 400px) {
  @media screen and (max-width: 320px) {
Hapus saja seluruh kode tersebut dan SAVE tema.
Tampilan image DEMO
Berminat silahkan request.  Tema ini juga telah diminati oleh teman teman dari Rusia dan Amerika. Tidak ada kredit!
Lebih banyak Kunjungi Project template kami DEMO PAGE

www.editblogtema.net

SHARE YA:

"Fixed" tentu saja berbeda dengan "Sticky", misalnya popular posts editblogtema sekarang ini menggunakan "Sticky" popular posts lengket di sidebar kanannya yakni pada saat konten atau postingan blog di scroll baik keatas maupun kebawah popular post mengikuti dan lalu berhenti pada batas tertentu.
gambar template simple buatan editblogtema
Sedangkan fixed berarti tetap berada di sidebar pada saat postingan atau konten blog di scroll baik keatas maupun kebawah. Tentu saja kedua teknik memiliki baik kekurangan maupun kelebihan masing masing, mari kita lihat:
  • Sticky. Memiliki keuntungan karena popular post atau gadget mengikuti dan bisa berhenti pada titik tertentu. Jumlah gagdet popular post yang ditampilkan juga tidak terbatas mau berapa, seluruhnya bisa ditampilkan dengan cara di scroll. Kelemahan: Mengharuskan pemasangan JavaScript, sedangkan JavaScript cukup merugikan kecepatan loading blog. Tidak setiap template bisa bekerja dengan mudah  melalui hal tersebut.
  • Fixed. Hanya memanfaatkan aba aba CSS yang ringan. Item tetap berada ditempat dan tidak bergerak pada saat konten atau postingan blog di scroll baik ke atas maupun ke bawah. Kelemahan: Tidak semua jumlah postingan dapat ditampilkan, sebaiknya jika memasang popular post dengan trik Fixed ini hilangkan saja thumbnail popular posts pada pengaturan widget/Gadget blogspot, kalau pakai gambar sebaiknya tampilkan gadget atau popular post tidak lebih 3 saja jumlahnya. (saya sedang membuat perintah CSS agar fungsi fixed CSS ini sama dengan sticky yang menggunakan JavaScript)
  • Keduanya memiliki kelemahan yang sama: Sama sama hanya bisa tampil pada tampilan laptop dan desktop, dan tidak bisa tampil pada layar hape responsive

Tambahkan CSS

Jika sobat memang bermaksud membuat menu side bar menjadi "fixed" tidak perlu menambahkan HTML dan JavaScript, cukup optimalkan elemen yang telah ada.

Caranya tentu saja terlebih dahulu masuk kepengaturan blogger:

  1. Setelah masuk kepengaturan blogger pilih Tema atau Theme
  2. Lalu pilih Edit HTML dan menambahkan kode CSS dibawah ini diatas kode </head>:
<style>
#PopularPosts1{
position: fixed; 
max-width:320px;
 @media screen and (max-width: 800px) 
@media screen and (max-width: 600px)
@media screen and (max-width: 400px) {
  @media screen and (max-width: 320px) {
  }</style>
Peringatan! Cara ini tidak cocok di terapkan ke dalam template blogger karena fixed tidak sama dengan sticky. Ini hanya buat percobaan belaka.

Save Template.
Lihat DEMO
Kode ini masih sedang saya perbaiki agar berfungsi lebih mirip dengan "Sticky"
Hanya saja jika menampilkan popular posts dengan thumbnail gambar lebih baik jangan melebihi 3 itam ya...bukan apa apa, gak akan ditampilin semuanya. Disatu sisi ini cukup menguntungkan kecepatan loading blog. Sebagian trik ini berlaku untuk template klasik yang lebih tua dan tidak bekerja pada template terbaru yaitu pada bagian CSS untuk merobah tampilan popular postnya.
www.editblogtema.net

SHARE YA: