{tocify} $title={Daftar Isi Artikel}
Dengan tampilan yang rapi dan elegan, ternyata template ini mampu membuat pengguna blogger merasa senang. Sayangnya, banyak yang membagikanya template ini secara ilegal, gratis atau bahkan memodifikasinya.
Yang tentunya hal ini merugikan pengembang itu sendiri. Tidak bisa kita pungkiri, 9 dari 10 orang itu sangat menyukai gratisan, termasuk kadang saya sendiri. Akan tetapi saya termasuk penikmat gratisan yang tidak hilaf.
Namun saya tidak akan membahas siapa yang berbagi gratis dan siapa yang memodifikasi template tersebut, malainkan saya hanya akan berbagi cara bagaimana mengubah tampilan Related Posts Median UI.
Apa itu Related Posts?
Related post adalah kumpulan directori dari sebuah halaman web. Atau istilah lain semac perkumpulan kategori.
Langkah Untuk Memulai
Sebelum memulainya silahkan ikuti panduan yang saya berikan, dan caranya sebagai berikut:
- 1. Buka Blogger .
- 2. Tab halaman pilihan.
- 3. Pilih tema.
- 4. Edit HTML.
- 5. Ubah nilai.
- 6. Simpan tema "Selesai".
Kode Script Related Posts
Perhatikan kode ini. Di sini yang perlu kamu ubah adalah, nilai 1, 2, 3, 4, itu untuk mengubah tampilan yang sesuai keinginan.
<!--[ Related post ]--> <b:includable id='post-related'> <div class='rPst' id='rPst'> <script> var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>]; var relatedPostConfig = { homePage: "<data:blog.homepageUrl.canonical/>", // Replace <data:messages.youMayLikeThesePosts/> to change Related Posts title widgetTitle: "<h2 class='title'><b:if cond='data:post.labels none (label => label.name in [ "Product" ])'><data:messages.youMayLikeThesePosts/><b:else/>Related products!</b:if></h2>", numPosts: 6, summaryLength: 180, titleLength:"auto", thumbnailSize: 300, noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=", containerId: "rPst", newTabLink: false, moreText: "Read more", // Change the related post style, there are 4 styles available widgetStyle: 2, callBack:function(){} } </script>{codeBox}
Penjelasan Singkat
Perhatikan kodenya sekali lagi, di mana letaknya, dan di mana yang harus kamu ubah. Di sini yang perlu kamu lihat hanya di bagian script yang saya tandai dengan warna "Kuning" saja.
Di script tersebut bisa kamu ubah sampai dengan empat angka mulai satu sampai empat dengan tampilan berbeda-beda, mulai dari kotak dan seterusnya.
Semoga membantu dan bermanfaat.
Tags:
Template
