Cara Menambahkan Link Pada Postingan Blog

//lh4.googleusercontent.com/-eAXyxy2JJKA/AAAAAAAAAAI/AAAAAAAAGS4/OHgzqHzCvtQ/s512-c/photo.jpg
September 16, 2017

Selamat pagi kali ini saya aka share Cara Menambahkan Link Pada Postingan Blog, Biasanya template bawaan blogger kurang maksimal dan menurut sebagian orang, oleh karena itu sangat penting memodifikasi dan saya rasa kita harus memilik sedikit memahami HTML. 

Saya harap ketika anda melihat gambar di atas anda akan paham apa yang akan saya bahas kali ini, Lansung saja saya akan memulai membahsanya dibawah ini.

Langkah 1# Buka Template> Edit HTML. Tekan CTRL F  dan cari judul pasak judul. Ini akan muncul dua kali di template Anda, cari contoh kedua.

Jika Anda tidak yakin, lihatlah kode sekitar 20 baris di atasnya. Harus ada <b: includable id = 'post' var = 'post'> dan bukan <b: includable id = 'mobile-post' var = 'post'>.

Anda harus melihat sesuatu yang mirip dengan berikut
<b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
        </h3>
    </b:if>
Langkah 2# Setelah <h3 class = 'post-title entry-title' itemprop = 'name'> tambahkan kode dibawah ini.
<span>
Sebelum </ h3> tambahkan yang berikut ini
</span>
Langkah 3# Sekarang kita perlu menambahkan CSS. Temukan ]]> </ b: skin> di Template Anda dan tambahkan kode berikut di atasnya.
/* STARTS LINE BEHIND POST TITLE -TutorialsWB*/
h3.post-title::before {
border-top: 1px solid #666; /* changes the border width, style, colour */
margin-top: 10px; /* moves the line up or down */
content: " ";
position: absolute;
left: 0;
right: 0;
z-index: 0; }
h3.post-title span {
background: #FFF; /* text background color to cover line */
padding: 0 20px; /* adds space to either side of the text */
position: relative;
z-index: 1 !important;
margin: 0 auto; }
.post-title.entry-title { text-align: center; }
/* ENDS LINE BEHIND POST TITLE - TutorialsWB */
Langkah 4# save Template Sobat dan lihat hasilnya.

Semoga artikel yang saya share ini bisa bermanfaat bagi Anda semua, jangna lupa tingalkan comment dibawah, share keteman kalian jika anda merasa artikel ini bermanfaat bagi Anda.


Artikel Menarik Lainnya

SUBSCRIBE TO OUR NEWSLETTER