Sunday, June 16, 2013

Cara Membuat Kotak Pesan Peringatan Di Bawah Postingan Blog

Pada kesempatan kali ini saya akan berbagi, Cara Membuat Kotak Pesan Peringatan Di Bawah Postingan Blog. Sekedar mengingatkan sebelumnya saya pernah berbagi Cara Membuat/Memasang Kotak Pesan Admin Dibawah Postingan Blog. Kalau yang sebelumnya menggunakan foto/gambar kita, nah kalau kotak pesan peringatan yang saya share sekarang ini tidak menggunakan foto/gambar jadi hanya tulisan pesan peringatan aja. Tapi tujuan kotak pesan peringatan ini sama aja si, sama-sama bertujuan untuk menjaga hak cipta artikel kita. Langsung aja deh bagi yg ingin pake kotak pesan peringatan bisa lihat cara-caranya di bawah ini.


Cara Membuat Kotak Pesan Peringatan Di Bawah Postingan Blog:
1.  Login ke blogger.
2.  Ketika dihalaman dasbor, klik Template » Edit Html
3.  Cari kode ]]></b:skin>.
4.  Letakan script di bawah ini tepat di atas kode ]]></b:skin>.
.permalinkblogspot{border:0px solid #EFF0F1; padding:5px; background:#fff; -moz-border-radius:5px}

.permalinkblogspot a{background:none}

img.float-right{margin:5px 0px 0 10px}

img.float-left{margin:5px 10px 0 0px}
5.  Cari kode <data:post.body/>, kalau kode <data:post.body/>nya ada 2 letakkan dibawah kode <data:post.body/> yang ke 2.
<br/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='permalinkblogspot'>
<center>
<div style='border: 1px solid rgb(204, 204, 204); margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: rgb(221, 222, 232); text-align: left;'><img align='absmiddle' src='http://plurk.nova13.com/devilokok.gif'/> <b><medium>Tolong dibaca terlebih dahulu !</medium></b><br/><br/><small><div style='text-align: justify;'>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</div></small></div></center></div>
</b:if> 
<a href="http://rahman-ciblog.blogspot.com/2013/06/cara-membuat-kotak-pesan-peringatan-di.html" target="_blank">"Get this Widget"</a>
6.  Simpan. Klik Simpan Template, dan lihat hasilnya. 


9 comments:

  1. Thx Gan infonya, blog ane jadi lebih lengkap pake ginian! :D

    ReplyDelete
  2. Ok, sama-sama jangan pada bosen ya mampir di mari

    ReplyDelete
    Replies
    1. Gan Ajarin Ane Dong Cara Ngebuat Kotak Komentar Author kaya gitu, ane nyoba gak bisa bisa,

      Visit back ya + ajarin ane gan

      surya-journalis.blogspot.com

      Delete
  3. Waduh,thanks gan,dari tadi ini yang ane cari-cari,salam blogger,ya gan.khamsya,khamsya :))

    ReplyDelete
  4. @Muhammad Muflih:Sama-sama gan, Salam blogger

    ReplyDelete
  5. oh ya gan . kunjungi balik ya di http://ahmadsuyadi.blogspot.com/

    ReplyDelete
  6. Oke sangat bermanfaat info dari agan Rahman...mau saya terapkan mas di blog saya http://tonfeb.blogspot.com/

    Salam dari saya, Tony Febryanto di Jogja!

    ReplyDelete
  7. Thank you gan suksse
    visit blog ane https://deri21blog.blogspot.co.id/

    ReplyDelete