labell

Membuat Slider Carousel Otomatis Berdasarkan Label

Tutorial kali ini saya akan membahas bagaimana membuat slider Carousel otomatis berdasarkan label. Prinsip kerja dari slider ini sama seperti pada slider otomatis berdasarkan kategori. Anda tinggal mengganti dengan label anda dan slider ini akan bekerja sesuai dengan label yang anda masukkan. Slider Carousel yang saya buat kali ini sangat sederhana dan hanya menggunakan Carousellite script tanpa menambahkan efek easing dan mousewheel.

Cara pemasangannyapun sangat mudah, jika anda sudah pernah mempraktekkan artikel saya terdahulu yang berjudul membuat slider otomatis berdasarkan kategori tertentu, tutorial kali ini terasa sangat mudah, karena langkah-langkah pembuatannya hampir sama. Langsung saja di bawah ini langkah-langkah untuk membuatnya :

1. Login ke blogger dengan akun Anda
2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :

#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
#carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCbEzuQHwSIpcs9rYwEa5Cn_9qtb1BWrUrH1dPYLg1W5waim-jm_fpQhHnV2woMjiriDYL86McnB9v_EHb3P7OxHsdiNoZweuWNarylJk-XZfnwbt81KY4q2id80Xj2Iz_pah45ZFavQ/s1600/scroller-bg.png) repeat center}
#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5p4OeBTJ0JBzQ8Oe-D-SYbf4Ve4Xr1ZB6OFVcpasASuC-3NobQ9Aur_uATgmxqqgVH1e4GoUvdGgjoTQwfrA8FCCmpZMAHUnfH3CwP5iUSY_nZU0MmOsxQKSRqqGUWWjHrqIhM7-SMII/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
#carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKb_BJrb7tiJljMGy0pbSfhfo6UqYb3xpwdFAycd2gKvmyfHN1vHj2HUFUU0UOgpN6D3Skn0h4Gd6NrfUtnMDxJu97oUEnCeX4HTHlVOlopQzYerSPzsY1-pj-uFO8W4jToqBSnM9hP3M/s1600/prev.png) center}
#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcx3s1jvP_8RtC6MD-7KuYFgtfVu99TBkU_i_9FkM2oILecUWRkcN52TgHOzoamsOBkA0u4MH6DO5NKab7cZQGFrrkZzeqVCD51WwrfTyMLR0nnmDOAaIF1h8cAMlRFU4u4adgomnWuJA/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
#carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO-2rl6wrMgwSmYL7JFs6LRgxXp4xbdJhMGEP28N2o4YQ9O9maHHFSWKKrX94RqrQprwTzJcbh2vLs_WslbayQD8RxstHf-BNoZpeGd9iF0ZPnBspskqn_p9Cv57pJoKlceTP4TdpXcig/s1600/next.png) center}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGL5hO4TKib5h6AsObswE4FMzH0W1L2OHBWd33yycdKdR1BB-iIQwX3qlnt9hQO8AxeYUTquCWAb1Bvpjgbns4TgG1YCJdVLdZ1PVbuQthjdzS4nHF-eAelvbqABuNFROEvuL2g0Aiv40/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a img{display:block;background:#fff;margin-top:0}

Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.

6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode</head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://kauman.googlecode.com/files/jcarousellite.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRV36BpOvjAfQlzjhcewfgo2mWP43mHCBZLPO7BjEBN-P9thSMcEI2v-9o6zeKpDap68iGveWOYn7haPRvave2vAMu3K-Axe_LCUdiLIRW7Xl1jEfJpEfz5Ipcf7dxWlz1KpaWb6obB6o/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 140;
summaryTitle = 25;

numposts1 = 15;
label1 = "news";

function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}

s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>

Keterangan :

Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.jswalaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satujQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.

Sedangkan kode warna biru : 15 adalah jumlah slider yang ditampilkan. Dan news adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat).

7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>

document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);

</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
    auto:4000,
    scroll: 1,
    speed: 800,
    visible: 5,
    start: 0,
    circular: true,
    btnPrev: &quot;#previous_button&quot;,
    btnNext: &quot;#next_button&quot;
    });
    })})(jQuery)
</script>
</b:if>

Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 

8. Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.

Sangat mudah ya, anda tinggal ikuti langkah-langkah diatas dan baca dengan teliti jangan terburu-buru, Jika masih ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Itu tadi tutorial singkat tentang bagaimana cara membuat slider Carousel otomatis berdasarkan kategori atau label kali ini, selamat mencoba dan semoga bermanfaat.

Read More

slider

membuat feature slider image otomatis

Ada beberapa template yang nantinya akan saya share tapi kali ini saya buat sederhana, dengan sedikit menggunakan javascript, ya yang pasti lebih enteng dari biasanya. Oke kembali ke tutorial yang akan saya buat, kali ini saya akan membahas tentang cara membuat slider image otomatis sederhana yang akan menampilkan postingan terbaru Anda.

Slider ini hanya memakai innerfade jquery dan cycle jquery plugin untuk melembutkan perpindahan content slider (bener nggak ya...?), pengertian Innerfade jquery kira-kira seperti ini :

InnerFade is a small plugin for the jQuery-JavaScript-Library. It's designed to fade you any element inside a container in and out.

These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.

Source : medienfreunde.com

Wah malah bingung sendiri saya mas/mbak maklum Inggris saya dapat 6 dulu waktu sekolah, langsung saja pada cara pembuatannya :

1. Login ke blogger dengan akun Anda
2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
4. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :

Read More

kaligrafi

1. Syahadah Kaligrafi

Jam analog ini menampilkan kalimat syahadat laa ilaaha illallaahatau muhammad arrasulullaah dalam gaya tradisional. Gayatersebut dapat dilihat pada bendera Arab Saudi atau benderaKhilafah dari Hizbut Tahrir. Yang mati syahid adalah kalimatproklamasi penyerahan kepada iman Islam. Ini berarti ada Tuhanselain Allah (satu-satunya tuhan) dan Muhammad adalah utusanAllah.

Ini juga merupakan jam dunia, yang dapat diatur untuk menyesuaikan zona waktu tertentu. Warna jam juga dapat disesuaikan.

copy kode di bawah ini :

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTg4MTAyNTImcHQ9MTMxMDQ1OTE1MzQ*NyZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHRhaGxp/bDAyJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Islamic-Clock---Shahada---Analog-2722-8192_134217728.widget?__install_id=1310458776647&amp;__view=expanded" width="160" height="160" flashvars="&col1=fed803&col2=92f3a8&col3=eeffcc&tzoffset=false&gig_lt=1310458810252&gig_pt=1310459153447&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

2. cinta allah

Aku mencintai Allah, aku ingin mengingatnya kapan saja, Allahselalu dalam hati saya. Mereka adalah beberapa ungkapan bahwa ini jam analog ingin menyampaikan. Ini menampilkan sebuah hati merah dengan nama Allah di atasnya. Sekarang Anda juga bisamenunjukkan cinta Anda kepada Allah melalui situs atau blog Anda.

Ini juga merupakan jam dunia, yang dapat diatur untuk menyesuaikan zona waktu tertentu. Warna jam juga dapat disesuaikan.

copy kode di bawah ini :

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTg4MTQ3MTAmcHQ9MTMxMDQ1OTI2ODAwNSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGxvdmVh/bGxhaDAzJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Love-Allah-World-Clock---Islamic-Clock-2721-8192_134217728.widget?__install_id=1310458776668&amp;__view=expanded" width="160" height="160" flashvars="&col1=ff0000&col2=f3e4b1&col3=eeffcc&tzoffset=false&gig_lt=1310458814710&gig_pt=1310459268005&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

3. Mencintai Allah, Mengalahkan Hati 

Sekarang Anda dapat mengatakan cinta kepada Allah denganjantung yang berdetak animasi.

Ini juga merupakan jam dunia, dan jam zona waktu. Warna jam juga dapat disesuaikan.

copy kode di bawah ini : 

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTg4MTg1ODgmcHQ9MTMxMDQ1OTM4MjI5NCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGxvdmVh/bGxhaDAxJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Love-Allah---Heart-Beats-2757-8192_134217728.widget?__install_id=1310458769564&amp;__view=expanded" width="160" height="160" flashvars="&col1=ffffff&col2=cccccc&col3=eeffcc&tzoffset=false&gig_lt=1310458818588&gig_pt=1310459382294&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

4. Syahadah dengan Teks Kustom

Modifikasi lain dari jam partai politik memberikan jam ini Syahadahdan warna disesuaikan dan teks. Ini juga merupakan jam dunia, yang dapat diatur untuk menyesuaikan zona waktu tertentu.

copy kode di bawah ini :

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTk*ODY1OTImcHQ9MTMxMDQ2MDAzNjE1NyZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHN5YWhh/ZGF*MDEmZz*xJm89ZGU2MWVlNDA2ZDhkNGY5Yjk5OTU5ZWZhY2QwYmVlYzImb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:180px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Syahadat-Islamic-Clock---Circle-2954-8192_134217728.widget?__install_id=1310459456365&amp;__view=expanded" width="160" height="180" flashvars="&col1=006633&col2=99ff00&col3=000000&yourtext=Allah+my+Lord&tzoffset=false&gig_lt=1310459486592&gig_pt=1310460036157&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

5. Aku Cinta Islam

Cara lain untuk menunjukkan kasih kita kepada agama yang benar,agama para nabi, agama dari Tuhan Yang Maha Esa, Allah.Sekarang dengan desain lengkap Anda dapat merancang warnajam untuk menyukai Anda.

copy kode di bawah ini :

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NjAzMzY4NTAmcHQ9MTMxMDQ2MDM1OTg*NiZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGxvdmVp/c2xhbTAxJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/I-Love-Islam-Sketch---Analog-Clock-2970-8192_134217728.widget?__install_id=1310459460034&amp;__view=expanded" width="160" height="160" flashvars="&col1=000000&col2=ccff00&col3=eeffcc&tzoffset=false&gig_lt=1310460336850&gig_pt=1310460359846&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

6. Masjid yang indah Silhouette 

Masjid selalu menjadi bagian sentral dari kehidupan seorang muslim yang setia. Itulah sebabnya muslim selalu membangunmasjid mereka dengan perawatan yang paling. Banyak masjidbesar juga dibangun untuk menunjukkan kebesaran islam. Merekaunik dan indah dalam arsitektur mereka. 

copy kode di bawah ini :

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NjA1NDkxMTMmcHQ9MTMxMDQ2MDU1NDY*MiZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMG1vc3F1/ZS1zaWxob3VldHRlLTAxJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:150px;height:150px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Islamic-Clock-Mosque-Silhouette-3445-8192_134217728.widget?__install_id=1310460358536&amp;__view=expanded" width="150" height="150" flashvars="&col1=3399cc&col3=eeffcc&tzoffset=false&gig_lt=1310460549113&gig_pt=1310460554642&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

caranya memasang kode di atas adalah 

1. Login ke Blog dengan akun kamu

2. Pilih Tata Letak atau Rancangan

3. Pilih Elemen Laman

4. Klik Add Gadget --> HTML/Java Script

5.copas kode di atas ke kolom htmljava script lalu klik save dan lihat hasilnya.

Read More

cipta

cara membuat hak cipta blogger

salam blogger kawan, apa kabar ? saya do'akan agan selalu dalam rahmad dan kasih sayang Allah swt , Amin !!!,,,,, nah gan,,kali ini saya berkesempatan posting lagi tentang tuatorial ngeblog. kalau dulu saya pernah ngeshare tentang cara memasang kotak komentar facebook jilid 2  , sekarang saya mendapat trik baru untuk membuat hak paten akan isi blog anda, karna seiring dengan fenomena copas dengan tidak mengikuti tatanan atau aturan undang undang copas, maka sudah selayaknya kita menjaga isi postingan kita dengan cara memasang hak cipta blog kita. saya mengunjungi blog sahabat kita dengan url blog http://vikrymadz.blogspot.com, disini saya mendapat trik jitu untuk memasang hak cipta kita di blog. 

nah, sekarang ikutin tutorial ini jika sobat mau memasangnya di blog sobat !!!

- pertama tama login blog sobat !!!

- klik rancangan pada dasbor blog sobat !!!

- klik edit HTML

- tandai/ centang expand widget template

- cari kode <head> (tekan ctrl + f atau f3 untuk memudahkan pencarian), setelah ketemu segera copas code dibawah ini sesudah code <head>

<script type='text/javascript'>
function addLink() {
var body_element = document.getElementsByTagName(&#39;body&#39;)[0];
var selection;
selection = window.getSelection();
var pagelink = &quot;<br/><br/> Original Post at: <a href='&quot;+document.location.href+&quot;'>&quot;+document.location.href+&quot;</a>&quot;; // change this if you want
var copytext = selection + pagelink;
var newdiv = document.createElement(&#39;div&#39;);
newdiv.style.position=&#39;absolute&#39;;
newdiv.style.left=&#39;-99999px&#39;;
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}document.oncopy = addLink;
</script>


lalu jangan lupa klik save/ simpan, dan lihat hasilnya, setiap copian anda yg tertera di blog pasti akan muncul url blog anda, bagaimanasobat, mudah kan?

Read More