tag:blogger.com,1999:blog-6660241820082502345Tue, 22 Oct 2019 04:11:04 +0000HTMLBootstrap 3TutorialBlogger TagsHTML AttributeBloggerCSSJavascriptBootstrapTutorial jQueryToolBlogger TutorialCSS3Css ImageFont IconBerkasBlogger OperatorEnglish VersionEvent AttributeGlobal AttributeImageParallaxPolyfillSEOSliderTeks EfekTutorial CSSWidgetdata:viewBlog Yang Membahas Tentang Tutorial HTML, CSS dan SEOhttp://triksonic.blogspot.com/noreply@blogger.com (Adi Jaya)Blogger213125tag:blogger.com,1999:blog-6660241820082502345.post-4811344663591780872Mon, 10 Jun 2019 09:15:00 +00002019-06-11T15:33:51.269+07:00CSSCSS3TutorialTutorial CSSBelajar desain sebuah kartun menggunakan html dan css. Pada tutorial ini saya menggunakan kartun doraemon sebagai modelnya. HTML <div class="doraemon"> <div class="head"> <div class="face"></div> <div class="eye-left"></div> <div class="eye-right"></div> <div class="nose"></div> <div class="nose-line"></div> <div class="mustache"> <http://triksonic.blogspot.com/2019/06/doraemon-pure-css-belajar-css.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-9177597978120978893Mon, 21 Jan 2019 08:26:00 +00002019-01-22T16:23:25.681+07:00Blogger TutorialToolTutorial<!-- TOC open --> Table of contents Cara merubah feed situs Contoh tautan Catatan Alat <!-- TOC close --> Untuk mengaktifkan tampilan dinamis pada blog yang digunakan, langkah pertama yang perlu dilakukan adalah mengubah pengaturan Feed postingan http://triksonic.blogspot.com/2019/01/cara-mengaktifkan-dynamic-view.htmlnoreply@blogger.com (Adi Jaya)4tag:blogger.com,1999:blog-6660241820082502345.post-1513667258389378101Mon, 07 Jan 2019 09:46:00 +00002019-06-01T09:54:57.608+07:00CSSParallaxTutorialApa itu Parallax Dikutip dari Wikipedia bahasa Indonesia, ensiklopedia bebas. Paralaks, atau lebih tepatnya paralaks gerak (bahasa Yunani: παραλλαγή (parallagé)) adalah perubahan kedudukan sudut dari dua titik diam, relatif satu sama lain, sebagaimana yang diamati oleh seorang pengamat yang bergerak. Secara sederhana, paralaks merupakan pergeseran yang tampak dari suatu objek (titik 1) http://triksonic.blogspot.com/2019/01/parallax-scrolling-effect-menggunakan-css.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-1025746060866488729Mon, 07 Jan 2019 07:59:00 +00002019-01-07T14:59:31.893+07:00BerkasJavascriptPolyfillPolyfill untuk JSON.parse ini hanya berkas salinan yang saya tulis disini Sumber : https://gist.github.com/cloudxero/2369301 Mengenai apa itu Polyfill, silahkan kunjungi tautan berikut Polyfill (programming) (function (a, b) { typeof define == "function" && define.amd ? define("json", ["exports"], b) : b(typeof exports == "object" && exports || this.JSON || (this.JSON = {})) })(http://triksonic.blogspot.com/2019/01/polyfill-untuk-jsonparse.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-1577117693554008947Thu, 27 Dec 2018 01:27:00 +00002019-01-03T02:19:51.089+07:00BloggerBlogger TutorialTutorialCara 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://http://triksonic.blogspot.com/2018/12/remove-attribute-xml-blogger.htmlnoreply@blogger.com (Adi Jaya)20tag:blogger.com,1999:blog-6660241820082502345.post-205170275575852245Sun, 23 Dec 2018 02:06:00 +00002018-12-23T13:27:25.457+07:00JavascriptTutorialCara Memuat jQuery.js dengan metode Async dan Defer Tutorial kali ini adalah tentang bagaimana cara menulis jquery kode secara inline, tapi librari jquery nya dimuat secara Asynchronous dan Deferred (Asinkron dan Ditangguhkan). <!-- TOC open --> Table of contents Cara Memuat jQuery.js dengan metode Async dan Defer http://triksonic.blogspot.com/2018/12/memuat-jquery-dengan-metode-async-dan-defer.htmlnoreply@blogger.com (Adi Jaya)2tag:blogger.com,1999:blog-6660241820082502345.post-3632141568426203884Sat, 02 Jun 2018 07:41:00 +00002019-01-02T12:56:59.773+07:00BloggerBlogger TagsPenjelasan <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 http://triksonic.blogspot.com/2018/06/tag-b-skin-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)3tag:blogger.com,1999:blog-6660241820082502345.post-4084348640800354181Thu, 31 May 2018 12:45:00 +00002018-11-23T21:01:20.461+07:00BloggerBlogger TagsPenjelasan 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>. <!-- TOC open --> Tablehttp://triksonic.blogspot.com/2018/05/tag-b-with-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-2985054539528850610Tue, 29 May 2018 18:16:00 +00002018-05-30T01:16:36.588+07:00BloggerBlogger TagsPenjelasan 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 http://triksonic.blogspot.com/2018/05/tag-b-widget-settings-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-6832587239551820134Tue, 29 May 2018 12:31:00 +00002019-07-25T08:46:12.953+07:00BloggerBlogger TagsPenjelasan 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 <http://triksonic.blogspot.com/2018/05/tag-b-section-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)19tag:blogger.com,1999:blog-6660241820082502345.post-1060670191402175160Sun, 27 May 2018 17:05:00 +00002019-07-30T08:59:29.816+07:00Blogger 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 denganhttp://triksonic.blogspot.com/2018/05/5-cara-mengatur-snippet-artikel-pada-blogger.htmlnoreply@blogger.com (Adi Jaya)8tag:blogger.com,1999:blog-6660241820082502345.post-8634453209716695177Sun, 27 May 2018 17:04:00 +00002018-05-28T04:58:02.134+07:00BloggerTutorial 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 http://triksonic.blogspot.com/2018/05/mengatur-snippet-artikel-yang-panjang-agar-terlihat-pendek.htmlnoreply@blogger.com (Adi Jaya)3tag:blogger.com,1999:blog-6660241820082502345.post-1016522802431296393Sun, 27 May 2018 12:54:00 +00002018-05-27T19:58:51.783+07:00Blogger TagsPenjelasan Tag Blogger <b:widget> adalah Tag yang digunakan untuk membuat sebuah gadget atau widget pada xml blogger. Tag ini merupakan element yang terlihat pada bidang tata letak.Dalam penulisannya Tag <b:widget> harus ditulis didalam rentang tag <b:section>....</b:section>Tag <b:widget> tidak bisa ditulis secara bersarang, dan didalamnya wajib hadir tag <b:includable> Syntax Default http://triksonic.blogspot.com/2018/05/tag-b-widget-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-3560844781403010847Sun, 27 May 2018 08:18:00 +00002018-05-28T13:27:49.172+07:00Blogger TagsPenjelasan <b:switch> adalah tag yang digunakan untuk menentukan hasil yang memungkinkan memiliki beberapa nilai variabel. <b:case> adalah tag yang digunakan untuk memisahkan atau mengurai hasil keluaran pada setiap hal nilai dari parent tag <b:switch> <b:default> adalah tag yang digunakan untuk menentukan nilai default dari tag <b:switch> jika hasil dari <b:case> tidak cocok. http://triksonic.blogspot.com/2018/05/tag-b-switch-tag-b-case-tag-b-default-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-5617695301367481262Fri, 25 May 2018 15:24:00 +00002018-05-25T22:24:30.556+07:00Blogger TagsPenjelasan <b:includable> adalah tag yang menyimpan serangkaian kode atau data, baik ditulis secara manual ataupun tersedia dari sisi server. <b:include> adalah tag yang digunakan sebagai pemanggil tag <b:includable> Syntax <b:includable id='...'> </b:includable> <b:includable id='...'> <b:include name='...'/> </b:includable> <b:include name='...'/> Atribut <b:includable> id http://triksonic.blogspot.com/2018/05/tag-b-includable-tag-b-include-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-8132253498560360367Fri, 25 May 2018 13:12:00 +00002018-09-02T12:11:54.312+07:00Blogger TagsPenjelasan <b:defaultmarkups> dan <b:defaultmarkup> merupakan tag blogger yang berfungsi untuk membuat, menciptakan, menggantikan suatu inklusi secara default terhadap tema atau template yang digunakan. <b:defaultmarkups> berfungsi sebagai pembungkus dari dari tag <b:defaultmarkup> <b:defaultmarkup> digunakan sebagai tempat melakukan suatu proses yang ingin ditetapkan http://triksonic.blogspot.com/2018/05/bdefaultmarkups-bdefaultmarkup-blogger.htmlnoreply@blogger.com (Adi Jaya)4tag:blogger.com,1999:blog-6660241820082502345.post-4255456082554606792Sat, 19 May 2018 21:44:00 +00002018-05-22T11:01:42.112+07:00Blogger TagsPenjelasan <b:if> digunakan untuk menentukan sebuah Output yang bersyarat (kondisi yang telah ditentukan) <b:elseif> digunakan sebagai ekspresi output alternatif sebuah kondisi, tidak dapat bersarang tapi dapat ditulis secara berulang <b:else> adalah tag self-closing yang digunakan sebagai kondisi terakhir yang ditetapkan, jika suatu kondisi <b:if> dan atau <b:elseif> tidak tersedia atau tidak http://triksonic.blogspot.com/2018/05/tag-b-if-b-elseif-b-else-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-3364946625369889231Sat, 12 May 2018 22:36:00 +00002018-05-22T11:02:58.866+07:00Blogger TagsPenjelasan <b:loop> digunakan untuk melakukan iterasi dua atau lebih algoritmik. Apa itu iterasi ? iterasi dalam hal ini adalah suatu proses atau metode yang digunakan secara berulang-ulang (pengulangan) untuk mendapatkan atau membuat dan atau menyelesaikan suatu proses. syntax <b:loop values='...' var='....'> </b:loop> Attribut index reverse values var Attribut index Attributhttp://triksonic.blogspot.com/2018/05/tag-b-loop-Blogger-Tutorial.htmlnoreply@blogger.com (Adi Jaya)3tag:blogger.com,1999:blog-6660241820082502345.post-6526921296773428034Fri, 11 May 2018 20:08:00 +00002018-05-22T11:03:48.907+07:00Blogger TagsPenjelasan <b:eval> digunakan untuk mengevaluasi sebuah nilai ekspresi atau dengan kata lain menggabungkan atau mengubah nilai data menggunakan ekspresi. Attribut expr Attribut expr Memberikan suatu nilai atau hasil secara eksplisit atau tegas, nyata Nilai : ekspresi yang akan di evaluasi Keterangan : wajib disebutkan syntax <b:eval expr='...'/> contoh <b:eval> <ul> <li>http://triksonic.blogspot.com/2018/05/beval-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-6498005576976594132Fri, 11 May 2018 18:10:00 +00002018-05-22T11:04:20.723+07:00Blogger TagsPenjelasan <b:comment> digunakan untuk menuliskan Tag komentar pada XML Blogger, secara default hasil render HTML tidak akan terlihat atau tidak ada. Attribut render Attribut render Nilai : true atau false Keterangan : secara default <b:comment> mempunyai nilai false Jika true dipilih, maka render HTML akan menampilkan Tag komentar yang di buat. syntax <http://triksonic.blogspot.com/2018/05/bcomment-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)2tag:blogger.com,1999:blog-6660241820082502345.post-6918893351937173209Fri, 11 May 2018 16:53:00 +00002018-05-22T11:05:22.605+07:00Blogger TagsPenjelasan <b:class> digunakan untuk membuat atau menambahkan nilai dari attribut class yang berlaku untuk tag induk. Tag <b:class> tidak akan menghapus nilai class yang sudah ada. Jika element induk tidak mempunyai attribut class, maka secara otomatis akan membuat attribute tersebut. Attribut cond name Attribut cond Digunakan jika suatu konsisi diperlukan. Nilai : kondisi Keterangan : http://triksonic.blogspot.com/2018/05/bclass-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)9tag:blogger.com,1999:blog-6660241820082502345.post-325567940794996815Fri, 11 May 2018 15:37:00 +00002018-12-27T08:19:20.301+07:00Blogger TagsPenjelasan <b:attr> digunakan untuk membuat atau memperbaharui sebuah attribut html yang berlaku untuk tag induk. Attribut cond name value Attribut cond Digunakan jika suatu konsisi diperlukan. Nilai : kondisi Keterangan : relative, bisa disebutkan ataupun tidak Attribut name Digunakan untuk menuliskan nama attribut yang ingin disematkan. Nilai : nama_attribut. Misal : class, id, data-*, http://triksonic.blogspot.com/2018/05/battr-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-3835882037881092737Fri, 11 May 2018 04:39:00 +00002018-05-22T11:08:09.206+07:00Blogger TagsPenjelasan <b:tag> digunakan untuk membuat tag HTML dengan bahasa XML blogger. Attribut Attribute yang dapat digunakan pada <b:tag> adalah sebagai berikut : cond Digunakan jika suatu kondisi diperlukan Nilai = Kondisi Keterangan : relative, jika diperlukan name Digunakan menuliskan jenis type HTML Tag Nilai = HTML_tag Keterangan : wajib dituliskan Contoh : <b:tag name='span'> http://triksonic.blogspot.com/2018/05/btag-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)0tag:blogger.com,1999:blog-6660241820082502345.post-3160737313776194711Fri, 11 May 2018 01:48:00 +00002019-01-07T14:14:32.576+07:00Blogger OperatorBlogger Operator URL, Operator URL path, Operator URL params, Operator URL appendParams, Operator URL fragment, Blogger Tutorial Penjelasan Operator URL Pada Blogger adalah operator yang digunakan dalam bahasa Blogger yang ditujukan penggunaannya pada sebuah URL. <!-- TOC open --> Table of contents Penjelasan http://triksonic.blogspot.com/2018/05/blogger-operator-url-blogger-tutorial.htmlnoreply@blogger.com (Adi Jaya)tag:blogger.com,1999:blog-6660241820082502345.post-3251124064355602287Wed, 18 Apr 2018 08:55:00 +00002018-05-22T11:25:07.404+07:00JavascriptTriksonic - Tutorial kali ini adalah tutorial ringan dengan tema bahasan Toggle ClassName. Walaupun tutorial sejenis sudah banyak yang membahas, tidak salahnya juga, jika saya membahasnya lagi diblog ini, hitung hitung menambah perbendaharaan pengetahuan tentang javascript. JavaScript function toggleClass(selectorID,newClass){ var selector = document.getElementById(selectorID); //http://triksonic.blogspot.com/2018/04/toggle-class-pure-javascript-tutorial.htmlnoreply@blogger.com (Adi Jaya)0