Secara default link fitur ini terletak di post-footer. Namun akan berpindah letak dan bentuknya ke bawah form komentar, setelah kita menampilkan seluruh isi posting. Nah, tataletak disinilah yang akan bersama-sama kita diskusikan. Apabila jaraknya dengan form komentar terlalu jauh, kamu dapat memperpendeknya dengan melakukan trik yang cukup simple. Eh..., ngomong-ngomong kode Link to This Post yang seperti apa yah? Kodenya setelah isi keseluruhan posting terbuka (jika melalui "Edit HTML", terlebih dulu centang "Expand Widget Templates") lebih kurang seperti di bawah ini :
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
Kembali ke pengaturan tataletak Link to This Post. Adapun step by step pengaturannya adalah sebagai berikut :<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
- Edit HTML --> Expand Widget Templates.
- Cari kode seperti di bawah ini :
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
- Atur ketinggian pada kode yang ditandai dengan warna merah, kalau OB sendiri diatur dalam kisaran 240 - 260.
- Update : Setelah kamu mengaplikasikan trik ini — untuk komentar yang menggunakan verifikasi — pengunjung tidak bisa melakukan verifikasi. Dengan kata lain “pengunjung tidak akan bisa berkomentar”. So, agar bisa memasukkan kode verifikasi dalam form komentar, maka kita harus menambahkan fungsi ‘scroll’. Tambahkan CSS berikut di atas kode
:]]></b:skin> .comment-form {
overflow:auto;
} - Jangan lupa disimpan.
Kamu pun bisa lebih banyak berkreasi dengan melakukan edit atau menambah kode backlinks-container dalam CSS. Contoh kodenya dalam CSS :
#backlinks-container {
margin: 10px auto 0;
padding: 5px 10px 10px;
border: 1px solid #E1D4C0; }
margin: 10px auto 0;
padding: 5px 10px 10px;
border: 1px solid #E1D4C0; }
Selamat mengatur tataletak Link to This Post...
hebat udah berubah tampilan lagi nii
BalasHapus:) salam dari sahabat lamah :)
siapa ya..? kok kayanya saya gak kenal.. tapi URLnya sangat familiar, hehehehe
BalasHapusia betul
BalasHapuslink to thepost
memang jarang digunakan
padahal penting ya
Ini dia yang saya cari2.
BalasHapusTerima kasih ya atas Infonya,,...manthap
Di blog kami setelah kami amati ternyata jarak kolom komentar dengan 'link ke posting ini' adalah relatif jauh. Jadi perlu diatur kembali tata letaknya sehingga serasi dan sedap dipandang mata. Trims sharingnya sobat. Salam sukses.
BalasHapuswah om kalo bisa setiap post pakein pic sccreen shotnya dong...
BalasHapusbiar ga pusing juga liatnya..
soalnya ane kalo baca doang pasti pusing . .
kalo ada picnya kan enak ..
hahaaaa
keren sukses deh,,,,,,,, trik SEOnya..
BalasHapuswajah baru nih blog.. loading page-nya ringan banget, tipsnya sip! langsung TKP :)
BalasHapus@Akbar Yahya dan @Allien 99 : makasih, kk. Udah lama pengen ganti dan baru aja terlaksana :D
BalasHapusSaya masih belum paham, bagaimana fungsinya link to this post ini mas. Hehe
BalasHapusKeren juga ya, memudahkan orang lain untuk memberi link terhadap kita, hehehe
BalasHapusbagus sekali infonya, makasih banyak.
BalasHapusApakah cara ini juga sama jika kita ingin Link to this post ini diletakkan di bawah postingan
bang klo boleh tau cara menghilangkanny gmna ya bang? mhon bantuannya?
BalasHapuslihat contoh link to this post di blog saya
di http://pariwisatadanteknologi.blogspot.com/
@Foe : Kalau kita ingin memindah "Link to This Post", berarti trik di atas otomatis tidak berlaku, kk. Karena trik di atas itu merupakan pengaturan jarak antara form komentar dengan "Link to This Post".
BalasHapus@kadek setzer : Jika kk ingin menghilangkannya klik "Design" --> "Page Elements" --> Perhatikan kolom "Posting Blog" (dibawahnya ada teks "Edit") --> Klik Edit tersebut --> Hilangkan tanda centang pada "Link to this post" --> Save
@congcot
BalasHapustest reply
waduh maksi banget ya mas infonya tapi koq saya gak diberi tahu lewat blog saya,,kan saya kira ga ada tnggapan,,untung search lagi ggogle n ktemu lagi ma blog sobat,,mampir ya sekalian follow blog saya ntar saya akan follow blo anda
BalasHapushttp://pariwisatadanteknologi.blogspot.com/
hi admin,
BalasHapusBagus nich ide tulisannya, makasih udah bisa membantu info tsb
salam kenal
dari kami
http://tabungan-haji.blogspot.com
tnhx aja brow uyeeeeeeeeee
BalasHapusmampir bro...
BalasHapusthanks bro informasinya
BalasHapusthanks infonya broo...
BalasHapusTerima kasih infonya mas Rudy
BalasHapustq gan,........
BalasHapuspokoke mantaf,......
lam knal !!!
saya bookmark ya? Lagi perlu nih. Thx ya :)
BalasHapussip deh kalo begitu...aku mo coba...trims ya....
BalasHapus