Postingan

Menampilkan postingan dengan label Tutorial blog

Cara membuat menu di atas header blog

-
Kali ini saya akan membagi kan cara tentang membuat menu diatas header , caranya sangat mudah dan simple aja, Mungkin anda mau tahu tampilan menunya seperti apa, jika ingin tahu tampilannya lihat aja tampilan atas blog saya, langsung aja kita buat yah.. . 1. Langkah pertama, Login ke blogger.com dengan akun anda 2. Pilih Edit HTML pada elemen Template anda 3. Cari kode  ]]></b:skin> 4. Setelah ketemu, letakkan kode berikut ini di ATASnya #catmenucontainer{ height:33px; width: 962 px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGCg9fr3I6xqfiB5fqOMgXPtyN_gSFcggMaAc_z0yDHTQi2CbnpGHoxY6sb5b1LnzMyM8qaN661FSUSc2mmsCBWU-aSSXF2SJQ55ljIEJfGLKwYgsU_QTUl6XzBzyY52jui1moZ1bRpb8Z/) repeat-x; display:block; padding:0px 0 0px 0px; font-size:12px; font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-weight:normal; border-top:1px solid #ffff...
Posting Komentar
Baca selengkapnya

Cara Memasang Breaking News di Blog

-
Kali ini saya akan membagikan kepada anda bagaimana cara membuat breaking news di blog.. langsung aja yah..              1. Login dulu ke akun blog sobat              2. Klik rancangan --> Edit HTML              3. Letakkan kode berikut di atas kode ]]></b:skin> .newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKtNR9kjnSUHwNfxf8aWWAsGsvMG7siMHjPVaU0-C3tOSVJLKO-rRf34-K-BCgnxWInbz2w3fFob3uWO63R-wjz_ek37Lu2akTekploAxvAg7LwhC4wtSGA94jC546vBTK1AuQ6UyXIfo/s1600/BRK+NW.png) no-repeat top left;width: 979 px;margin:0 auto;padding:0 auto; height:24px;color:#fff;} .news {width:  979px ;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;} .news a:link, .news a:visited{color:#0...
2 komentar
Baca selengkapnya

cara menampilkan Yahoo messenger (YM) On/Off di blog

-
Gambar
kali ini saya akan membagi kan kepada anda bagaimana cara menampilkan Yahoo messenger (YM) On/Off langsung saja yah pertama klik tambah gadget pilih HTML/javascript kemudian copy kan kode ini <a href="ymsgr:sendIM?panjul"> <img src="http://opi.yahoo.com/online?u=panjul&amp;m=g&amp;t=2&amp;l=us"/> </a> ganti text yang berwarna hitam "panjul" dengan ID YM anda. klik save. good luck.
Posting Komentar
Baca selengkapnya

cara mempercepat loading blog

-
kali ini saya akan membagi kan kepada anda bagaimana cara mempercepat loading pada blog. langsung saja yah. masuk akun blogger ke rancangan >> tata letak >> tambah gadget >> HTML/javascript kemudian copy-kan  kode berikut ini :   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type='text/javascript'  src='https://sites.google.com/site/jeritanblog/javascript/jquery.lazyload.mini.js?ver=1.5.0'></script> <script type="text/javascript"> jQuery(document).ready(function($){ if (navigator.platform == "iPad") return; jQuery("img").lazyload({ effect:"fadeIn", placeholder: "http://sadpanda.us/images/397069-NWUFVFU.jpg" }); }); </script>
Posting Komentar
Baca selengkapnya

disable klik kanan di blog

-
Kali ini saya akan membagi kan gimana sih cara disable klik kanan. langsung aja yah. <script language=JavaScript> <!-- //Matikan Klik Kanan var message="maaf pake ctr + c saja"; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") // --> </script> 1. Klik Layout dan pilih edit html 2. Cari kode <head> Copykan kode diatas tersebut dibawahnya/sebelum kode </head> 3. Save. 4. lihat hasilnya. good luck
Posting Komentar
Baca selengkapnya

cara membuat komentar facebook di blog

-
Gambar
Kali ini saya akan berbabgi tentang cara membuat komentar facebook di blog. Langsung aja yah. Berikut adalah langkah langkah membuat komentar Facebook di blog: Pertama : Pergi ke blogger >> Dashboard >> Template Ke 2 : Edit HTML >> Lanjutkan Ke 3 : Centang Expand Template Widget Ke 4 : Temukan Kode di bawah ini (Ctrl + F) : ]]></b:skin> Langkah 5 : Copy kemudian paste kode di bawah ini diatas atau sebelum  ]]></b:skin> .comments-page { background-color: #f2f2f2 ;} #blogger-comments-page { padding: 0px 5px; display: none;} .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2 ;} .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;} .comments-tab:hover { background-color: #eeeeee ;} .inactive-select-tab { background-color: #d1d1d1 ;} Ke 6 : Jika sudah selesai kemudian lanjutkan untuk mencari kode di bawah ini ...
Posting Komentar
Baca selengkapnya

Cara membuat posting Otomatis RSS

-
Gambar
Cara Membuat Posting Otomatis dengan Aplikasi RSS Graffiti di Facebook: 1. Tentunya anda harus memiliki Akun Facebook bukan 2. Masuklah ke :  https://apps.facebook.com/rssgraffiti/  atau bila teman di facebook anda sudah menggunakan aplikasi tersebut, klik saja RSS Graffiti (lihat gambar dibawah ini) 3. Selanjutnya Ijinkanlah Aplikasi RSS Graffiti masuk ke Facebook anda (AB kira dalam hal ini anda sudah pengalaman bukan). 4. Setalah berhasil, maka langkah selanjutnya adalah dengan memasukkan URL dan Nama Blog anda. 5. Klik Add Feed (lihat gambar dibawah)    6. Mulailah anda melakukan pengisian yang telah tersedia (lihat gambar di bawah)   Isilah Feed URL blog anda : Contoh : http://ariefradcliffe.blogspot.com /feeds/posts/default Isilah Source Name : Contoh  IT KOMPUTER Isilah Source URL : Contoh : http://Ariefradcliffe.blogspot.com/ (gantilah tulisan Warna KUNING dengan URL Blog dan nama blog anda) Selanj...
Posting Komentar
Baca selengkapnya

Cara Membuat RSS feed Label pada blog

-
Kali ini saya akan membagikan ilmu tentang Cara membuat RSS feed label pada blog langsung saja yah. yang pertama Anda ke blog anda Ke dua anda masuk ke menu tata letak pada blogspot Kemudian pilih tambah gadget dan pilih FEED Kemudian masukkan RSS seperti berikut : Contoh : http://www. ariefradcliffe.blogspot.com /feeds/posts/default/-/Nama Label, sebagai contoh jika kita ingin menampilan Label SEO, maka bisa kita tulis seperti ini : http://www. ariefradcliffe.blogspot.com /feeds/posts/default/-/ jadi, yang menambahkan Label pada RSS diatas adalah Fungsi '/-/Nama Label'  Kemudian pilih next dan SAVE template mu. Catatan Tulisan yang berwarna kuning anda ganti dengan url anda
Posting Komentar
Baca selengkapnya

cara membuat chat box di blog

-
Gambar
Kali ini saya kan membuat chat box atau lebih enak dikenal chatingan..Ok langsung saja yah.. pertama kita harus daftar dlu di Cbox.klik  Daftar  untuk mendaftar setelah selasai mendaftar copy kan kode cbox anda di ( <!-- Script Chatbox --> ) kemudian save dan lihat hasilnya. <!-- right hidden chatbox by  http://ariefradcliffe.blogspot.com/    START --> <style> #hcl { position:fixed; top: 60px ; left:3px; z-index:+1000; } * html #hcl {position:relative;} .hcl tab { height: 120px ; width: 30px ; float:left; cursor:pointer; background:url(' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcTQ7E4ul-Jln3kiJBEYHvZ86osww8ut34V3AtLz72cueER9EOTvgcEC05SB20V3v1_12j03unjIoqSyJHZooDwq5FEW7DuFPPfL9EI7qepggevt42xXtPmfMuEE_sjVAepCvZ-keGUCrU/s1600/cbred.png ') no-repeat; } .hclcontent { float:left; border: 6px solid  #B40404 ; background: #F7F8E0 ; padding:10px; } .hc-credit {font-size:9px...
Posting Komentar
Baca selengkapnya

Cara membuat Daftar isi blog

-
Kali ini saya akan belajar membuat daftar isi dari blog, caranya mudah ko. Langsung aja yah.. Pertama tambahkan widget Kemudian pilih HTML/Java Script. Kedua Copy pastekan script dibawah ini. Eits..Jangan lupa tulisan yang berwarna hijau ganti dengan Url anda kemudian yang berwarna merah Ganti dengan judul postingan anda. Mudahkan? Selamat mencoba <style> .list { border-bottom:1px dotted #ddd; line-height:1.2em; padding:3px; } </style> <div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;"> <div class="list"> <a href=" http://ariefradcliffe.blogspot.com/"> It Komputer </a></div> <div class="list"> <a href=" http://ariefradcliffe.blogspot.com/2012/09/cara-membuat-jam-digital-menggunakan.html "> Cara membua t jam digital </a></div> <div class="list...
Posting Komentar
Baca selengkapnya