S͒E͒L͒A͒M͒A͒T͒ B͒E͒R͒K͒U͒N͒J͒U͒N͒G͒ ϐנєиαя ϐℓοg нοмє: Merubah tampilan widget populer post web/blog landscapes

Halaman

Selasa, 28 Mei 2019

Merubah tampilan widget populer post web/blog landscapes

Populer post thumnail landscap gambar kotak ukuran besar kecil
Ilustrasi gambar landscap web/blog

Menampilkan widget populer post bawaan blogspot di halaman web memang dengan mudah bisa di pasang,karena sudah disediakan oleh blogger dengan add new gadget dan pilih populer post <html> serta bisa pasang ditempat sesuai keinginan anda,untuk lebih jelasnya bisa baca: Menampilkan widget populer post bawaan blog
Tetapi fitur original standart blog terkadang kurang sesuai selera para admin blog,karena setiap admin tentu akan berbeda pula tema blog untuk tampilan thumbnail populer post yang dipasang dan sering gambar dalam ukuran lebih kecil, untuk merubah gambar thumbnail agar terlihat menarik dengan ukuran yang sesuai atau lebih besar dan terlihat jelas,anda harus menyetel sendiri script widget di template blog.
Hal pertama berterimakasih juga kepada pihak google untuk blogspot karena sudah menyediakan widget serta tidak menjadi repot membuat script populer post,walaupun banyak para admin blogger sering berbagi tentang script itu,bagi admin yang ingin dengan tampilan berbagai mode seperti slide,random,juga 3D.
Tetapi sebisa mungkin harus memilih script yang ringan agar tidak memberatkan halaman blog anda,karena Google sendiri menyukai halaman ringkas dan ringan dari segi SEO untuk mobile friendly dan mungkin bisa berbeda pula jika untuk human friendly.
Semua selera masing-masing para blogger...:D

Bacaan lain:

.cara desain tema bawaan blogspot.
.mengenal webmaster tool baru google search consule.
.cara mudah berteman di media sosial facebook.
.cara pasang tombol share di web/blog.
.menampilkan populer post bawaan blog ke versi mobile.
.cara mendaftar feedbarner untuk blog.


Ini adalah screen bentuk kotak dan landscape setelah di rubah ukuran dari template blog dari semula 72  menjadi yang kotak 200 dan yang landscape 340.

Jenis kotak
gambar

Jenis landscape
gambar

Adapun untuk merubahnya kita bisa masuk blog dan klik template lalu klik edit html,kemudian cari widget kode populer post,kurang lebih script code tersebut seperti ini:
<b:widget id='populer post1' locked='false' title= type='populer post' version='1'>
<b:widget-settings>...</b:widget settings>
<b:includable id='main'>...</b:includable></b:widget>

Ukuran yang boleh di rubah :
<b: with value='data post.featuredImage.isResizable?resizeImage (data:post.featuredImage,72 &quot; 1:1&quot;)
Anda boleh cari script itu dan jika tidak terlihat berarti masih tersembunyi di dalam tema,cobalah expand template pada tiga titik di widget setting atau id main  tersebut.
Setelah ketemu anda bisa merubah ukuran dari 72 menjadi 200 sampai 340 atau mungkin bisa sesuaikan dengan template blog anda.
Pada tampilan thumbnail untuk kotak ( &quot; 1:1 &quot ).
Jika ingin tampil ke landscape ganti menjadi ( &quot;2:1 &quot )
Kemudian berlanjut kalau ingin muncul ke versi mobile bisa tambahkan script ( mobile='yes' ) antara false dan title dari : ( <b:widget id='populer post1' locked='false' title= type='populer post' version='1'> ).
Menjadi seperti ini ( <b:widget id='populer post1' locked='false' mobile='yes' title= type='populer post' version='1'> )
Kemudian save tema dan bisa lihat hasilnya sendiri.

Jika pembaca ada yang lebih mengetahui hal ini,silahkan bagi komentar agar menjadi lebih bagus melengkapi artikel ini.

3 komentar:

  1. Greetings! Very useful advice within this article!
    It's the little changes that make the biggest changes. Many thanks for sharing!
    I am sure this piece of writing has touched all the internet people, its really
    really nice post on building up new blog. Woah! I'm really enjoying the template/theme of this site.
    It's simple, yet effective. A lot of times
    it's hard to get that "perfect balance" between usability and appearance.
    I must say that you've done a awesome job with this.
    In addition, the blog loads extremely quick for me on Internet explorer.
    Superb Blog! http://pepsi.net

    BalasHapus
    Balasan
    1. thank you, your comments are very helpful when giving additional disadvantages of this content.

      Hapus
  2. thank you for the comments, if you know the open source video script for blogs help send the code, because if the video is still starring it can be burdensome and not good in terms of Google's recommended SEO

    BalasHapus