Skip to main content

Featured Post

Pamula Elegant Blogger Theme

Pamula  merupakan tema personal yang saya desain dengan beberapa referensi, Tema ini dibuat clean dan elegant untuk membuat lebeih fresh serta memaksimalkan fitur dari fungsi blogger agar dapat meminimalisir penggunaan javascript atau json blogger. Tema ini memiliki kecepatan super cepat seperti tema-tema yang saya share sebelumnya, tapi pada tema yang saya buat sekarang terus menggunakan fungsi javascript dan tidak ada jQuery di dalamnya. Kemungkinan kalian tidak akan paham karena terbiasa dengan jQuery. Pada tema ini kalian akan mendapatkan beberapa fitur menarik seperti : Kecepatan Loading Super Ngebut Dengan memiliki loading yang cepat pasti dapat membuat pengunjung menjadi lebih betah sebab tidak perlu cari Artikel serupa meskipun yang disebabkan oleh loading lambat. Saya sudah mencoba untuk mengetest kecepatan dengan bantuan dari GTmetrix dan Pagespeed. Untuk melihat hasilnya bisa cek gambar berikut: Kecepatan loading ini sudah saya test sendiri menggunak

Penjelasan dan Fungsi data:messages di Blogger

Penjelasan Kode data:messages di Blogger

Halo sobat Malestea pada kesempatan kali ini saya akan membahas tentang kode pada Blogger yaitu "data:messages" kode ini sangat efisien sekali terutama untuk membuat multi-language pada blog/web yang kita jalankan, sederhana nya setiap teks yang menggunakan data:messages akan menyesuaikan bahasa yang kita pilih pada blogger sehingga sangat berguna sekali apalagi buat Anda yang suka untuk mendevelop template blog.

Ada banyak kode yang bisa kalian coba dengan berbagai penerapan dan saya akan menjelaskan nya untuk kalian semua supaya lebih mudah saat mempraktekan penjelasan dari artikel ini. Mari kita lihat terlebih dahulu banyak kode yang bisa kita pakai dari data:messages.

Kode Pesan
data:messages.adsGoHere Iklan ada di sini
data:messages.archive Arsip
data:messages.at at / pukul (digunakan pada tanggal)
data:messages.authorSaid mengatakan... (digunakan dikomentar)
data:messages.authorSaidWithLink <a href='link_profile'>author name</a> mengatakan...
data:messages.blogArchive Arsip Blog
data:messages.blogAuthors Contributors
data:messages.by Oleh
data:messages.byAuthor Oleh author name
data:messages.byAuthorLink Oleh <a href='link_profile'>author name</a>
data:messages.comments Komentar
data:messages.configurationRequired Konfigurasi yang diperlukan
data:messages.deleteBacklink Delete Backlink / Hapus Tautbalik
data:messages.deleteComment Delete Comment / Hapus Komentar
data:messages.edit Edit
data:messages.emailAddress Email Address / Alamat Email
data:messages.emailPost Email Post / Posting Email
data:messages.euCookieNotice Situs ini menggunakan cookie dari Google untuk membantu memberikan layanannya, mempersonalisasikan iklan, dan menganalisis lalu lintas. Informasi tentang penggunaan situs ini dibagikan dengan Google. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookie.
data:messages.euCookieResponsibility Merupakan tanggung jawab Anda untuk memberi tahu pengunjung tentang cookie yang digunakan di blog. Lihat http://www.blogger.com/go/cookiechoices untuk detail lebih lanjut.
data:messages.featured Featured / Unggulan
data:messages.getEmailNotifications Get email notifications / Dapatkan notifikasi email
data:messages.gotIt Got it / Mengerti
data:messages.hidden Hidden / Tersembunyi
data:messages.home Beranda
data:messages.image Gambar
data:messages.joinTheConversation Join the conversation / Gabung dalam percakapan
data:messages.keepReading Keep reading / Terus membaca
data:messages.labels Labels
data:messages.latestPosts Latest Posts / Pos Terbaru
data:messages.learnMore Learn More / Info Lengkap
data:messages.linkCopiedToClipboard Tautan disalin ke papan klip!
data:messages.loadMorePosts Load more posts
data:messages.loading Loading...
data:messages.moreEllipsis More…
data:messages.morePosts More posts
data:messages.myBlogList My Blog List
data:messages.myFavoriteSites My favorite sites
data:messages.myPhoto My photo
data:messages.newer Newer
data:messages.newerPosts Newer Posts
data:messages.newest Newest
data:messages.noResultsFound No results found
data:messages.noTitle No title
data:messages.numberOfComments Count Number comments
data:messages.older Older
data:messages.olderPosts Older Posts
data:messages.oldest Oldest
data:messages.onlyTeamMembersCanComment Note: Only a member of this blog may post a comment.
data:messages.on on / pada tanggal
data:messages.photo Photo
data:messages.popularPosts Popular Posts
data:messages.popularPostsFromThisBlog Popular posts from this blog
data:messages.postAComment Post a Comment
data:messages.postLink Post Link
data:messages.postedBy Posted by
data:messages.postedByAuthor Posted by author name
data:messages.postedByAuthorLink Posted by <a href='profile_link'>author_name</a>
data:messages.posts Posts
data:messages.poweredByBlogger Powered by Blogger
data:messages.poweredByBloggerLink Powered by <a href='https://www.blogger.com/'>Blogger</a>
data:messages.readMore Read more
data:messages.recentPosts Recent posts
data:messages.reportAbuse Report Abuse / Laporkan Penyalahgunaan
data:messages.search Search
data:messages.searchBlog Search blog
data:messages.searchThisBlog Search this blog
data:messages.share Share
data:messages.showAll Show all
data:messages.showLess Show less
data:messages.showMore Show more
data:messages.skipToMainContent Skip to main content / Langsung ke konten utama
data:messages.someOfMyFavoriteSites Some of my favorite sites
data:messages.subscribe Subscribe / Langganan
data:messages.subscribeTo Subscribe to:
data:messages.subscribeToThisBlog Subscribe to this blog
data:messages.templateImagesBy Template images by author name
data:messages.templateImagesByLink Template images by <a href='https://www.blogger.com/'>Blogger</a>
data:messages.theresNothingHere There's nothing here! / Tak ada apa pun di sini!
data:messages.viewAll View all
data:messages.viewMyCompleteProfile View my complete profile
data:messages.visible Visible
data:messages.visitProfile Visit profile
data:messages.widget Gadget
data:messages.widgetNotAvailableInPreview This content is not available in blog preview. / Konten ini tidak tersedia di pratinjau blog.
data:messages.widgetNotAvailableOnHttps This content is not yet available over encrypted connections. / Konten ini belum tersedia melalui sambungan terenkripsi.

Kode yang diatas merupakan fungsi dari data:messages tergantung yang kita mau untuk diterapkan pada blog. Mari kita lihat data dari Json ini untuk mempermudah pemahaman kita.

"data": {
  "messages": {
    "by": message,
      {
        "size": number,
        "length": number,
        "escaped": string,
        "jsEscaped": string,
        "jsonEscaped": string,
        "cssEscaped": string
      }
  }
}

Kode diatas merupakan data Json yang bisa kita ambil, mulai dari size,length,escaped,jsEscaped,jsonEscpaed dan cssEscaped. tapi sebelum membahas yang ini kita coba terlebih dahulu memanggil kode data:messages

Karakteristik dan nilai

Untuk karakter dan nilai pada data:messages ini bisa kita gunakan secara Global jadi bebas untuk dipakai dimana saja seperti pada widget, includable. Hanya saja kalian diharuskan untuk memasukkan kode tersebut lewat edit html dan tidak bisa dipakai pada saat membuat artikel/laman.

  1. Dapat digunakan di seluruh kode XML tema. 
  2. Tersedia di semua halaman. 
  3. Ketik data MESSAGE + STRING.
  4.  Nilai permanen.

Ada beberapa bahasa yang bisa kalian gunakan seperti table dibawah ini. Akan tetapi yang biasanya digunakan oleh orang indonesia menggunakan data:messages.by secara otomatis ini default antara inggris dan indonesia.

Bahasa Nilai default
PerancisPar
InggrisBy
SpanyolDe
PortugisPor
IndonesiaOleh
VietnamBởi

Penerapan Kode

Penerapan kodenya kalian bisa menggunakan 3 cara yang ada dibawah, bisa langsung memanggil dengan data:message, b:eval dan b:message, dari ketiga tersebut memiliki fungsi yang sama.

<data:messages.by/>
<b:eval expr='data:messages.by'/>
<b:message name='messages.by'/>

Maka hasilnya akan menjadi seperti berikut

data:messages.by = {Oleh}
b:eval expr='data:messages.by' = {Oleh}
b:message name='messages.by' = {Oleh}

Hasil diatas akan terlihat 1 saja dengan bahasa pada blog dan menyesuaikan sendiri

Panjang Karakter

Untuk yang kali ini kita akan mencoba mengetahui panjang dari data:messages saat ditampilkan

<!-- WITH SIZE -->
<data:messages.by.size/>
<!-- WITH LENGTH -->
<data:messages.by.length'/>

Hasil diatas akan membuat jumlah panjang dari suku kata dari data:messages

data:messages.by.size = {Oleh} : 4
data:messages.by.length = {Oleh} : 4

Data String

Sekarang kita bahas untuk string pada data:messages, sebetulnya sama saja untuk hasilnya tapi yang berbeda adalah kegunaan dari pemanggilan tersebut

<!-- HTML ESCAPED -->
<data:messages.by.escaped/>
<!-- JS ESCAPED -->
<data:messages.by.jsEscaped/>
<!-- JSON ESCAPED -->
<data:messages.by.jsonEscaped/>
<!-- CSS ESCAPED -->
<data:messages.by.cssEscaped/>

Hasil dari data string akan terlihat seperti berikut

data:messages.by.escaped = {Oleh}
data:messages.by.jsEscaped = {Oleh}
data:messages.by.jsonEscaped = {Oleh}
data:messages.by.cssEscaped = {Oleh}

Untuk pemanggilan yang lain, kalian cukup ikuti seperti kode diatas, dan tinggal pilih mau yang mana atau bisa dicoba sendiri. Sebab saya juga hanya menggunakan beberapa kode yang simple saja hanya untuk melihat hasil dan fungsi dari kodenya.

Sampai disini saja dulu dan artikel pada blog ini akan saya update untuk sekarang ini adalah pembahasan kode blogger, apalagi buat kalian yang mau belajar membuat tema tapi belum paham basic-basic nya.

Comments

  1. Wah, ini data msg blogger yang paling lengkap pernah saya temukan.

    Sebagai dev Blogger, info seperti ini seperti ladang emas buat saya.

    Post lainnya akan segera saya baca, banyak sekali info2 baru yg belum pernah kubaca.

    Sangat bermanfaat.

    ReplyDelete

Post a Comment

To insert a code use <i rel="pre">code_here</i>To insert a quote use <b rel="quote">your_qoute</b>To insert a picture use <i rel="image">url_image_here</i>To insert a video use <i rel="video">video</i>Tinggalkan komentar sesuai topik tulisan, komentar dengan link aktif tidak akan ditampilkan. Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim.

Popular posts from this blog

Dapatkan Template Material X2 Secara Gratis

Template Material X2 adalah template yang dibuat oleh Yasyah Elhakim dan beliau adalah admin dari  elcreativeacademy dan sudah banyak postingan berkaitan tentang Blogger dan Web Development tapi beliau juga merupakan pembuat template yang sangat handal karena dapat membuat template yang bagus yaitu Material X2 ini yang banyak akan kayak fitur tapi disini kita akan ngomongin versi gratisnya bukan yang premium. Yasyah Elhakim membagikan Material X2 Lite secara gratis alias cuma-cuman untuk sobat tapi dengan membedakan fitur pada yang premium karena ini gratis untuk tampilan dan beberapa hal masih sama saja hanya untuk fitur dihilangkan oleh author nya. Template Material X2 ini memiliki desain yang clean serta menggunakan material desain yang bagus bila disebut ini merupakan template yang mirip dengan Developer Goggle karena terinspirasi bisa dikatakan oleh saya. So tampilan yang bagus dan fitur yang keren ini sudah menanti untuk sobat loh jadi dicoba sekarang juga. Download Temp

Cara Buat Tombol Menu Dengan CSS

Membuat Tombol Menu hanya dengan CSS tanpa perlu bantuan dari Icon-icon seperti FontAwesome, Materialicon, Dashicon dll. Berbeda dengan menggunakan Icon kita mengharuskan untuk memasukan salah satu kode dari icon tersebut atau bisa disebut dipanggil kodenya. Jika dengan CSS kita hanya perlu menggunakan Fungsi dari Before dan After jadi dengan menggandalkan fungsi dari Css tersebut kita bisa membuat Tombol Menu atau Close sesuai dengan kreatifitas sendiri. Untuk membuat Menu dengan Css kalian bisa langsung praktekan caranya dibawah ini atau jika ingin disimpan untuk nanti bisa langsung download source kodenya. Cara Buat Tombol Menu Dengan CSS Sebelum ke Tutorialnya kalian harus menyiapkan bahan-bahan terlebih dahulu. Sublime (Sebagai Text Editor) Makanan Ringan Kopi Niat Pertama buka Sublime kalian bisa gunakan Text Editor apa saja seterah. Kedua buat file dengan nama "Index.html" lalu simpan file tersebut dimana saja. Ketiga buat struktur HTML atau HTML5

One Piece Pirate Warriors 3 Unlock All DLC

Bagi kalian yang memainkan game One Piece Pirate Warriors 3 pastinya bosan donk kalau Custome karakter yang kalian mainkan itu-itu saja dan tidak ada perubahan sama sekali meski sudah ada tampilan yang berbeda dari setiap karakter karena adanya Custome dari Normal sampai ke New World (Dunia Baru). Disini saya akan membagikan DLC One Piece Pirate Wrarriors 3 yang bisa kalian download secara gratis dan tentu saja DLC ini saya dapatkan dari beberapa Forum luar dan saya sudah saya jadikan satu Folder agar kalian lebih mudah dalam memasang DLC ini. Lantas siapa saja yang dapat DLC pada One Piece Pirate Warriors 3 ini ? DLC yang akan kalian dapatkan pada game ini adalah sebagai berikut : Characters DLC Luffy Samurai Zorro Kimono "Z" Final Battle Nami Wedding Dress Kunoichi Sun Shangxiang Dressrosa Usopp Kimono Sanji Kimono "Z" Final Battle Chopper Kimono Robin Xingcai Kaihime Dressrosa Hancock Diaochan Naotora Ii 3D2Y Tashig