Tampilkan postingan dengan label posting. Tampilkan semua postingan
Tampilkan postingan dengan label posting. Tampilkan semua postingan

Jumat, 06 Desember 2013

Membuat Print Page di Bawah Judul Posting

Membuat Print Page di Blog - memang berguna untuk blog agar pengunjung dapat lebih di manjakan oleh Widget Print page ini. Karena jika pengunjung membutuhkan artikel anda baik untuk tugas atau yang lainnya, pengunjung tidak perlu lagi mengcopy artikel anda ke word, excel, atau microsoft yang lainnya, kaena pengunjung hanya tinggal meng klik link Print Page anda tersebut.

Pertama anda pilih terlebih dahulu Type dari Print Page di bawah sesuai keinginan anda


<a href=javascript:window.print() title=Print this Page><img src=http://i785.photobucket.com/albums/yy131/djnand/print.gif/></a> <script type=text/javascript>
var authorId = &quot;C7AAB579-3D36-4A37-B7A1-0863E2F39F4B&quot;;
var pageOrientation = &quot;0&quot;;
var topMargin = &quot;0.5&quot;;
var bottomMargin = &quot;0.5&quot;;
var leftMargin = &quot;0.5&quot;;
var rightMargin = &quot;0.5&quot;;
</script>


<div style="text-align: center;"><form><input value="Print This Page" onclick="print()" type="button"></form></div>

print this page Print This Page
<a href="javascript:window.print()"><img src="http://i785.photobucket.com/albums/yy131/djnand/iconprint.png" alt="print this page" border="0"/> Print This Page</a>

Jika sudah di tentukan Type Print Page mana yang ingin di pasang di blog anda, copy kode di bawahnya

Langsung ke cara pemasangan Print Page di Blog.

1. Login ke blog
2. Pilih Rancangan - Edit HTML
3. Centang "Expand Widget Template"
4. Cari kode <data:post.body/> 
5. Biasanya untuk tempalte yang sudah di  pasang auto readmore, akan di temukan kode <data:post.body/> lebih dari satu, nah anda tempelkan kode Print Page diatas tadi sebelum kode <data:post.body/> yang ke2.
 6. Save

Selamat anda sudah mempunyai Print Page di bawah judul posting Blog anda.
Semoga artikel Membuat Print Page di Bawah Judul Posting ini dapat bermanfaat
ReadFull Article ..
Diposting oleh di Tidak ada komentar:
Label: , , , , , ,

Rabu, 06 November 2013

Cara letak jumlah komen disebelah tajuk posting

comments bubble
Meletakkan jumlah komen disebelah tajuk posting dengan dengan bentuk gelembung  boleh membuatkan blog anda nampak lebih menarik.Jika ingin mengubahsuai tampilan pada blog dengan jumlah komen ini, ikuti langkah berikut: 


1.Masuk ke dashboard,template dan pilih edit HTML,

   Dan cari kod ini pada template:

<h3 class=post-title entry-title>

3. Sebelum  atau selepas kod diatas ,letak kod dibawah ini:
<b:if cond=data:post.allowComments>
<a class=comment-bubble expr:href=data:post.addCommentUrl expr:onclick=data:post.addCommentOnclick><data:post.numComments/><br/><span style=font-size:10px>Komen</span></a>
</b:if>


#Bahagian yang berhuruf merah adalah bagi membuat  perkataan komen dibawahnya .

Jika tiada kod <h3 class=post-title entry-title> ,cari kod <b:if cond=data:post.url> dan letakkan kod diatas sebelum kod ini.

4.Kemudian cari kod ini pula:

</head>

5.Letakan sebelum atau selepasnya kod dibawah ini:

<style type="text/css">.comment-bubble {
float: right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPejzW_VnccDd1CZ19Qc-unnfffRlMNNMh_-z6M4_veq2NfgW352Xq4iUUFarSm9iW7Glm10VPC_TxIaDxg1GrCRLPZ7pzlUWlrWmnL6Ys0ZQUsD9Z5Kjx2DDD0r0CSWI1sqJMpnqGImx0/s1600/Blogger+comment+bubble+%284%29.png) no-repeat;
width: 55px;
height: 38px;
font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style>

6.kemudian preview dan akhir sekali klik save template


ReadFull Article ..
Diposting oleh di Tidak ada komentar:
Label: , , , , , ,
Langganan: Postingan (Atom)