Cara Menciptakan Witget Tata Letak Gres Di Blogger

Joss
 Template blogger ialah sebuah dokumen yang kompleks Cara membuat witget tata letak gres di blogger

Blog kak Ryan – Template blogger ialah sebuah dokumen yang kompleks, didalamnya terdiri dari bab css dan komponen struktur pembentuk desain sebuah halaman. Sudah banyak template blog yang tersedia di internet kini ini, baik yang gratis maupun yang berbayar. Semuanya memiliki kelebihan tersendiri.

Dari sekian banyak template tersebut terkadang ada sesuatu tampilan yang berdasarkan kita tidak sesuai dengan harapan kita. Sehingga kita ingin sekali memodifikasinya biar sesuai dengan keinginan. Tapi semua itu hanya bisa dilakukan jikalau kau memahami bahasa pemrograman HTML, JavaScript, Dan Css.

Tapi bagaimana jikalau kita hanya ingin membuat sebuah witget saja, sementara box witget yang ada pada template kita sudah penuh. Atau mungkin teman-teman ingin menambahkan sebuah kolom gres pada tata letak yang bisa diisi dengan witget apapun.

Menurut pengalaman apa yang saya lihat niscaya sahabat koding bakalan menyalin isyarat witget lain yang didapat dari template orang 😅, cara tersbut ternyata salah sobat. Jika ada witget dengan class, id serta nama yang sama dengan bawaan template sudah niscaya template kau akan error ketika disimpan.

Agar tidak error kau bisa memakai isyarat section pembuat witget gres dibawah ini. Kode ini adalag isyarat mentahnya, isyarat ini akan membuat sebuah box gres pada tata letak tema sehingga kita bisa mengisinya dengan witget apapun.

<b:section class='NamaKelas' id='NamaID' maxwidgets='1' showaddelement='yes'/>

Perlu kau ketahui nama class dan id section itu akan dijadikan sebagai nama kelas dan id pada elemen witget yang kau tambahkan nanti. Gunakan nama property ini untuk mendesain witget yang kau tambahkan nantinya melalui css.

– maxwitgets memilih berapa banyak witget yang boleh kita tambahkan pada elemen tersebut, Isi saja dengan angka sesuai harapan kamu.

Read:  Cara Melaporkan Penipuan Di Sosmed Secara Online

Dimana saya bisa meletakan isyarat ini?
Bebas dimana saja, kau bisa meletakanya pada bab footer, wrapper dan sidebar blog kamu. Tapi kau harus memahami terlebih dahulu dimana letaknya bab tersebut, jangan hingga salah kawasan hehehe. Pengalaman saya ketika pertamakali memasang witget ini malah muncul pada bab halaman header hehehe.

Gan kenapa witgetnya bisa dihapus?
ini ialah bawaan defaul blogger yang bisa menghapus dan menambahkan witget pada section. Agar witget yang telah kau tambahkan bisa dihapus, kau harus mengedit sedikit isyarat pada witger yang telah kau buat. Silakan masuk ke editor template atau unduh templatenya dan edit dengan editor teks Favorit kamu. Silakan cari dimana letaknya witget yang kau buat, bisa mencarinya dengan cara di scroll perlahan bisa juga memakai pencarian teks.

Tetapi akan lebih cepat jikalau memakai pencariam teks, silakan cari witget yang sudah kau buat tadi. Gunakan kata kunci yang sama dengan class section kamu, biar bisa menemukan dimana posisi isyarat tersebut ditulis. Setelah kau menemukanya, coba perhatikan isyarat dibawah ini.

Rahasia
<b:section class='iklan-atas' id='iklan-atas' maxwidgets='1' showaddelement='yes'>   <b:widget id='HTML4' locked='false' title='Iklan bawah judul' type='HTML' version='1'>     <b:widget-settings>       <b:widget-setting name='content'>&lt;!--&lt;script type=&quot;text/javascript&quot; src=&quot;//uprimp.com/bnr.php?section=Iklan&amp;pub=439176&amp;format=300x250&amp;ga=g&quot;&gt;&lt;/script&gt; &lt;noscript&gt;&lt;a href=&quot;https://yllix.com/publishers/4391&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;//ylx-aff.advertica-cdn.com/pub/300x250.png&quot; style=&quot;border:none;margin:0;padding:0;vertical-align:baseline;&quot; /&gt;&lt;/a&gt;&lt;/noscript&gt;--&gt;</b:widget-setting>     </b:widget-settings>     <b:includable id='main'> <b:if cond='data:blog.pageType in {&quot;item&quot;}'>   <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'> <div id='kode-iklan-atas'>     <data:content/> </div>   </div>    <b:include name='quickedit'/> </b:if> </b:includable>   </b:widget> </b:section>

Kamu lihat itu, temukan teks menyerupai diatas yaitu “locket=’false'”, kemudian ganti valuenya false mendi true. setelah itu silakan simpan templatenya atau unggah jikalau di edit secara offline. Cobalah lihat witget yang kau tambahkan tadi sudah tidak bisa dihapus lagi, wow keren kan.

Read:  Kode Lazyload Iklan Mgid On Scroll

Bagaimana jikalau saya hanya ingin menampilkan witget pada halaman tertentu
Bisa bos kita bisa memakai meta tag condition yang sudah disediakan oleh blogger. Untuk menggunakanya sobat tinggal tambahkan kondisi tersebut dibawah isyarat <b:includable id=’main’> kemudian isyarat epilog kondisinya diletakan setelah <b:includable name=’quickedit’> , biar lebih jelasnya silakan perhatikan penempatan dibawah ini.

<b:section class='iklan-atas' id='iklan-atas' maxwidgets='1' showaddelement='yes'>   <b:widget id='HTML4' locked='false' title='Iklan bawah judul' type='HTML' version='1'>     <b:widget-settings>       <b:widget-setting name='content'>&lt;!--&lt;script type=&quot;text/javascript&quot; src=&quot;//uprimp.com/bnr.php?section=Iklan&amp;pub=439176&amp;format=300x250&amp;ga=g&quot;&gt;&lt;/script&gt; &lt;noscript&gt;&lt;a href=&quot;https://yllix.com/publishers/4391&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;//ylx-aff.advertica-cdn.com/pub/300x250.png&quot; style=&quot;border:none;margin:0;padding:0;vertical-align:baseline;&quot; /&gt;&lt;/a&gt;&lt;/noscript&gt;--&gt;</b:widget-setting>     </b:widget-settings>     <b:includable id='main'>  <!-- TEMPATKAN KODE KONDISUMU DISINI -->     <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'> <div id='kode-iklan-atas'>     <data:content/> </div>   </div>    <b:include name='quickedit'/> <!-- NAH DISINI TEMPATKAN KODE PENUTUP KONDISI biasa nya /b:if -->  </b:includable>   </b:widget> </b:section>

Sampai disini dulu pelajaran kita kali ini, semoga bisa kau ingat dengan mudah. Jangan lupa mampir lagi di artikel berikutnya, masih seputar wacana template blogger. Semoga setelah menpelajari semua bab dan fungsi penyusun template blogger dan dengan kemampuan yang kau miliki kau bisa membuat tema blogger sendiri.

Next Post

Apache Web Server Not Starting

So you can run only XAMPP then run many other features. 8080 is your change port number. How To Install The Apache Web Server On Centos 8 Digitalocean Issues when starting Apache server After successful installation of the XAMPP Go to the XAMPP control panel. Apache web server not starting. […]
Apache Web Server Not Starting