Mengulas Misteri dan Blogging

Membuat Post Info Admin Komentar Tanggal pada Postingan

Membuat Post Info Admin Komentar Tanggal pada Postingan - Tak kalah penting juga, postingan yang baik juga harus ada post info-nya. Post info atau post meta ini biasanya terletak di bawah judul postingan atau ada juga yang berada di bawah postingan. Itu terserah selera masing - masing. 

Tapi, untuk template default dari Blogger, biasanya masih belum ada post info-nya. Kalaupun ada, itu tidak selengkap yang akan saya share ini. Mungkin, masih standard. Dan untuk tampilannya pun juga terbilang biasa saja.

Nah, untuk itu. Setelah dimodifikasi dan ditambah beberapa info lagi di dalamnya, pasti akan terlihat berbeda dengan yang bawaan Blogger. Bisa kita lihat gambarnya seperti di bawah ini.

Post Meta

Bicara masalah kegunaan, sesuai dengan namanya, ini sebagai informasi tentang postingan tersebut. Misal, nama author postingan, jumlah komentar postingan, label postingan, dan tanggal pembuatan postingan. Kalau ada tidaknya hubungannya dengan SEO, saya juga belum tau juga karena saya juga bukan ahlinya dan masih belajar SEO juga. 

Baiklah, untuk cara membuatnya. Silahkan ikuti langkah berikut.

Simpan kode berikut di atas ]]></b:skin> atau </style>

.post-info-icon {background-image: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Yfg63RKP-pTcT31oy7ceoUcqm2HBnkf-CGRperuLy0P9eiwInx1W3m04uJZ5y_97BpdfB0z_qi31rUXxYZBJWtPVX8zWdBICQnUMohNaTPReXkG18Thp46zbslKo9BHsDmYGMkmBam0a/s1600/icon-admin.png&quot;);background-repeat:no-repeat;}
.post-info {display:block;margin:9px 0 9px 10px;padding:8px 10px;color:#999;line-height:1.6em;border-top:1px dotted #e2e2e2;border-bottom:1px dotted #e2e2e2;font-size:12px;overflow:hidden;}
.post-info a {color:#999;}
.post-info-icon {display:inline-block;float:left;margin:0 12px 0 0;}
.post-info a:hover {color:#000;}
.jam {background-position:0 -98px;height:16px;padding:0 0 0 19px;}
.komentar {background-position:0 -132px;height:16px;padding:0 0 0 19px;}
.label {background-position:0 -166px;height:16px;padding: 0 0 0 19px;}
.admin {background-position:0 1px;height:16px;padding:0 0 1px 19px;}
.tanggal {background-position:0 -32px;height:16px;padding:0 0 0 19px;}

Lalu, cari kode seperti kode berikut ini. Gunakan Ctrl + F untuk mempercepat pencarian.

<div class='post-header-line-1'/>
</div>

Jika tidak ketemu, silahkan letakkan saja di daerah bawah kelompok judul postingan. Misal, kode HTML untuk kelompok judul postingannya seperti ini.

<b:if cond='data:post.title'>
      <h2 class='post-title entry-title' expr:title='data:post.title' itemprop='name headline'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link' expr:title='data:post.title'><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' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
    </b:if>

Biasanya setiap template berbeda-beda. Anda sesuaikan saja kode yang ada di Edit HTML dengan kode di atas tadi. Jika sebagian besar mirip, berarti itulah kode kelompok judul postingannya. Atau anda bisa melakukan pencarian di Edit HTML dengan menggunakan cuplikan kode di atas yang kemungkinan besar sama dengan template anda.

Jika sudah ketemu kodenya, letakkan HTML post info berikut di bawah kelompok judul postingannya tadi.

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
           <div class='post-info'>
           <div class='post-info-icon admin'>
              <b:if cond='data:top.showAuthor'>
                 <span class='vcard'>
                 <span class='fn'>
                  <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='Author Profile'><data:post.author/></a>
                 </span>
                 </span>
              </b:if>
           </div>

           <div class='post-info-icon komentar'>
           <b:if cond='data:post.allowComments'> 
              <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title="Comments"> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> 
              </a> 
           </b:if>
           </div>

           <div class='post-info-icon jam'>
              <abbr class='updated published' expr:title='data:post.timestampISO8601'>
              <data:post.timestamp/>
              </abbr>
           </div>
      </div>
      </b:if>
          </b:if>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='post-info'>

           <div class='post-info-icon admin'>
              <b:if cond='data:top.showAuthor'>
                 <span class='vcard'>
                 <span class='fn'>
                 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='Author Profile'><data:post.author/></a>
                 </span>
                 </span>
              </b:if>
           </div>

           <div class='post-info-icon komentar'>
           <b:if cond='data:post.allowComments'> 
              <a expr:onclick='data:post.addCommentOnclick' href='#comments' title="Comments"> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> 
              </a> 
           </b:if>
           </div>

           <b:if cond='data:post.labels'>
           <span class='post-info-icon label'>                              
                <b:loop values='data:post.labels' var='label'>
                <a expr:href='data:label.url + &quot;?max-results=6&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
                </b:loop>              
           </span>
           </b:if>

           <b:if cond='data:post.dateHeader'>
           <div class='post-info-icon tanggal'>
              <abbr class='updated published' expr:title='data:post.timestampISO8601'>
              <data:post.dateHeader/>
              </abbr>
           </div>
      </b:if>
      </div>
          
           </b:if>

Ingat, untuk memastikannya, silahkan lihat hasilnya dulu, apakah letaknya sesuai apa tidak, letaknya berantakan atau tidak. Jika berantakan, berarti penempatan kodenya mungkin salah. Atau CSS-nya yang tidak pas dengan template anda. Jika tidak sesuai, anda bisa mengubah CSS-nya lagi agar pas dengan template anda.

Jika semuanya sudah pas, silahkan simpan.

Selesai. Sekarang postingan anda sudah ada post infonya. Cukup mudah bukan. Jika ada masalah, silahkan berkomentar di bawah.
Tag : Blogging, SEO
39 Komentar untuk "Membuat Post Info Admin Komentar Tanggal pada Postingan"

wah kayaknya bagus nih untuk di coba di blog saya ijin coba gan :D

bagus jg nie....lebih lengkap di homepage

kalo itu udah ada di blog ane gan,, bawaan dari templatenya

Jadi lebih mantep dah , maksih udah share

wah makasih gan tutorialnya...
ane baru tau ada tutor kaya gini :D
nice gan...

wah makasih gan tutorialnya...
ane baru tau ada tutor kaya gini :D
nice gan...

wah, makasih infonya yagan....
sekalian di coba :D

Bisa Bikin Yang Hiden Gk Gan

wah kayaknya bagus nih untuk di coba di blog saya ijin coba gan :D

Jadi tambah terlihat lebih bagus dan detail

Post infonya emang lengkap gan.

Ya, kalo sekarang ini, emang sudah banyak sih template yang sudah ada post infonya. Jadi, nggak usah nambahin lagi.

Oke. sama-sama mas. Biar tambah joss blognya

Sama-sama gan. Sebenarnya, itu sudah ada dulu, Cuma, kadang-kadang ada yg belum lengkap. Makanya saya share aja ini.

Sama-sama gan. Silahkan dicoba gan..

Wah, kayak apa tuh. Disembunyikan gitu kah. Ya mungkin tinggal ditambahin kode show hidenya aja kali ya. Belom tau tuh yg itu.

Iya gan. Silahkan dicoba mas dafa.

Keren yah. silahkan dicoba mas. Kalo udah ada nggak usah nggak papa.

Iya sob. Jadi, lebih detail dan lengkap.

Wah bgus ni Blogwalkingnya sob Ashockk.blogspot.com :-bd

Makasih sob. Blog jadi lengkap jika ada post infonya :D

iconnya gk muncul gan, solusi ? udah ane otak atik :D

Izin share ka, terimakasih :)
http://goo.gl/FKHTq2

Manteeep sob untuk tutornya, sangat membantu :)
http://goo.gl/m6kxdR

Masih gak ngerti nih . Pasang HTML nya dimana gan ? Soalnya kode <div class='post-header-line-1'/>
</div>


ada di blog saya

Thanks gan artikelnya :)
http://goo.gl/mgBCnM

Tidak berhasil gan, yang muncul cuman jam posting doang.

http://www.reghazleo.blogspot.com

Teima kasih telah berbagi.

Setelah lama mengutak atik, akhirnya bisa juga terpasang. |o|

Salam.
http://ian-konjo.blogspot.com

tks postingannya membantu gan. mhn ijin mampir juga ya di http://goo.gl/tzVxLf

gan kalau tanggalnya malah nyatu sama waktunya itu gimana cara memperbaikinya?

+++
Merasa kurang hoki bermain judi di situs lain ? atau Ingin mendapatkan income tanpa bekerja ?
KAMI HADIR UNTUK ANDA , MARI BERGABUNG BERSAMA KAMI DI RUBYQQ
PRESENTASI KEMENANGAN 80% ( MENANG ATAU KALAH TETAP DAPAT BONUS )
100 % PLAYER vs PLAYER !!
Hanya dengan 1 USER ID anda bisa main 7 GAMES :
* Bandar Poker | Poker Online | Capsa Susun | DominoQQ | BandarQ | AduQ | SAKONG ONLINE |
* Pendaftaran FREE ==> https://goo.gl/AQYhSc
* Minimal Deposit & Withdraw HANYA Rp.15.000,-
* Bonus Turn Over 0,5% SETIAP HARI DIBAGIKAN
* Bonus Referral 20% Seumur Hidup
* MEGA JACKPOT RATUSAN JUTA RUPIAH
* Customer Service siap melayani anda 24 jam

Untuk informasi lebih lengkap silahkan Hubungi Customer Service kami
BBM : 2B8938F7
FACEBOOK : rubyqq
SKYPE : RUBY QQ
LIVECHAT https://goo.gl/AQYhSc

Salam Hangat Dari royalQQ untuk semua Juragan Juragan ??
Kini Hadir Game Terbaru : ==> GAME SAKONG
Jangan ditunggu lagi para Juragan yang ingin mencari agen poker terpercaya dan tanpa ROBOT/ADMIN
Kami hadir Berkat Para Juragan yang ingin bermain Poker dengan Sportif
Ayo Juragan, Jangan ditunda lagi... Segerah Bergabung Bersama Kami Di RoyalQQ
Kami Juga Menyediakan Berbagai Promo2 Untuk Para Member RoyalQQ.
Disini kami juga menyediakan CS yang siap melayani Para Juragan Dengan Sebaik-baiknya (24jam/hari).
Minimal Depo Dan WD: Min DEPO 15RB & Min WD 15RB
Dijamin Proses Depo Dan Wd Yang Tercepat.

Selamat malam bossku semua...
Kamu Sering Kalah Main Judi?
Sudah Tidak Jaman Lagi Kalah Main Judi
Kami Hadir Dengan Inovasi Terbaru & Tercangih, Dengan Jackpot Yang Super Pasti & Gampang Untuk Menang Terus Di Setiap Hari .
Transaksi Cepat, Aman & Terpercaya.
Tersedia 7 Games Dalam 1 User ID :
New Game ------>> GAME SAKONG
Poker, Domino, BandarQ, Capsa, Sakong
Minimal Deposit Rp.15.000,-
Minimal Withdraw Rp.15.000,-

Komentar ini telah dihapus oleh pengarang. - Hapus

Ayo segera bergabung dengan Agen Judi Poker Online Terbaik dan Terpercaya di Indonesia KacangMasPoker | www.kacangmaspoker.net | . Dapatkan Jackpot hingga Jutaan rupiah setiap harinya !!

• Bonus New Member & Next Deposit s/d Rp. 1.000.000,-
• Bonus Jackpot s/d Rp. 200.000,-
• Bonus TurnOver 0,5%
• Bonus Referral 20%

# LINE : pokerkcm
# BBM : pokerkcm
# WHATSAPP : +6287819742741
# Twitter : kcm__poker
# IG : kcm_p0ker

• 7 Games dalam 1 ID
| Texas Poker | Capsa Susun | Ceme | Domino QQ | Bandar Ceme | Super 10 | Omaha |

• BCA - BNI - BRI - CIMB - Danamon - Mandiri.
• Menerima Deposit via Go-Pay, Ovo & Pulsa Telkomsel / XL

Link Alternatif:
• www.kacangmaspoker.xyz
• www.kacangmaspoker.club
• www.kacangmaspoker.live

Silahkan berkomentar yang relevan. Jangan menyertakan link aktif di sini. Jika melanggar, komentar akan terhapus.

Emoticon : :) :( =( ^_^ :D =D |o| @@, ;) :-bd :-d :P :kak: