Hanif Pramono Suka dengan Pemrograman, suka belajar hal baru dan selalu mengembangkan dan meningkatkan untuk jadi Lebih Baik.

Mediumku Blogger: Template SEO, Fast Loading, Gratis, Mirip Medium

2 min read

download mediumish blogger

Dunia blogging sekarang sangat populer, ada banyak jenis konten pembahasan dalam blog. Nah salah satunya adalah pendidikan, teknologi, kesehatan, finansial dan lainya. Untuk menempati posisi page one, website haruslah memiliki performa SEO Onpage dan Offpage.

Salah satu cara optimasi seo onpage adalah dengan menggunakan template blog yang seo, fast loading, responsive. Itu merupakan aturan wajib yang perlu diterapkan dalam SEO terbaru.

Navigasi situs yang jelas, warna dan komponen template yang pas. Akan sangat berpengaruh dalam kemajuan suatu blog, terlebih jika mendukung struktur schema yang tepat. Nah kali ini saya akan share tentang template blogger seo, yang saya desain sendiri dan optimasi.

Template ini terinspirasi blog medium.com, sebenarnya template ini tersedia versi wordpress yaitu “Mediumish WordPress”. Namun itu merupakan versi berbayar yang ada, kalian bisa menggunakan template medium blogger / blogspot secara gratis.

 

Kelebihan Mediumku Blogger

  • SEO: Didukung dengan struktur kode yang optimal, merupakan optimasi seo onpage yang sangat pas dan saya terapkan di blog MasTekno.com
  • Fast Loading: Terbukti kecepatannya, karena menggunakan lazy load + kode yang sangat minimalis dan sudah di kompress.
  • Iklan Mudah: Pemasangan iklan sekarang mudah, hanya dengan memasang kode iklan di tata letak, iklan bisa tayang di tengah artikel dan sudah di optimasi.
  • HIGH CTR: Bagi kalian pengguna cpc, maka sangat cocok. Karena template mediumku blogger bisa meninggkatkan CTR iklan karena sudah di optimasi
  • Dan kelebihan lainya.

 

Cara Instalasi

Bagi anda yang belum tahu cara instalasi template ini, bisa simak tutorial berikut

  1. Langkah pertama, download template yang sudah ada.
  2. Buka blogger.com > klik Template.
  3. Lalu klik > Pulihkan > Upload > Pilih template [MasTekno] Mediumish-Blogger.xml
  4. Tunggu sampai selesai…

 

Cara Ganti Warna Template

  1. Buka Blogger > Template > Edit HTML
  2. Lalu cari kode mediumish-green.css > Ubah sesuai kinginan kalian : mediumish-red.css / mediumish-blue.css / mediumish-dark.css
  3. Disitu tersedia tiga warna merah, biru dan gelap

 

Kode Yang Perlu Diganti

Silahkan kalian cari kode berikut, jika menggunakan pc klik CTRL+F. Lalu cari kode berikut, dan sesuaikan sendiri.

  • ID-DISQUSMU di ubah sesuai id disqus. Atau buat dulu di disqus.com
  • SESUAIKAN_TRACKING_ANALYTICS isi dengan ID Google Analytic WEB kamu, contohnya UA-1234567-1.
  • ca-pub-ID-PUB-ANDA isi dengan PUB id anda. contohnya ca-pub-123456789.

 

Posting Artikel

Apabila anda menemui di artikel gambar utama ada dua, kalian bisa menambahkan style=”display:none” pada html kode gambar utama (hanya gambar utama) di urutan nomer 1.

 

Download Template Blogger: Medium

Template MediumishWordpress digunakan juga di berakal.com mastahseo.com dan website lainya. Mereka menggunakan wordpress dan merupakan versi berbayar. Tapi bagi kamu pengguna blogger, juga bisa loh dengan memakai template ini. Ini berbeda dengan versi wordpress, kalian bisa download template blogger mirip medium.

[DOWNLOAD] – [DEMO]

 

Terkait License & Hak Cipta Bisa di baca pada halaman github.

Template Ini Terinspirasi dari template medium dan mediumish. Namun struktur, css berbeda dengan mereka, hanya desain dasar mirip medium.

Kunjugi link diatas akan mengarah ke link github resmi, disitu kalian bisa dengan mudah mendownloadnya. Mungkin cukup sekian, penjelasan dari saya. Jika kalian punya pertanyaan,kalian bisa sampaikan di kolom komentar ya.


Hanif Pramono Suka dengan Pemrograman, suka belajar hal baru dan selalu mengembangkan dan meningkatkan untuk jadi Lebih Baik.
  1. Avatar Ferdinand berkata:

    Nanya mas, ini kan imagenya kaya pake efek ya, jd klo cuma dibuka tanpa di scroll dulu, imagenya blank. Bisa nggak ya imagenya dibuat tanpa efek? Langsung tampil gitu maksudnya, jadi nggak perlu scroll dulu supaya image yg blank di home dan postingan bisa tampil. Kalo bisa ngeditnya disebelah mana mas? Thanks

    1. Hanif Pramono Hanif Pramono berkata:

      Lazy load mas, itu supaya lebih optimal.

  2. Avatar akbar berkata:

    misi mas, saya bis unduh trus pasang di blogspot saya, cara ganti beranda menu sub menu gmn ya?
    saya nubi dan ga ad tutorialnya? hehe makasih.,

  3. Avatar Eko DIkul berkata:

    untuk yang medium wordpress, udah gk ada ya? Padahal itu bagus sih, di kembangkan lagi yang lebih simple mas. karna saya salah satu peminat kalo medium di buat simple dengan 2 kolom. web saya masih pakai generatepress gratisan web saya ginilo.xyz

  4. Avatar Rizkys berkata:

    Saya bingung, cara di warnain kaya mastekno gini gimana, itu kan warnanya polos, tolong bantuin mas, saya pake wordpress, kalo ada ganti warna biar ada birunya buat blog juga boleh mas

    1. Hanif Pramono Hanif Pramono berkata:

      Ini khsus blogger mas disini full coding, jadi gak ada fitur custom by dashboard wordpress. harus edit kode warnannya manual.

  5. Avatar Meidi Yuwono berkata:

    theme ini sudah fix breadcrumbs belum mas?

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

DarkLight