Cara Mengganti Font V2

adminPosted by Billy Sukma Dwiprasetyo dateSabtu, 21 April 2012

Mumpung lagi liburan, posting aja deh.
Udah berabad-abad ngga share tutorial blog. Hal ini ngga terlepas dari faktor modem yang dafuq ini -_-.
Kali ini gw share tutor yang kaga spesial alias udah pada tau, tapi dalam versi gw. Langsung aja, check this out (dibaca: cekidot).
1. Langsung ke Google Webfonts, klik Disini.
2. Pilih font yang kamu suka. terus tekan Quick-Use
3. Pilih Style
4. Pindah scroll ke bawah dikit, nanti kamu bakal nemu 3 tab (Standart, @import, dan Javascript)
5. Klik tap javascript, lalu copy semua kodenya.
6. Lalu buka Notepad di Windowsmu.
7. Paste code yang kamu copy tadi, terus save dengan format js (mis. blablabla.js)
8. Buka YourJavascript dibrowsermu.
9. Upload file jsnya, jangan lupa sertakan email.
10. Check email.
11. Copy script javascript yang udah kamu upload tadi.
12. Taruh script diatas kode </head> pada edit html blogger.
13. Finish! Sekarang tinggal tinggal taruh kode integratenya aja. Kode integrate bisa kamu liat pada font yang kamu pilih di Google Webfonts tadi, contoh: font-family: 'exo', sans-serif;. Nanti hasilnya kaya gini..(contoh)
#outer-wrapper {
background: #222; font-family: 'exo', sans-serif;font-color;black;border:2px solid black;}
Happy blogging..





Readmore Cara Mengganti Font V2

Cara Merubah Scrollbar Di Blog

adminPosted by Billy Sukma Dwiprasetyo dateSenin, 16 Januari 2012

Udah lama nih ngga nge-share tutorial blog, hehehehe. Post ini saya repost dari Dode di DeezClan Forum. Ok, Cekidot...
1. Buka Blogger
2. Klik lay out, terus klik edit html.
3. Cari kode ]]>, nanti akan ketemu kode ]]></b:skin>
4. Taruh script berikut di atas kode ]]></b:skin>
::-webkit-scrollbar{height:10px;overflow:visible;width:10px}
::-webkit-scrollbar-button{height:0;width:0}
::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 1px}
::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}
::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;border:solid transparent;border-width:1px 1px 1px 1px;min-height:28px;padding:100px 0 0;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)}
::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.5);box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)}
::-webkit-scrollbar-corner{background:transparent;}
body::-webkit-scrollbar{height:12px;overflow:visible;width:12px}
body::-webkit-scrollbar-track-piece{background-clip:padding-box;background-color:#f5f5f5;border:solid #fff;border-width:0 0 0 0px;box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}
body::-webkit-scrollbar-thumb{border-width:1px 1px 1px 1px;margin:0 0 0 1px;}
body::-webkit-scrollbar-corner{background-color:#f5f5f5;}
5. Save
NB: Bisa diganti sesuai keinginan, dan hanya work pada Google Chrome.
Readmore Cara Merubah Scrollbar Di Blog

Cara Menghapus Script Blogger Touch

adminPosted by Billy Sukma Dwiprasetyo dateMinggu, 27 November 2011

Shinigami-XP - Assalamualaikum Wr. Wb., malem-malem enaknya posting nih heheheheheh. Akhirnya blogku bisa dibuka juga di hp, berkat inisiatif sendiri akhirnya bisa!, sebenarnya mau nanya Gilang Rhamadhan, tapi lagi sedih karena baca postingan terbaru DickeyMaru T_T. Oke, langsung ke TKP...
1. Masuk ke Blogger
2. Ke edit html
3. cari kode berikut bloggertouch 
4. Nantinya kamu akan menemukan script berikut

<SCRIPT type='text/javascript'>
//<![CDATA[
if(typeof bloggertouch==='undefined') var bloggertouch={};
bloggertouch.blog_id = "bitxp";
(function(){
var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
d.src = "http://bloggertouch-f1.sopili.net/f1/rdmobile.js";
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(d, s); })();
//verify_id=112274389819162574691
//]]>
</SCRIPT>
<SCRIPT type='text/javascript'>(function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile|o2|opera m(ob|in)i|palm( os)?|p(ixi|re)\/|plucker|pocket|psp|smartphone|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce; (iemobile|ppc)|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,&#39;http://www.bit-xp.com/?m=1&#39;);</SCRIPT>
 5. Hapus kode tsb., lalu save template.

Semoga bermanfaat.
Readmore Cara Menghapus Script Blogger Touch

Cara Ganti Font Ala Shinigami-XP

adminPosted by Billy Sukma Dwiprasetyo dateRabu, 23 November 2011

Shinigami-XP - Assalamualaikum Wr. Wb., Shinigami-XP share tutorial blog lagi nih, hehehehehe. Kali ini saya akan share cara ganti font melalui Google Web Fonts. Ok langsung aja..
1. Masuk ke Google Web Fonts
2. Cari font yang kamu sukai, lalu klik "Quick-Use"
3. Setelah itu kamu akan menemukan script seperti ini (Contoh)
<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'>
4. Buka tab baru di browser-mu, lalu copy paste link yang ada discript tsb.
http://fonts.googleapis.com/css?family=Devonshire
Seperti di atas.
5. Masuk ke Blogger, lalu ke Edit HTML. Cari Kode ]]></b:skin> (untuk mempermudah pencarian tekan CTRL+F)
6. Masukan script yang ada di link font tsb. di atas kode ]]></b:skin>
7. Jeng-jeng..., jadi deh, tinggal save. Tinggal ganti fontnya aja jadi seperti ini
Font-family:'Devonshire' (contoh).

Sampai jumpa di posting Shinigami-XP selanjutnya!
Readmore Cara Ganti Font Ala Shinigami-XP

Cara Memasang Efek Glow Pada Outer Blog

adminPosted by Billy Sukma Dwiprasetyo dateRabu, 09 November 2011

 Klik Untuk Memperbesar Gambar
Shinigami-XP - Assalamualaikum Wr. Wb , Shinigami-XP update lagi nih , kali ini saya akan kasi tutor blog pastinya :D . Pasti udah liatkan shadow di outer blog Shinigami-XP,kan ? . mau tau cara bikinnya ? mau tau ? , tunggu setelah yang lewat ini , jamaah..ooo jamaah..alhamdullillah , wakakakakakaakakak ! , Oke langsung ajeeee...
1. Masuk ke Blogger
2. Buka Layout
3. Klik Edit HTML
4. Cari kode #outer-wrapper
5. Nah , kamu akan menemukan kode berikut (Misal)
#outer-wrapper{background:#ffffff; border:1px solid #ffffff;
6. Tambahkan script dibawah ini
-webkit-box-shadow: -5px -5px 3px #8B0000;
-moz-box-shadow: -5px -5px 3px #8B0000;
box-shadow: -5px -5px 3px #8B0000; 
Nanti jadinya akan seperti ini
#outer-wrapper{background:#ffffff; border:1px solid #ffffff;-webkit-box-shadow: -5px -5px 3px #8B0000;
-moz-box-shadow: -5px -5px 3px #8B0000;
box-shadow: -5px -5px 3px #8B0000;
Penempatannya bisa kamu atur sendiri.
7. Save Template !, Jeng..jeng.., jadi decchhh.

Semoga bermanfaat guys !
Don't Forget To Follow, Okay !? :D
Readmore Cara Memasang Efek Glow Pada Outer Blog

Cara Merubah Link Download Dengan Gambar

adminPosted by Billy Sukma Dwiprasetyo dateSenin, 07 November 2011

Shinigami-XP - Assalamualaikum Wr. Wb , waduh udah lama gak apdet , soalnya saya lagi fix template blog . Kembali ke topik utama , so , pada kesempatan kali ini saya akan share "Cara Merubah Link Download Dengan Gambar" , langsung ajee , cekibroott !!
1. Pertama-tama , masuk ke Blogger.
2. Klik "Entri Baru"
3. Setelah masuk ke dalam menu posting , tekan "Edit HTML".
4. Nah , Ini scriptnya !
<a href="IsiDenganLinkDownloadAtauLain2"><img height="80" src="IsiDenganLinkGambarMu" width="200" /></a>
Height dan Width gambarnya sesuaikan dengan ukuran gambar kamu.

Don't forget to follow guys ! :D
Readmore Cara Merubah Link Download Dengan Gambar

Cara Membuat Gambar Berputar Ala Wahyu Twister Blog

adminPosted by Billy Sukma Dwiprasetyo dateRabu, 02 November 2011

Shinigami-XP - Asalamualaikum Wr. Wb. , maaf sebelumnya template Shinigami-XP lagi ancur kemaren , mangkanya ganti template lagi , huuuuuuffftt. oke kembali ke inti postingan , mungkin sobat bertanya-tanya kenapa kok gambar-gambar yang ada di Shinigami-XP berputar , hehehehehe , trik itu sy dapat dari Wahyu Twister blog . so , daripada penasaran terus , langsung aja yeeee...
1. Masuk ke blogger
2. Ke layout
3. Ke edit html
4. Setelah itu , cari kode ]]></b:skin> , untuk mempermudah pencarian sobat tekan CTRL+F atau F3
5. Taruh kode berikut diatas kode yang tadi 
.post img{-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}.post img:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}

6. Save template sobat
Semoga bermanfaat !
Source : http://icewahyu.blogspot.com/2011/10/cara-buat-gambar-di-posting-berputar.html
Readmore Cara Membuat Gambar Berputar Ala Wahyu Twister Blog

Cara Mengetahui Jenis Kelamin Komputer/Laptop

adminPosted by Billy Sukma Dwiprasetyo dateKamis, 23 Juni 2011

Cara Mengetahui Jenis Kelamin Komputer
Langkah-langkah:
1. Dengan tampilan dekstop, coba kamu buka notepad
2. isi dengan kode ini CreateObject("SAPI.SpVoice").Speak"I Love You"
3. Save file tersebut dengan nama xyz.vbs
4. Klik dua kali file yang tadi kamu buat (pastikan volume speaker kamu keras)
5. Jika file tersebut jalan, maka terdengar seseorang menyapa
6. Jika yang menyapa suara wanita maka komputer kamu berjenis kel4min perempuan dan begitu sebaliknya.

nah sekarang komputer atau laptop kamu cewek atau cowok
Readmore Cara Mengetahui Jenis Kelamin Komputer/Laptop