Cara Memasang Permalink Di Bawah Postingan Blog

Seperti kata pribahasa sebuah gambar dapat melukiskan seribu macam bahasa, begitu juga dengan postingan kali ini saya pun coba melukiskannya dengan gambar di bawah ini. 

Permalink

Nah, itulah yang dinamakan permalink yang berada di dalam text area yang berwarna biru tersebut akan tetapi permalik tersebut telah dimodifikasi sehingga tampilannya menjadi seperti gambar di atas.

Bagaimana pengen dicoba??? Silahkan langsung sedot aja gan.

1. Pertama-tama login ke blogger atau ke klik disini
2. Klik Template » Edit HTML » Lanjutkan.
3. Jangan lupa centang Expand Template Widget.
3. Cari code di bawah ini.

]]></b:skin>

4. Setelah code tersebut ketemu copy paste code di bawah ini dan letakkan di atas code ]]></b:skin>

.admin-tulisan{
width:auto;
background:#a3a3a3;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

5. Jika sudah, cari code di bawah ini.

<data:post.body/>

6. Setelah ketemu, copy paste code di bawah ini dan letakkan di bawah code <data:post.body/>

<!—Permalink junealbughisy-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> Juned al~Bughisy</h4>
<div class='kontainer'>
<img alt='Robockop' src='http://lh6.googleusercontent.com/-VVt7yQr4wl0/AAAAAAAAAAI/AAAAAAAAAC4/xJQq1frKUUE/photo.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.
Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://junedalbughisy.blogspot.com' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!—Permalink junedalbughisy -->

6. klik Simpan, dan selesai.

Catatan:

  • Untuk <data:post.body/> jika blog kalian memakai fungsi Read More, maka Anda harus mencari<data:post.body/> yang ke 2.
  • Untuk kode yang berwarna :
    » Merah: Bisa diganti dengan url/alamat gambar Anda.
    » Biru: Bisa diganti sesuai keinginan Anda.

Semoga artikel kali ini bermanfaat, Happy blogging :)

Tidak ada komentar:

Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 
Design by Juned al~Bughisy Copyright © 2012 ~ 2013 Powered by Blogger
Back to Top