Monday, June 25, 2012

Cara Membuat Fanspage facebook melayang ditengah blog

Cara Membuat Fanspage facebook melayang ditengah blog
1. Login ke www.blogger.com pasti nya
2. ke Rancangan > Edit Html ( untuk tampilan lawas yah, soal nya admin gak suka sama tampilan baru,
3. Cari Kode </body>,  jika ingin cepat gunakan CTRL+F. Setelah ketemu letakkan kode di bawah ini tepat di atas kode 
</body>

<script type='text/javascript'>//<![CDATA[KNFBFansPRO='Satria Aprilian'//]]></script><style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}#fblikepop #closeable{float:right;margin:7px 15px 0 0;}#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}#fblikepop #actionHolder{height:30px;overflow:hidden;}#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style><script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/><script language='javascript'>//<![CDATA[$(document).ready(function(){$().KNFBFansPRO({timeout: 30,wait: 0,url: 'http://www.facebook.com/pages/Satria-Aprilian/448903711793954',closeable: true });});//]]></script><div id='fbtpdiv'/>


Catatan:
Kode Hijau adalah nama yang akan di tampilkan
Kode Merah adalah fb_id / username fanspage kalian 
Kode Biru adalah waktu yang di pergunakan untuk berapa lama menampilkan nya.







Courtesy Of # kayuagung-cyber.id-fb.com

Saturday, June 2, 2012

bikin page error not found


404

Ups..sorry

Page Not Found

Back Home page

Page not found buat blogspot

Sekarang blogspot udah mempunyai Custom Page Not Found ,jadi sekarang apa saja yang ada di blog kita ini..yang error - error gak bakalan di alihkan lagi ke blogger.com,biasa nya kalau ada link yg rusak atau yang udah ke hapus..pasti di alihkan ke blogger.com,tapi sekarang enggak lagi hehehe...Sekarang kalau ada url yang error itu masih berada di blog kita sendiri,dan sekarang waktu nya kita untuk bikin style di Custom Page Not Found ini.saya juga udah bikin style nya untuk blog saya sendiri,yah pasti nya saya menyesuian kan dengan warna dan karakter blog saya..ini style Page Not Found di blog saya ,cuma pake gambar doank..lumayan lemot yah..kwkwk..

Cara bikin nya

Info kali ini buat yg masih suka make Old BLogger interface,seperti saya juga masih make antar muka blogger yg lama,klw dengan tampilan antar muka blogger yg baru ini,yg seperti Blogger in Draft saya suka binggung hehehe..mungkin belum terbiasa,ini style yg sederhana aja,dengan tampilan warna merah..:),nanti tinggal sobat yg mengkreasikan dan menyesuian kan dengan karakter blog sobat sendiri ya hehe.Untuk bikin style costum page error ini,kita musti menggunakan Conditional Tag juga,dan conditional tag baru blogger ini penulisan nya seperti ini
== "error_page"'>
lengkap nya conditional tag di halaman error ini penulisan nya seperti ini
<b:if cond='data:blog.pageType == "error_page"'>
Sekarang waktu nya kita untuk bikin style di halaman ini,pertama cari kode </body> , setelah itu masukin css di kotak sebelah,tepat di atas nya
seterus nya pelajari aja sendiri ya kwkwkwk...,habis saya baru mengetahui nya cuma sampai segini dan blog saya pun bukan khusus blog tutorial blogspot ini cuma sekedar sekilas info,bahwa blogspot sudah mempunyai Conditional Tag buat page error.untuk selanjut saya kembali kan kepada ide , hati dan imajinasi sobat sendiri kwkwkwkw..Piss..:D

<!-- Start-->   
 <b:if cond='data:blog.pageType == "error_page"'>
<style>
#error-not-found {
    background: #ff0000;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl3Obx5LxOwY_LKdphq6a5Chb7M-dah1HoRz6_k4olSO_kqOiZGLm4M4DJLcIBQzuERS8FR1FJaJyH4-4Xk236BycMse-3B7r20vOTDFV6kmaz6CgbCjQGlDlySmybm9b-IOqvMbnaRN8/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #ff0000 0%, #880000 100%);
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl3Obx5LxOwY_LKdphq6a5Chb7M-dah1HoRz6_k4olSO_kqOiZGLm4M4DJLcIBQzuERS8FR1FJaJyH4-4Xk236BycMse-3B7r20vOTDFV6kmaz6CgbCjQGlDlySmybm9b-IOqvMbnaRN8/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#ff0000), to(#880000) );    
        text-align:center;
        position:fixed;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        padding-top:270px;
        z-index:999999;
}
#error-not-found  h1 {
        font-size:640px!important;
        position:absolute;
        font-family:impact,sans serif!important;
        top:70px;
        left:50%;
        letter-spacing: -8px;
        margin-left:-502px!important;
        width:960px;
        z-index:-2;
        color:rgba(0,0,0,.09)!important;
}
#error-not-found  h2 {
        font-family:arial black,sans serif!important;
        text-transform:uppercase;
        font-size:81px;
        line-height:66px!important;
        letter-spacing: -3px;
        color:#fff!important;
        margin:0!important;
        padding:0!important;
}
#error-not-found p a,
#error-not-found p a:visited,
#error-not-found p a:hover{
        font-family:arial black,sans serif!important;
        text-transform:uppercase;
        font-size:56px;
        line-height:40px!important;
        border:none;
        font-weight: bold;
        color:rgba(0,0,0,.5)!important;
        margin:0!important;
        padding:0!important;
        text-decoration:none!important;
}
</style>
<div id='error-not-found'>
 <h1>404</h1> <h2>Ups..sorry</h2>
 <h2>Page Not Found</h2>
 <p> <a expr:href='data:blog.homepageUrl' title='home page'> Back Home page</a></p>
            </div>
</b:if>                <!-- end-->
        
        
        
        
        
        


Thanks To : Urang Kurai

Sunday, May 20, 2012

Cara Menambahkan Kotak author otomatis pada blog

Cara Menambahkan Kotak author otomatis pada blog
Cara Tambah Kotak Author otomatis?
Langkah-langkah yang dibuat sederhana sehingga Anda akan merasa sangat menarik untuk diterapkan.
  1. Go to Blogger > Template
  2. Backup your template
  3. Click Edit HTML
  4. Click Proceed
  5. Then Click Expand Widget Templates
  6. Search For ]]></b:skin>
  7. Tepat di atas itu paste kode CSS berikut,
/* MBT Code For Author Box */
.about-author {
width : 98%;
overflow : hidden;
margin:10px 0px;
border:0px;
}

.about-author img {
width:70px;
padding:3px;
border:1px solid #ddd;
margin:0px 5px 0px 0px;
}
.about-author h3{
font-family:verdana !important;
font-size:18px !important;
margin:9px 0px !important;
color:#666666 !important;
border-bottom:2px solid #666 !important;
border-top:0px !important;
}
.about-author p {
margin:0px;
text-align:justify;
color:#666;
}
Untuk mengubah warna teks "About author" edit     color:#666666 

8.   Next Search for data:post.body

9.  Just below it paste the following code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;AUTHOR NAME&quot;'>
<div class='about-author'>
<h3>About Author:</h3>
<img align='left' src='IMAGE LINK OF AUTHOR'/>
<p>WRITE AUTHOR BIO HERE</p>
<p>Follow him @ <a href='BLOG LINK' target='_blank'>BLOG NAME</a> | <a href='FACEBOOK LINK' rel='nofollow' target='_blank'>Facebook</a></p>
</div>
</b:if></b:if>
Semua langkah Cukup jelas. Anda hanya perlu mengisi bagian-bagian tebal dengan rincian persyaratan yang benar. Ada satu hal yang perlu perawatan.

Friday, May 18, 2012

Cara Mendisable Klik Kanan & CTRL+U pada Keyboard

Cara Mendisable Klik Kanan & CTRL+U pada Keyboard
Cara/setting untuk mematikan/menon-aktifkan klik kanan dan block/select isi blog dan penekanan select Ctrl-A bisa pake script yang belibet, maupun memanfaatkan fungsi-fungsi html itu sendiri yang sangat simpel.

Fungsi-fungsi ini berguna jika si empunya blog tidak menginginkan blognya dikopi paste secara gampangan tanpa minta ijin, alias tulisan postingan kita tidak mudah dikopi paste. Walaupun dengan usaha/cara trik-trik lain bisa membuka/memblok/mengkopi-paste isi blog juga. Tapi cara dibawah, lumayanlah bisa mengurangi tindakan korupsi eeeh... kopi-paste. Penjelasan Fungsi html yang dipakai :

oncontextmenu='return false;'
adalah untuk mematikan menu klik kanan
onkeydown='return false;'

adalah untuk mematikan tombol/keyboard Ctrl-A, Ctrl-U (page source) dan tombol keyboard lainnya eeeh... kalo ngelihat page source dari menu masih kok. Cara melihat page source pada web/blog yang mematikan fungsi klik kanan mouse, klik kiri mouse dan penekanan keyboard (Ctrl+A, Ctrl+U) adalah : jika pakai firefox, buka menu View, lalu pilih Page Source (Ctrl+U). Hasilnya adalah tulisan postingan dalam 1 baris panjaaaaang. Cari aja postingannya ndiri...
onmousedown='return false;'

adalah untuk mematikan klik select mouse
'return false'

adalah untuk mematikan fungsi yang diinginkan

Cara men-disable klik kanan dan CTRL+U pada keyboard

Masuk ke edit html
Cari <body>
Gantikan kode tersebut dengan kode dibawah ini

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
Anda bisa memilih 1 fungsi aja atau 2 fungsi atau ketiga-tiganya, terserah deh... anda yang punya blog kok.

Untuk melihat hasilnya dari penggunaan 3 fungsi di atas :
kunjungi DISINI

Saturday, May 5, 2012

Cara menambahkan taburan pada blog v2



Selain Hati , anda bisa yang lain kok  ,  Lihat contoh preview di bawah:


Caranya? ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Page Element > Add A Gadget > Html / Javascript

3) Copy paste kod di bawah pada pada ruang Html / Javascript tadi

Pilih mood yang anda mahu
























































4) Save dan lihat hasilnya.

Thursday, May 3, 2012

Cara memasang lagu pada blog

Cara memasang lagu pada blog
Cara Memasang Lagu Pada Blog ~ Kebetulan temen saya , selalu bertanya dengan saya , dia nanya kesana #sat , gimana sih cara masukin lagu ke blog ? , padahal mudah kan ? tinggal masukin htmlnya aja ?

yaudah nih buat temen ane / pengunjung blog ini


Caranya

[-] Login ke Blogger.com
[-] Masuk ke Tata Letak
[-] Klik tambah gatget
[-] Klik Html / Java Script
[-] Masukan Code Berikut

<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*PTEzMjIzODU3NjgzNDUmcHQ9MTMyMjM4NTc5NzE3MyZwPTI5MzMzMSZkPSZnPTEmbz**Mzg*M2ZlOTMzOGU*ZmQxYjU5/YjEzYmUzMjVmZjU1MiZvZj*w.gif" /><center><a target="_blank" href="http://videokeman.com"><img border="0" src="http://i39.photobucket.com/albums/e159/normanski/players/ewualizer.gif" alt="videokeman mp3" /></a><br /><a target="_blank" href="http://videokeman.com/avril-lavigne/when-youre-gone-avril-lavigne/">When You&#8217;re Gone &#8211; Avril Lavigne Song Lyrics</a><br /><embed src="http://videokeman.com/music/videokemanplay.swf" width="300" height="44" wmode="transparent" flashvars="playerID=1&bg=0xffffff&leftbg=0xCA4536&lefticon=0xffffff&rightbg=0xCA4536&rightbghover=0x999999&righticon=0xffffff&righticonhover=0xffffff&text=0xCA4536&slider=0x303030&track=0xFFFFFF&border=0x666666&loader=0xC52C24&autostart=yes&loop=yes&soundFile=http://videokeman.com/dload/flvs/112207/When_Youxaposre_Gone_-_Avril_Lavigne.doc" ></embed></center>
Lalu Save , Liat di blog anda

Nb : Code diatas adalah buat lagu Whene You're Gone - Avril Lavigne
Kalo mau code lagi buat temen ane , langsung ke fb ane

Klik disini

Sekian Dari saya , terima kasih dan Wassalam

Monday, April 30, 2012

cara memasang gambar pada sudut blog

cara memasang gambar pada sudut blog
Cara Memasangnya 


[-] Login Bloggger
[-] Tata Letak
[-] Tambah Gatget
[-] Html Java Script




 Animasi 1 Supporter Kocak
 

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/00020210.gif" border="0" ></a>
Animasi 2 Kodok Manyun

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/0002068E.gif" border="0" ></a>


Animasi 3 Pintu Kejutan
 
<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" border="0" ></a>
 Animasi 4 Gadis Kejepit (Help)
 
<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" border="0" ></a>

Keterangan : kata "rightbisa diubah menjadi "left" ( posisi dimana gambar akan dipasang )
                     link yang berwarna biru bisa diubah sesuai link gambar anda
loading...