Membuat Link Sumber Otomatis

Membuat Link Sumber Otomatis Ketika dicopas,Memberi Link Sumber Otomatis Ketika artikel dicopas, atau memberi link yang tampil secara otomatis ketika artikel pada postingan blog kita di copy paste orang sangat mudah, copy paste artikel postingan blog menurut saya boleh-boleh saja, saya yakin semua blogger kita pernah juga copy paste, eits... tapi lihat-lihat dulu etikanya!



Copy paste adalah hal yang wajar juga, kadang pembaca mengcopy paste sebuah artikel untuk pribadi dan agar apa yang dia peroleh tidak hilang, dan caranya mereka mengcopynya pada blog mereka masing-masing.

Nah, namun jika kamu mengcopy paste artikel dengan tujuan untuk kamu publikkan maka etika yang tepat adalah cantumkan link sumber dari artikeltersebut. oke kan sob..nah bagi kamu yang ingin jika artikel kamu di copas lalu akan tebentuk sebuah link yang mengarah kepada artikelmu,nihinfonetmu punya scriptnya, silahkan saja pasang di blogmu, bagaimana cara membuat link sumber otomatis ketika dicopas? ikuti tutorial dibawah ini!

1. Login ke blog kamu
2. Klik Rancangan
3. Klik edit html
4. Centang expand template widget dan jangan lupa backup.
5. Copy dan paste kode berikut tepat diatas kode <body> template kamu.
   

   <script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

6. Lalu simpan.

Untuk mengeceknya silahkan copy paste artikelmu pada notepad atau kotak postingan, jika berhasil maka akan ada link sumber otomatis pada apa yang kamu copas.Mudah kan cara membuat link sumber otomatis ketike artikel artikel di copas? semoga berguna.

»»  READ MORE...

cara membuat tombol ke atas dan kebawah blog

*Cara Membuat Tombol Ke Atas :

1.    Login ke blog.

2.    Masuk ke bagian Tata Letak.

3.    Lalu tambahkan Gadget HTML/JavaScript > kemudian isi dengan kode dibawah ini  :

<div style="display:scroll; position:fixed; bottom:50px; right:-6px;"> <a href='#' title='Ke Atas halaman'><img border="0" src="http://i1258.photobucket.com/albums/ii528/MSnandar/blog/atas.png" /></a><br /> </div>

4.    Setelah itu Klik OK/Simpan.

5.    Coba lihat hasilnya di blog kamu.

 *Cara Membuat Tombol Ke Bawah :

1.    Login ke blog.

2.    Masuk ke bagian Tata Letak.

3.    Lalu tambahkan Gadget HTML/JavaScript > kemudian isi dengan kode dibawah ini  :

<div style="display:scroll; position:fixed; top:50px; right:-6px;"> <a href='#footer' title='Ke bawah halaman'><img border="0" src="http://i1258.photobucket.com/albums/ii528/MSnandar/blog/bawah.png" /></a><br /> </div>

4.    Setelah itu Klik OK/Simpan.

5.    Nah sekarang bedanya tombol balik ke bawah dengan tombol balik ke atas yaitu teletak pada pengaturan link nya, lihat script ini <a href='#footer' title='Ke bawah halaman'>. 

6.    Untuk bisa mengakses link tersebut selanjutnya kita buat link yang sama dengan cara masuk ke Template > Edit HTML kemudian cari kode/script </body>, setelah ketemu script </body> copy kode ini <a name='footer'/> di atas script </body>. Scrip ini <a name='footer'/> merupakan link dari footer yang kita buat tadi.

7.    Selesai deh Cara Membuat Tombol Kembali Ke Bawah Pada Blog. Semoga bermanfaat yah. Terima Kasih.


*Note : Kedua Scrip tersebut dapat di gabung jadi satu bila ingin mengunakan keduanya sekaligus

»»  READ MORE...

cara membuat menu faceboo,twitter,google+ melayang di blog

CSS - Menu ini berfungsi untuk menghemat tempat di ruang blog Anda, tentunya dengan efek melayang, dan disini icon dari Facebook, twitter, RSS dan Google plus berbentuk 3D. Saat pointer menyentuh icon tersebut secara otomatis akan muncul efek 3D dan hovernya.

1. Login ke blog kamu.
2. Pilih Tata Letak > Add Gadget > HTML/JavaScript.
3. Copy kode dibawah ini.

<style> .TNT-flt-wdt { position:fixed; right:10px; top:36% ; } .TNT-flt-wdt img { float:right; clear:right; margin:1px; -webkit-transition: all .0s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .TNT-flt-wdt img:hover { -moz-transform: scale(1.2) rotate(6deg); -webkit-transform: scale(1.2) rotate(6deg); -o-transform: scale(1.2) rotate(6deg); -ms-transform: scale(1.2) rotate(6deg); transform: scale(1.2) rotate(6deg); } </style> <div class="TNT-flt-wdt"> <style> .TNT1 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbiV9eq_MMljoVvv5_jo5bYwlZCGO8FZnMLoHGuHou9-hHNk6sCmXyZp5_rRDzuvfgti8_mEnuuipxa9G7kxieX3SKiwUxUmtGox-b8g9GuqijExfRpn4XhGNCtkbGb9iCRETykGlzzlIL/s1600/Facebook+Icon.png') bottom; text-indent: -99999px; } .TNT1:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR1zjsYijP9ngO19l_bs3ZU77-PX995OtIB32TWd47wIr6wKagesQtpgJZ_ia0aGMifmhA9cqlbmkTknSGNffq8Bg1WaFeD4SDLCVzbL7KTDApf-wKIzm2lZrw5PmOpQQtvoiGNVyYcsRh/s1600/Facebook+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT1" href="www.facebook.com/pages/Share-Of-Share-iNfo/216336678491860"></a> <style> .TNT2 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtymWIZ_-uB3iAsnpEKQ2kDZzajgu3uK_l5FqqkertQX0TMulSsD_mP8-Ec_sIwiWTeuXydnhtv218QBgiTqRJ6pUFLVH2rGZUUlO1XKy_ZfFsbLL9dhs0GDYqu2CqlrUmHbJsQXivJeyv/s1600/Twitter+Icon.png') bottom; text-indent: -99999px; } .TNT2:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Jwx1faW6IIDfG1hV1rGLmRCsfVH4YKqjC_Q0t-aA74KKJKbzk16ZojiWSwMxsE5fNFxZJ_XIOAu-jwAsEUBwHzVzTSTNR4KNXOm3Ux16H15csKV4ZHbauXClW2kDMo8psFlrSflEH57S/s1600/Twitter+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT2" href="https://twitter.com/SOSTwiterr"></a> <style> .TNT3 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQeswEMxjLaIC6rt9_ArxYD2CFVVNMtHiPdJ_v9DowrzJM_46rFV_IwsxCR5vClToypY_3C1SBkgzerNP1lytoqmdhn0N-VDimU-JcfydD_EFBp0BlhgSe9X1tCxLoWS2-cpjxfQQIwIlN/s1600/Feedburner+Icon.png') bottom; text-indent: -99999px; } .TNT3:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq77EtcNFfdrZCffYKWzk8NClmmBs72kE6_mZpKU_2GpwKwLyqp87GH7k6VetSxgv2K_EzgL0aCUUpLanbSQSwzNSPof28ZeQJCj_tixUS1eP9WgPKiU_vTnO6PZBQEyZDmrGNSV338c0s/s1600/Feedburner+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT3" href="http://feeds.feedburner.com/SOS-iNfo"></a> <style> .TNT4 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUczaHSVPlr9IGk1rHOpHCBf3YdfVA5mNht8PkrXAevFTVImE11-iW9KZ_xKP2TjGT1fdjFBIv6CNfS8z5GRjxZJa0vRS0ddbTh27LqKyW-H3EVl6fBH4dYxKZuWX_dOjfcgP1D6OmzLEy/s1600/Google+Icon.png') bottom; text-indent: -99999px; } .TNT4:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhetagISFLrPQD2NoATuOVqU2ogtB8FKbeRxJ8hNAdY0mdvsto6uVMf7KmjTCAyzX2Sb9zb-NAU_wU-_4K8K4wazTSgZwbTtStz5sZegc2tfAnH2bzfB_sLMiZ0to8sooDSUUWyrUG4EFtt/s1600/Google+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT4" href="https://plus.google.com/103895659870449703746"></a>

Ganti kode yang berwarna merah dengan username masing-masing dari Anda.

Terakhit Save Dan Lihat Hasil NyA 

»»  READ MORE...