Cara Pasang Tombol Social Share di Halaman Statis Blog
Tutorial: Membuat Social Share Button (Facebook, Twitter, Google Plus, Tumblr); Tips & Trik Cara Memasang dan Menampilkan Tombol Social Share di Halaman Statis Blogger/Blogspot
Pada praktiknya, biasanya tombol berbagi artikel (postingan) tidak muncul di halaman statis blog; seperti halaman tentang, kontak, disclaimer (kebijakan), dan sitemap (daftar isi artikel).
Melainkan tombol berbagi artikel ini hanya muncul di Single Posts, tepatnya di dalam Content, - bukan di Static Page. Pertanyaannya, bagaimana cara menampilkan Social Share Button juga muncul di Static Page? Sangat mudah.
Yang pertama sekali yang perlu diperhatikan adalah tag kondisional yang pernah di bahas. Setiap tag-tag kondisional yang ada di dalam artikel itu, juga bisa digunakan (ditugaskan) untuk mengatur muncul atau tidaknya suatu elemen blog.
Biasanya tag kondisional yang digunakan, - yang bertugas agar Social Share Button tidak tampil di Static Page, menggunakan kode di bawah ini:
Kode tag kondisional selengkapnya seperti ini:
Jika ingin menampilkan tombol berbagi artikel Facebook, Twitter, dan Google+ di dalam Statis Page; maka hapus kode tersebut dan ganti dengan kode di bawah ini:
Ingat, kamu hanya perlu mengubah "status"-nya yang awalnya dengan tag kondisional:
...di ubah dengan kode ini:
Hanya itu. Dan jangan lupa untuk menambahkan kode </b:if> sebagai kode penutupnya. Langkah-langkah yang cukup mudah dan singkat, kan?
Pada praktiknya, biasanya tombol berbagi artikel (postingan) tidak muncul di halaman statis blog; seperti halaman tentang, kontak, disclaimer (kebijakan), dan sitemap (daftar isi artikel).
Melainkan tombol berbagi artikel ini hanya muncul di Single Posts, tepatnya di dalam Content, - bukan di Static Page. Pertanyaannya, bagaimana cara menampilkan Social Share Button juga muncul di Static Page? Sangat mudah.
Cara Pasang Tombol Social Share di Halaman Statis Blog
Yang pertama sekali yang perlu diperhatikan adalah tag kondisional yang pernah di bahas. Setiap tag-tag kondisional yang ada di dalam artikel itu, juga bisa digunakan (ditugaskan) untuk mengatur muncul atau tidaknya suatu elemen blog.
Pic: jQuery-Plugins.net |
Biasanya tag kondisional yang digunakan, - yang bertugas agar Social Share Button tidak tampil di Static Page, menggunakan kode di bawah ini:
<b:if cond='data:blog.pageType == "item"'>
Kode tag kondisional selengkapnya seperti ini:
<b:if cond='data:blog.pageType == "item"'> ...kode social share di sini... </b:if>
Jika ingin menampilkan tombol berbagi artikel Facebook, Twitter, dan Google+ di dalam Statis Page; maka hapus kode tersebut dan ganti dengan kode di bawah ini:
<b:if cond='data:blog.url == data:post.url'> ...kode social share di sini... </b:if>
Ingat, kamu hanya perlu mengubah "status"-nya yang awalnya dengan tag kondisional:
<b:if cond='data:blog.pageType == "item"'>
...di ubah dengan kode ini:
<b:if cond='data:blog.url == data:post.url'>
Hanya itu. Dan jangan lupa untuk menambahkan kode </b:if> sebagai kode penutupnya. Langkah-langkah yang cukup mudah dan singkat, kan?
Labels: Tutorial Blogger
Thanks for reading Cara Pasang Tombol Social Share di Halaman Statis Blog. Please share this article.
0 Response to "Cara Pasang Tombol Social Share di Halaman Statis Blog"
Post a Comment
Punya masalah? Hubungi kami di Pemecah Masalah.
Silakan bertanya secara spesifik agar kami mudah dalam menjawabnya :)