Skip to main content

Cara Mengecilkan Kotak Ruang Kosong pada Judul Postingan Blog Jenis Notable Template

Saya sangat suka dengan blog jenis Notable template dari blogger.com ini. Bahkan sampai sekarang saya telah menggunakannya, karena beberapa alasan, antara lain aksesnya lebih ringan dan template ini cukup responsive sehingga iklan (ads) mudah tayang di blog jenis ini. Dalam arti, iklan dengan setingan otomatis lebih mudah menempati posisi di halaman blog saya. Dan yang paling utama, mengapa saya suka template ini karena sejak saya merubah jenis tema Notable ini, blog saya jadi cepat dimonetisasi oleh Google Adsense.

Tapi walaupun saya suka, ada satu hal yang saya kurang suka pada template Notable ini, yaitu di bagian judul postingan (artikel) selalu terdapat ruangan kosong berbentuk kotak yang terlalu besar yang tidak ada gunanya, sehingga jarak antara judul dan isi postingan (isi artikel) terlalu jauh. Hal inilah yang membuat tampilan terlihat aneh dan seperti kurang professional, sehingga membuat saya merasa kurang percaya diri punya blog seperti itu.

Tampilan Awal: 
Tampilan Kotak Ruang Kosong pada Judul yang terlalu Lebar (Notable Template)

Saya coba utak-utik di bagian template pun tidak ada hasil, disana hanya bisa mengubah warna, ubah background blog, ukuran fonts, dll. dan ada kolom CSS yang kurang saya pahami. Karena pengetahuan saya tentang kode HTML dan Javascript sangat terbatas, sayapun tidak berani coba-coba edit-edit kode HTML di template tersebut.

Kemudian, saya coba browsing di google mencari tahu dan mengobok-obok informasi disana, siapa tahu ada kawan di luar sana yang membahas tentang template Notable blogger tersebut, tapi saya tidak menemukannya.

Beberapa hari kemudian, saya kembali coba mengobok-obok google search melanjutkan pencarian yang saya maksud. Tapi kali ini saya coba pencarian di google search dengan memakai kalimat berbahasa Inggris (dibantu dengan google translate tentunya ๐Ÿ˜Š hehe). Disana saya buka satu-persatu situs yang saya temukan di pencarian google. Dan akhirnya saya menemukan sebuah blog dengan berbahasa Inggris yang alhamdulillahnya persis membahas pemecahan masalah yang saya butuhkan, yaitu bagaimana membuat tampilan kotak ruang judul yang terlalu besar bisa dikecilkan seoptimal mungkin seperti yang saya sebutkan di awal postingan ini.

Setelah saya baca-baca, ternyata ini rahasianya cukup sederhana:
Kita hanya diminta memasukkan kode javascript html di bawah ini ke dalam CSS:   

body.item-view .Blog .post-title-container{
padding-bottom:10px;
padding-top:10px;
width:100%
}

Atau, jika tanpa menggunakan CSS seperti yang saya uraikan diatas, kamu cukup mencari baris kode: body.item-view. Blog. post-title-container{ (cara mencarinya, tekan tombol Ctrl+F pada bidang template HTML blog-mu).

Setelah ketemu, perhatikan di bawah kode tersebut ada beberapa baris kode yang mengikutinya, seperti tampak pada script di bawah ini: 
body.item-view .Blog .post-title-container{
background-color:$(item.title.background.color);
box-sizing:border-box;
margin-bottom:-1px;
padding-bottom:86px;
padding-$endSide:290px;
padding-$startSide:140px;
padding-top:124px;
width:100%
}

Kemudian silahkan ubah angka pada padding-bottom:86px menjadi 10px (lihat text yang saya beri warna merah), dan pada padding-top:124px menjadi 10px (angkanya bisa kamu sesuaikan sesuai selera).

Tampilan setelah perubahan :
Tampilan Kotak Ruang Kosong pada Judul yang sudah Optimal (Notable Template)

Dan setelah melihat hasil tersebut diatas saya merasa sangat puas.
SEMOGA BERMANFAAT! 

Comments




MUNGKIN INI YANG KAMU CARI :




    TERPOPULER :

    Contoh Surat Ijin atau Surat Pernyataan Kegiatan Pembelajaran Tatap Muka di Sekolah dari Orangtua Murid di Masa Pandemi

    Berikut ini adalah contoh Surat Ijin atau Surat Pernyataan untuk Mengikuti Kegiatan Pembelajaran Tatap Muka dari Orangtua/Wali Murid di masa pandemi Covid-19 . Surat ini sangat diperlukan sekolah untuk melengkapi berkas pengajuan ijin pembelajaran tatap muka di sekolah. 1.  SURAT IJIN ORANGTUA / WALI MURID Tampilan Format Teks : SURAT IZIN ORANGTUA / WALI MURID Yang bertanda tangan di bawah ini :           Nama              :  ..........................................            No. HP / WA    :  .........................................             Alamat             :  ..........................................   Orangtua / wali murid dari :           Nama siswa      :  .........................................              NIS                   :  .........................................           Kelas                :  .........................................   Dengan ini kami selaku orangtua / wali murid dari putra/putri tersebut diatas (mengijinkan/tidak mengijinkan)* untuk

    Surat Pernyataan Tanggung Jawab Mutlak (SPTJM) BPUM 2021 bagi UMKM (Disertai File PDF)

    Surat Pernyataan Tanggung Jawab Mutlak (SPTJM) BPUM adalah surat pernyataan mutlak yang harus dibawa saaat pencairan dana Banpres 2021 bagi para pelaku UMKM yang sudah terdaftar dan resmi disetujui sebagai penerima bantuan. Bagi para pelaku UMKM yang telah terdaftar sebagai penerima BPUM 2021, anda berhak mendapatkan dana Banpres 2021. Anda akan mendapatkan konfirmasi resmi melalui SMS atau untuk memastikannya juga di cek melalui BRI eForm secara online melalui HP android atau komputer dengan memasukkan NIK.  Kemudian yang terpenting kamu sebagai UMKM wajib menyerahkan Surat Pernyataan Tanggung Jawab Mutlak BPUM yang digunakan untuk mencairkan dana atau mengambil dana Banpres di BRI atau di BNI. Surat ini harus dibawa.  Syarat yang harus dibawa menurut ketentuan dari Kemenkop UKM , untuk pencairan penerima BPUM 2021 membawa e-KTP asli dan akan diminta melengkapi SPTJM, Surat Kuasa & Pernyataan serta form pembukaan/perbaikan data rekening yang disediakan oleh kantor BRI. Pencairan

    Contoh Proposal Pengajuan Bantuan Sosial (Bansos) atau Sembako ke Bupati (Disertai File Doc)

    Kali ini saya buatkan contoh Proposal Pengajuan Bantuan Sosial (Bansos) atau Sembako ke Bupati atau ke Pemerintah Kabupaten , lengkap mulai dari sampul, surat pengajuan, dan lampiran tabel daftar nama-nama yang mengajukan bantuan sosial (Bansos) atau Sembako. Kamu tinggal mengisi bagian-bagian yang kosong dengan kalimat yang diinginkan. Disini juga disertakan file dalam bentuk doc atau Microsoft Word yang bisa kamu download secara gratis. File ada 2: file ke-1 untuk Sampul Proposal dan file ke-2 untuk Isi dari Proposal.  1.  Sampul Proposal BANTUAN SOSIAL (BANSOS) ATAU SEMBAKO KE PEMERINTAH KABUPATEN ............................. TAHUN 202... (LOGO atau GARIS TIGA) PAGUYUBAN ...........................  KAB. ............................. – PROV................. atau lihat gambar di bawah ini : 2.  Isi Proposal PAGUYUBAN ………………………………… KAB. ……………….. PROV. ……………… TAHUN …….. Sekretariat : Jalan ........................... RT.... RW.... Ds./Kel. ........................ Kec. ...........

    SITEMAP :

    Contact Form

    Name

    Email *

    Message *

    Copyright © 2021 | BlusukanSmart.Info | All Rights Reserved