Mohon Tunggu Proses Memuat Konten Halaman

ADVERTISEMENT

Terbaru

8
Tgl. 10 Maret 2012

Contoh Penempatan Kode Artikel Terkait Seluler Pada Template

Pada artikel dengan judul “ Membuat Daftar Artikel Terkait Pada Template Seluler Blogspot ” telah diuraikan dengan jelas tentang cara pemb...

Daftar Artikel Terkait Pada Blogspot
Pada artikel dengan judul “Membuat Daftar Artikel Terkait Pada Template Seluler Blogspot” telah diuraikan dengan jelas tentang cara pembuatan daftar artikel terkait pada template Blogspot untuk tampilan seluler. Demikian pula pada artikel dengan judul “Menyembunyikan Menu Ikon Mengapung Pada Tampilan Seluler” juga telah diuraikan tentang cara menyembunyikan menu ikon mengapung (floating menu with icons) agar tidak dimunculkan pada halaman blog untuk tampilan seluler. Namun demikian bagi Anda yang belum terbiasa menyisipkan kode atau script ke dalam template blog, bisa jadi hal tersebut akan terasa sangat membingungkan. Sehingga berikut ini disajikan beberapa contoh penerapan teknik pembuatan daftar artikel terkait pada template seluler yang berkenaan dengan penempatan kode atau script dalam menentukan letak daftar artikel terkait tersebut.

Dengan menggunakan beberapa contoh di bawah ini, diharapkan dapat membantu Anda yang belum terbiasa menyisipkan kode atau script ke dalam template blog, karena dengan demikian Anda tinggal menyalin kode yang terdapat dalam artikel ini sesuai dengan daftar artikel terkait yang dihasilkan oleh kode tersebut untuk mengganti kode yang terdapat pada template blog yang saat ini Anda gunakan.

Namun perlu diingat bahwa sebelum Anda menyalin kode di bawah ini untuk mengganti kode yang terdapat pada template blog yang saat ini Anda gunakan, terlebih dulu Anda harus menyisipkan kode seperti yang diuraikan pada langkah ‘Ketiga’ artikel sebelumnya yang berjudul “Membuat Daftar Artikel Terkait Pada Template Seluler Blogspot” tepat di atas kode </head>. Dan selanjutnya Anda tinggal menyalin kode di bawah ini untuk mengganti kode yang terdapat pada template blog yang saat ini Anda gunakan.

Contoh 1: Kode di bawah ini akan menempatkan daftar artikel terkait di atas tombol berbagi.
<div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <div id='mobile-related-posts'>
                   <div style='text-align: justify;'>
                   <h4><b>Artikel Terkait: </b></h4>
                   <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop>
                   <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
                   </div>
                </div>
              </b:if>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

Contoh 2: Kode di bawah ini akan menempatkan daftar artikel terkait di bawah tombol berbagi.
<div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
              <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <div id='mobile-related-posts'>
                   <div style='text-align: justify;'>
                   <h4><b>Artikel Terkait: </b></h4>
                   <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop>
                   <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
                   </div>
                </div>
              </b:if>
            </div>

Sehingga dari kedua contoh tersebut akan menghasilkan daftar artikel terkait dengan tata letak seperti pada gambar berikut ini.
Contoh 1
Contoh 2


Katagori: ,
Silakan klik di sini untuk mengeposkan komentar Anda. Jika Anda ingin membaca artikel lain yang terdapat pada blog ini, maka dapat Anda lakukan dengan cara membuka laman daftar isi. Catatan: Komentar balasan hanya diprioritaskan untuk pertanyaan dan atau pernyataan yang diposkan dengan memakai formulir komentar Blogger.
Admin
Terdapat 8 komentar pada artikel ini ▶
22/05/12 11.59 O

Saya mencobanya di blog saya, muncul kata-kata "artikel terkait"tapi list artikelnya tidak uncul. apa yang salah ya?

22/05/12 12.19 O

@nisaSobat Nisa, karena artikel ini merupakan contoh (kelanjutan dari artikel sebelumnya yang berjudul Membuat Daftar Artikel Terkait Pada Template Seluler Blogspot, maka silakan buka artikel tersebut untuk mendapatkan uraian lengkap tentang cara membuat artikel terkait untuk tampilan blog versi mobile.

Karena menilik dari masalah yang Sobat sampaikan, sepertinya Sobat langsung menerapkan contoh yang ada dalam artikel ini untuk membuat daftar artikel terkait.

Semoga dapat membantu.

22/05/12 20.05 O

@Semar Bingung

Sebenarnya saya sudah baca dan mempraktekkan dari artikel sebelumnya, tapi berhubung ngga bisa koment di sana, jadinya di sini. Gimana ya?

Anonim
22/05/12 21.56 O

@NisaSilakan Sob. Dan apabila Sobat masih mengalami kesulitan dalam menerapkan teknik tersebut, selama saya masih bisa maka saya akan senantiasa siap untuk membantu memberikan solusi atas masalah tersebut.

19/08/12 23.12 O

sobat coba lihat hasil nya di blog saya, ko yang ada hanya tulisan Artikel Terkait sama Labelnya saja, lalu daftar artikelnya tidak ada ,bagaimana sob ..

25/08/12 03.03 O

@GhiieellaaankKalau begitu dalam waktu dekat akan saya usahakan untuk menerbitkan update atas artikel tersebut, sesuai dengan rangkaian kode terbaru (seperti yang sekarang ini saya gunakan pada blog ini).

Namun sebenarnya teknik tersebut juga sudah diterapkan oleh beberapa Sobat blogger, dan nyatanya juga berhasil.

Sekian dan salam.

28/05/16 10.04 O

gan ko gak muncul yak di tamplate seluler aneh artikel terkaitnya

29/05/16 02.57 O

@sanDK Sobat, perlu diketahui bahwa uraian yang terdapat dalam artikel ini merupakan kelanjutan atau bagian tak terpisahkan dari beberapa artikel lain yang saya sebutkan di atas. Oleh sebab itu bila Sobat menerapkannya maka tentu saja juga harus mempelajari uraian yang terdapat dalam beberapa artikel tersebut.

Namun begitu perlu diketahui pula bahwa template yang digunakan dalam penerapannya merupakan template standar yang telah disediakan oleh Blogger sehingga apabila teknik ini diterapkan pada template kustom maka bisa jadi memang tidak akan berfungsi.

Terimakasih dan semoga dapat dipahami.

How To ▶
Education ▶
SEO ▶
Other Internet ▶
Programming ▶
Tutorial ▶
DP & Story ▶
Tips & Trick ▶

o

  • .Ragam Tumbuhan
  • .Unik & Langka
  • .Aneka Buah
  • .Produk Sederhana
  • .Karya Seni
  • .Tempat Wisata
  • .Ragam Kegiatan
  • .Aneka Bunga
  • .Hewan & Serangga
GALERI
KIRIM MASUKAN
E L T E L U
Semar Bingung's Weblog