IT komputer Tegal

Postingan

Menampilkan postingan dengan label Tutorial blog

Cara membuat menu di atas header blog

- April 27, 2013

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

Baca selengkapnya

Cara Memasang Breaking News di Blog

- April 03, 2013

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:#000000;text-decoration:none;} .news a:hover {color:#ddd;text-decoration:underline;} Catatan : Sesuaikan kode yang berwarna biru dengan ukuran template blog sobat

Baca selengkapnya

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

- Januari 20, 2013

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&m=g&t=2&l=us"/> </a> ganti text yang berwarna hitam "panjul" dengan ID YM anda. klik save. good luck.

Baca selengkapnya

cara mempercepat loading blog

- Januari 20, 2013

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>

Baca selengkapnya

disable klik kanan di blog

- Januari 20, 2013

Kali ini saya akan membagi kan gimana sih cara disable klik kanan. langsung aja yah. <script language=JavaScript>  </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

Baca selengkapnya

cara membuat komentar facebook di blog

- Januari 20, 2013

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 : </head> Kemudian copy d

Baca selengkapnya

Cara membuat posting Otomatis RSS

- Desember 27, 2012

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) Selanjutnya Klik Preview untuk melihat hasiln

Baca selengkapnya

Cara Membuat RSS feed Label pada blog

- Desember 22, 2012

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

Baca selengkapnya

cara membuat chat box di blog

- Oktober 25, 2012

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 (  ) kemudian save dan lihat hasilnya.  <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} .hc-credit a {text-dec

Baca selengkapnya

Cara membuat Daftar isi blog

- Oktober 01, 2012

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"

Baca selengkapnya