S͒E͒L͒A͒M͒A͒T͒ B͒E͒R͒K͒U͒N͒J͒U͒N͒G͒ ϐנєиαя ϐℓοg нοмє: Mei 2019

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.
di 3 komentar:

Selasa, 14 Mei 2019

Memasang halaman facebook di website atau blog

. Gadget jenar

. Bidar alam

. Memasang halaman facebook di website atau blog
Pasang fanpage facebook di blog market place percantik halaman web
Gambar screen halaman facebook
FACEBOOK - memasang halaman media sosial di website atau blog mungkin sudah tidak asing bagi para admin di dunia internet.
Tidak terkecuali juga bagi yang baru mulai di dunia web atau blog,beberapa kegunaan atau keuntungan memasang halaman fanspage facebook di web / blog adalah akan dapat mempengaruhi eksternal SEO pada blog karena bukan tidak mungkin berjalannya waktu orang akan menemukan web kita melalui halaman facebook dan 7lebih bagusnya lagi akan terlihat  profesional dari segi SEO.
Untuk memasangnya juga tidak terbilang sulit dan yang paling penting sudah punya halaman di akun facebook.
Tetapi sebelumnya anda harus masuk dahulu dan membuat akun untuk website ke app developer facebook agar bisa untuk mengambil SDK atau iframe yang akan di pasang pada website atau blog dengan : Cara mendaftar ke app developer facebook
Setelah app developer sudah jadi dengan mengambil url fanspage dahulu lewat browser chrome atau firefox dan bisa juga dengan browser lain yang biasa pakai posisi berada di atas kotak adress bar untuk copy dan simpan di notepad,jika belum tahu boleh coba lihat dan tap/tekan pada gambar halaman baru saya dan akan terlihat url di atas browser, boleh juga kasih tombol suka atau share jika anda berkenan..:D
memasang halaman facebook di blog

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.


Kemudian masuk ke developer facebook dan cari plugin untuk halaman dan tap,akan terlihat menu untuk paste url fanspage,pada ukuran tampilan gambar bisa di rubah sesuai selera misal width:340 height:200 dan seterusnya,centang juga judul dan lainnya mau besar atau kecil selera anda,sreen:
gambar

gambar
Setelah semua sudah siap lalu bisa ambil code dan pilih dengan bentuk SDK javascript atau iframe.
Untuk SDK harus pasang mode edit html dan paste antara tag <head> pembuka dan penutup </head>
Jika ingin iframe bisa dengan layout widget blog,screen SDK / iframe :

SDK javascript.
gambar

Script iframe.
gambar
Karena ini mode iframe yang di ambil,anda bisa buka weblog dan tap layout,lalu tap new widget dan cari menu <html> dan tap untuk paste iframe,screen :
gambar

gambar

gambar
Setelah save iframe di widget,jika mau tampil ke mobile version bisa buka blog dan tap layout lalu tap edit html,kemudian cari code widget html tadi,setelah ketemu misal:
<b: widget id='html 1'  locked='false'  title=' ' type='html'>
Untuk tampil ke mobile version tambahkan code mobile='yes' antara 'false' - title =' dan menjadi ('false' mobile='yes' title =')
Kemudian boleh save template dan kembali lihat tampilan blog mobile,jika belum muncul  bisa ulangi menata penerapan di atas dengan posisi yang tepat sampai berhasil tampil ke versi mobile.
Jika pembaca ada yang lebih mengetahui hal ini,silahkan bagi komentar agar menjadi lebih bagus melengkapi artikel ini.
di Tidak ada komentar:

Minggu, 12 Mei 2019

Pengaturan kotak komentar web/blog tampil di mobile friendly

gambar

Sebelum membuat script box comment blog agar muncul ke versi mobile,ada baiknya membahas setting komentar web/blog secara anonymous terlebih dahulu,kenapa harus begitu?
Pengaturan anonim ini memang bisa untuk dijadikan referensi,karena memudahkan bagi pengunjung web/blog secara publik dan siapa saja boleh berkomentar dengan mudah tanpa harus pengguna khusus saja yang bisa mengomentari halaman weblog.
Tetapi setting komentar anonim ini terkadang bukan berarti tidak mengalami kendala di website, karena ini bersifat ke semua orang,maka yang biasa terjadi secara umum dan bukan tidak mungkin akan adanya masuk komentar yang tidak sesuai dengan topik content halaman serta ucapan atau tulisan kata yang tidak mendasar (funda mental),hal seperti ini biasa terjadi bukan hanya di weblog saja,bermaksud ingin memudahkan pengunjung untuk berkomentar terkadang malah terkesan seperti spam di blog...:D.
Is ok...karena memang di setting secara anonim,lalu apakah sebagai admin blog harus marah?..:D terkadang bukan marah,tetapi bentuk reflek kesal karena melihat ketidak sesuaian dengan apa topik content pembahasan,positif insting normal seperti itu.
Biarlah orang menanggapi karena memang setting anonim,toh jika admin blog ingin mengetahui darimana sumber  komentar itu datang bisa menggunakan startcounter misalnya dan akan terlihat wilayah serta Negara berasal juga kartu SIM yang dipakai walaupun bersifat anonim.

Baca juga :

.Cara embed post facebook ke website/Blog.
.Mendaftarkan web/blog ke yandex webmaster tool
.Menapak sejarah kesultanan cirebon di pegunungan jati
.mengenal dan menggunakan bing webmaster tool untuk blog
.perbedaan fitri dan fitrah di hari raya islam
.cara setting logo nama web/blog posisi ditengah header


Untuk setting komentar anonim ke semua orang bisa masuk blog lalu klik>> pengaturan klik>> postingan komentar dan berbagi.
Lokasi komentar Ceklis>>tersemat,
Siapa dapat komentar ceklis>>semua orang,mederasi komentar >>selalu dan verifikasi kata ceklis >>tidak,supaya semua orang mudah memasukan komentar blog,kecuali anda lagi tidak mau komentar dari semua orang,lihat screen:

gambar

Setelah semua pengaturan di simpan,barulah mencoba memasang box comment tampil ke mobile version.
Kotak ini sebenarnya sudah ada dalam blog tetapi belum ke versi mobile,dan untuk menampilkan and a harus memasang script di template blog.
Pertama buka weblog dan klik>>tema lalu klik>>edit html,kemudian cari kode antara </style> atau <style type='text/css'>,dan paste script ini tepat dibawah css:

.blogger-iframe-colorize {display:
block !important; }


Setelah itu save template dan akan tampil box comment ke mobile version,tampilan kolom lebih kurang akan seperti ini:

gambar

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