tRikSonic
Tema
Home / Blogger
Menampilkan konten pada kategori Blogger
Informasi : saat ini anda mengakses blog ini untuk halaman yang di percepat penggunaannya untuk mobile/handphone (AMP) atau akses mobile dengan kecepatan internet yang rendah, mungkin beberapa fitur diblog ini belum tersedia, silahkan ganti Thema untuk mengaktifkan beberapa fitur lainnya. Terimakasih

Menghapus Attribut XML Blogger dengan Tag b:attr

Terakhir diperbarui : 3 Januari 2019 - 19.19
Cara menghapus attribut pada XML blogger Tutorial Ringan dan simpel berikut adalah bagaimana cara menghapus sebuah attribut pada XML blogger dengan metode menggunakan tag <b:attr> . Terkait Selengkapnya mengenai b:attr Contoh < html xmlns = 'http://www.w3.org/1999/xhtml' xmlns:b = 'http://www.google.com/2005/gml/b' xmlns:data = 'http://www.google.com/2005/gml/data' xmlns:expr = 'http://www.google.com/2005/gml/expr' > < head > ... </ head > < body > ... </ body > </ html > Bagaimana cara menghapus attribut yang ada pada tag HTML diatas, gunakan tag <b:attr> untuk melakukannya. < b:attr name = '[attribute]' value = '' /> berikan nilai kosong atau tidak ada nilai pada attribut value Contoh Penggunaan < html xmlns = 'http://www.w3.org/1999/xhtml' xmlns:b = 'http://www.google.com/2005/gml/b' xmlns:data = 'h...
Baca selengkapnya

b:skin - b:template-skin - Blogger Tutorial

Terakhir diperbarui : 2 Januari 2019 - 05.56
Penjelasan <b:skin> Tag <b:skin> dan <b:template-skin> adalah sebuah tag digunakan pada xml blogger. Tag ini berfungsi mengatur tampilan pada tema atau template. Didalam tag <b:skin> dan <b:template-skin> dapat dituliskan CSS dan pendeklarasian variable <b:skin> , wajib ada pada semua jenis tema xml, dan ditulis hanya diperbolehkan 1 saja. <b:template-skin> , digunakan untuk mengatur tampilan pada dashboard, tag ini bisa ditulis ataupun tidak. <b:skin> dan <b:template-skin> ditulis di dalam rentang tag html <head> ... </head> pada template xml . Syntax <b:skin> < b:skin > <![CDATA[ ]]> </ b:skin > <b:template-skin> < b:template-skin > <![CDATA[ ]]> </ b:template-skin > Hasil Render HTML <b:skin> < style id = 'page-skin-1' type = 'text/css' > </ style > <b:template-skin> < sty...
Baca selengkapnya

b:with - Blogger Tutorial

Terakhir diperbarui : 23 November 2018 - 14.01
Penjelasan Tag <b:with> adalah sebuah tag perintah yang dapat digunakan dalam membuah ekspresi yang kompleks, dimana nantinya dapat digunakan pada node anak. Tag <b:with> akan menghitung sebuah nilai variabel sebelum digunakan atau sebelum dipanggil oleh tag pemanggil. Tag ini dapat bekerja diseluruh XML terkecuali didalam tag <b:skin> . Table of contents Penjelasan Syntax Atribut Contoh Penggunaan Syntax < b:with value = '...' var = '...' > ... </ b:with > Atribut Tag <b:with> memiliki atribut yang dapat digunakan antara lain sebagai berikut: var awalan expr : Bisa diterapkan Digunakan untuk m...
Pelajari XML INI

b:widget-settings - b:widget-setting - Blogger Tutorial

Terakhir diperbarui : 30 Mei 2018 - 18.16
Penjelasan Tag <b:widget-settings> dan <b:widget-setting> adalah tag blogger yang berfungsi sebagai penyimpan pengaturan sebuah gadget/widget, baik ditulis secara manual oleh user ataupun diatur melalui Dashboard Blogger Tag ini akan otomatis ada pada template/tema xml , jika gadget/widget ditambahkan oleh pengguna Perbedaan mendasar tag <b:widget-settings> dan <b:widget-setting> dapat dilihat pada huruf ( s ) pada masing-masing tag <b:widget-setting s > digunakan sebagai tag pembungkus tag <b:widget-setting> <b:widget-setting> digunakan sebagai tag penyimpan pengaturan gadget/widget Syntax < b:widget-settings > < b:widget-setting name = '...' > <!--[value]--> </ b:widget-setting > </ b:widget-settings > Atribut name awalan expr : Tidak bisa diterapkan Digunakan untuk menentukan nama pengaturan yang ditetapkan pada sebuah gadget atau widget Nilai attribu...
Baca selengkapnya

b:section - Blogger Tutorial

Terakhir diperbarui : 25 Juli 2019 - 01.46
Penjelasan Tag Blogger <b:section> adalah Tag yang digunakan untuk membentuk elemen tata letak dimana nantinya dapat diisi oleh gadget atau widget. Syntax < b:section id = '...' showaddelement = '...' > ... </ b:section > Penulisan dilakukan didalam rentang tag <body>...</body> Penulisan tidak bisa dilakukan secara bersarang Dari keseluruhan template/tema xml, wajib memiliki minimal 1 tag <b:section> Atribut Berikut atribut xml yang dapat digunakan pada tag <b:section> beserta penjelasannya : class Awalan expr : Tidak bisa diterapkan digunakan untuk menambahkan nama kelas. Nilai atribut ini adalah teks atau angka + section Keterangan : relative, bisa ditulis ataupun tidak cond Awalan expr : Bisa diterapkan Digunakan untuk menentukan suatu kondisi apa yang akan diterapkan pada <b:section> Nilai atribut ini adalah kondisi Keterangan : rel...
Baca selengkapnya

5 cara mengatur snippet artikel pada blogger - Blogger Tutorial

Terakhir diperbarui : 30 Juli 2019 - 01.59
Tutorial kali ini adalah cara mengatur potongan artikel atau snippet artikel pada blogger. Mengatur snippet artikel blogger dapat dilakukan dengan berbagai cara, baik tanpa javascipt ataupun tidak Disini saya akan menjabarkan bagaimana cara membuat snippet sebuah artikel atau ringkasan artikel hanya dengan tag xml yang sudah disediakan oleh blogger lengkap dengan pengaturannya. Jadi dengan menggunakan ringkasan sebuah artikel dapat menghemat penggunaan HTML pada view-source baik itu pada homepage, halaman pencarian, ataupun halaman label Data XML Berikut data xml yang dapat digunakan untuk membuat snippet artikel : data:post.snippet data:post.longSnippet data:post.snippets.short data:post.snippets.long data:post.body [ snippet ] Mari Kita bahas dan pelajari data-data diatas. data:post.snippet data:post.snippet dapat digunakan untuk membuat sebuah ringkasan sebuah artikel. Sebenarnya data data:post.snippet diperuntukan pada widget popular p...
Baca selengkapnya

Mengatur snippet artikel yang panjang agar terlihat pendek

Terakhir diperbarui : 28 Mei 2018 - 21.58
Tutorial kali ini kelanjutan dari artikel sebelumnya yaitu 5 cara Mengatur Snippet Artikel Blogger , ada baiknya silahkan kunjungi link tersebut untuk mempelajari tentang bagaimana membuat sebuah ringkasan artikel atau snippet artikel hanya dengan menggunakan xml blogger Sedangkan bahasan kali ini adalah bagaimana mengatur sebuah snippet yang panjang agar terlihat seperti snipet artikel yang pendek. Cara ini sangat bagus digunakan untuk diterapkan pada blog agan-agan semua dalam hal perayapan robot search engine. Cara yang akan dijelaskan kali ini kita memfokuskan pada penggunaan css. Cara Penerapan kali ini saya menggunakan metode berikut, anda semua bisa menyesuaikan dengan metode mana yang digunakan, kunjungi link berikut untuk menentukan metode mana yang ingin digunakan 5 cara Mengatur Snippet Artikel Blogger intinya disini kita hanya fokus pada penggunaan css . Contoh XML < div class = "snippet-container" > < b:eval expr = 'snippet(data:po...
Baca selengkapnya

Memutar Gambar pada Blogger dengan URL

Terakhir diperbarui : 22 Mei 2018 - 04.43
Gambar yang terupload pada server blogger dapat diputar atau dirotasi hanya dengan memodifikasi URL image. URL Sisipan Untuk memutar sebuah gambar tambahan/sisipkan data berikut pada url gambar : -r90 untuk memutar gambar sebanyak 90° -r180 untuk memutar gambar sebanyak 180° -r270 untuk memutar gambar sebanyak 270° Contoh Perhatikan tanda yang bertanda pada contoh berikut. url default https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/ s1600 /TrikSonic.png Menjadi https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/ s1600-r90 /TrikSonic.png Demo < img alt = "Triksonic" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AV...
Baca selengkapnya

Artikel terbaru berdasarkan Label

Terakhir diperbarui : 23 Mei 2018 - 10.01
Cara memasang widget artikel terbaru berdasarkan label di blogger - kali ini TrikSonic akan share tutorial cara membuat atau memasang widget artikel terbaru berdasarkan label. Tutorial yang saya bagikan kali ini hanya menampilkan judul artikel saja tanpa gambar atau image, jadi akan mengurangi beban pada saat loading page. Javascript dan html : Copy dan pastekan kode berikut pada template atau widget html/javascript, disesuikan dengan keperluan < div id = "artikel-terbaru" > < ol > < script > var jumlahnewpost = 5 ; //jumlah post yang ingin ditampilkan var create = true ; </ script > < script > //<![CDATA[ function showrecentposts ( e ) { for ( var t = 0 ; t < jumlahnewpost; t++) { var r, n = e.feed.entry[t], i = n.title.$t; if (t == e.feed.entry.length) break ; for ( var l = 0 ; l < n.link.length; l++) if ( "alternate" == n.link[l].rel) { ...
Baca selengkapnya

Cara redirect 404 page di blogger

Terakhir diperbarui : 23 Mei 2018 - 10.17
Cara redirect 404 Cara redirect 404 page di blogger - kali ini saya akan share tutorial cara redirect halaman error kehalaman lain, dimana dengan menggunakan metode ini akan banyak keuntungan didapat, tergantung cara penggunaannya. Metode redirect halaman error atau yang lebih tepat dibilang 404 page redirect kali ini menggunakan dua opsi yang langsung di jalankan. Opsi yang pertama dengan menggunakan perintah javascript, dan yang kedua menggunakan element html <meta> . Kode xml Blogger : Metode 1 Untuk metode yang pertama ini menggunakan Tag Conditional Blogger yang baru untuk halaman error page < b:if cond = 'data:view.isError' > < script > window .location.href= "https://example.com/" ; </ script > < meta content = '0;url=https://example.com/' http-equiv = 'refresh' /> </ b:if > Metode 2 Untuk metode yang kedua ini menggunakan Tag Conditional Blogger yang lama untuk halaman error page...
Baca selengkapnya

Membuat Pop-Up Search Box

Terakhir diperbarui : 23 Mei 2018 - 12.00
Tutorial Cara Membuat Pop-Up Search Box Membuat Pop-Up Search Box - kali ini kita akan belajar bagaimana cara membuat Pop-Up untuk kotak pencarian atau biasa disebut Search Box. Tutorial kali ini menampilkan Search Box dengan metode Klik fungsi pada element Nah dapat dilihat pada contoh gambar diatas, kurang lebih seperti itulah hasil tutorial kali ini. Oke langsung pada inti cara membuat Pop-Up kotak pencarian. HTML < span id = 'btn_seacrh' onclick = 'open_search();' > KLIK AKU </ span > < div class = 'conteainer-search' id = 'conteainer-search' > < div class = 'position_mode_form' id = 'position_mode_form' > < span id = 'search_close' onclick = 'close_search();' > X </ span > < form action = '/search' id = 'search-form' method = 'get' > < input class = 'input_text_search' id = 'input_text_sear...
Baca selengkapnya
BerandaPostingan Lama