Membuat Sumber Otomatis Di Bawah Postingan

Author: Teknisi Alarm

 

Membuat Sumber Otomatis Dibawah Postingan

Sumber postingan sangat berguna bagi pengunjung yang tertarik ingin memiliki rujukan dari blog kita. Namun, terkadang ada beberapa pihak yang sering lupa mencantumkan sumber artikel saat melakukan copy paste dari blog kita. Oleh karena itu di butuhkan keterangan jelas bagi pengunjung yang ingin copas dari blog kita.

 

Pada kesempatan ini saya akan memberikan tutorial untuk membuat source code atau kode untuk sumber. Source Code ini sedikit berbeda dengan yang biasanya. Kalau kode source code yang biasanya menggunakan JavaScript dan akan membuat hasil copy paste mengikutkan linknya, tapi source code ini hanya akan muncul di setiap postingan Anda dan memberitahukan kepada semua pengunjung agar mencantumkan sumber bila ingin copas. Bila tertarik silahkan ikuti tutorialnya.

1. Letakkan CSS berikut sebelum code ]]></b:skin> atau </style> pada Edit Template.

   .source span {font-size:small!important;color:#888;padding:0;margin:5px 0;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}

2. Selanjutnya, cari code <data:post.body/>, biasanya terdapat lebih dari satu code, jadi pilih code yang kedua kalau masih belum berhasil paste dibawah code yang pertama. Lalu letakkan code di bawah ini tepat di bawah code <data:post.body/>.
   

   <center><i class='source'><span style='font-size: x-small;'>Bila ingin copas silahkan cantumkan link berikut.<br/>
   &lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;Source : <data:post.url/>&lt;/a&gt;</span></i>
   <br/></center> 

   Bila ingin membuat text menjadi rata tengah, silahkan tambahkan kode <center>  sebelum kode HTML di atas serta tag penutup </center> setelah HTML.
3. Save dan selesai. Untuk Previewnya bisa Anda lihat diakhir postingan ini. Source Code ini akan langsung muncul di semua postingan sobat.
   
   Sumber: http://wajahilmu.blogspot.com/2015/05/cara-membuat-sumber-otomatis-di-bawah.html

Labels: Desain Blog