Cara Membuat Judul Posting Blog Dropdown - Hallo guys,mimin mau share nih Tutorial Blog di Blogrenanda, Pada sharing Tutorial Blog kali ini yang berjudul Cara Membuat Judul Posting Blog Dropdown, saya telah menyediakan Tutorial Blog lengkap seperti Cara Membuat Judul Posting Blog Dropdown . mudah-mudahan isi postingan tutorial yang mimin tulis ini dapat anda pahami. okelah, ini dia tutorialnya.

Cara Membuat Judul Posting Blog Dropdown. Saat link judul diklik, tidak membuka halaman baru, tapi membuka isi tulisan.

Demonya ada di Template Blog Help Desk. Silakan klik judul di sana, akan kebuka isi tulisan, tanpa membuka halaman baru (Single Post).

Penampakan Judul Halaman Depan.

Penampakan Judul & Isi Posting Setelah Diklik.*

Kalau Anda berminat menggunakan template tersebut, ada di Template Magazine Terbaru.

CB belum tahu apa nama istilah desain judul posting model unik begini. Yang jelas, di kodenya sih ada nama Archiv Post Head. Kita sebut saja desain Judul Posting Dropdown atau Toggle Post.

Jika blog judul-judul posting blog halaman depan Anda mau dibuat seperti Help Desk itu, diklik judul keluar isi berita, maka berikut ini cara memasangnya:

1. Template > Edit HTML
2. Copas kode berikut ini di atas kode </head> atau </body>

    <script type='text/javascript'>
      //<![CDATA[
      $(document).ready(function(){
        $('.archivposthead').click(function(){
          postId = $(this).attr("id");
          $('#summary'+postId).toggle();
          link = $(this).attr("href");
          window.history.pushState("Just browsing", "Title", link);
          return false; 
        });
      });
      //]]>
    </script>

3. Cari kode judul posting halaman depan. Bisanya seperti ini:

<h2 class='post-title entry-title'>
                            <a expr:href='data:post.url' expr:id='data:post.id'>
                              <data:post.title/>
                            </a>
                          </h2>

4. Tambahkan kode class='archivposthead' menjadi begini:

<h2 class='post-title entry-title'>
                            <a class='archivposthead' expr:href='data:post.url' expr:id='data:post.id'>
                              <data:post.title/>
                            </a>
                          </h2>

5. Save Template!

Selesai. Good Luck! (http://www.contohblog.com).*

Demikianlah Artikel Cara Membuat Judul Posting Blog Dropdown

Sekian Tutorial dari Blogrenanda Cara Membuat Judul Posting Blog Dropdown, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan dari BlogRenanda.

Cara Membuat Judul Posting Blog Dropdown

Anda sedang membaca artikel Cara Membuat Judul Posting Blog Dropdown dan artikel ini url permalinknya adalah https://blogrenanda.blogspot.com/2016/09/cara-membuat-judul-posting-blog-dropdown.html Semoga artikel ini bisa bermanfaat.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: