Breaking

Tampilkan postingan dengan label tips dan trik blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label tips dan trik blogspot. Tampilkan semua postingan

Rabu, Desember 11, 2013

Rabu, Desember 11, 2013

Kode Warna html


Kode Warna untuk sebuah Blog atau Website cukup penting pengaruhnya. Kode warna tersebut digunakan untuk mempercantik atau memperindah tampilan sesuai keinginan pemilik. Seringkali alat warna atau perangkat lunak grafis lainnya digunakan untuk menghasilkan nilai warna. Dalam beberapa penggunaan, kode warna heksadesimal dimulai dengan tanda pagar (#) ditambah kode. Kode heksadesimal adalah 3 atau 6 karakter kode yang sering digunakan dalam HTML dan CSS untuk memberitahu browser atas satu warna untuk ditampilkan. Jadi misalnya, #fff atau #FFFFFF adalah kode warna untuk menghasilkan warna putih cara mencari warna
 1. arahkan kursor pada warna yang di inginkan.
2. lalu lihatlah kode yang tertera pada kotak tersebut

Kode warna :
0
By a la/s Tidak ada komentar:
Labels: , , , ,

Rabu, November 07, 2012

Rabu, November 07, 2012

Cara Menambahkan / Memasang Gadget ke Blog.



Yaah sepertinya posting-posting selanjutnya akan kembali mengulang dasar-dasar blogging. Maklum ini juga untuk me.... teman blogger yang belum terbiasa alias baru belajar blogging. Sama seperti posting terdahulu Cara membuat laman statis di blogspot, karena banyaknya kata kunci yang ingin tau cara membuat halaman di blogger, nah kali ini kasusnya sama yaitu ada saja kata kunci yang masuk yaitu cara memasang aplikasi di blog.
By a la/s
Labels:

Sabtu, September 29, 2012

Sabtu, September 29, 2012

Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header

Menu drop down dapat kita pasang di atas maupun di bawah nama blog, dengan memasang menu semacam ini tampilan blog kita semakin tampak bagus dan pastinya akan mempermudah pengunjung untuk mencari apa yang dibutuhkan dari blog kita. 



Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode ]]></b:skin> dan letakkan kode berikut tepat di atas kode ]]></b:skin>


Klik show untuk melihat
/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3xqGMMXzLx8apNnsFHE69husc2CVFymCM-Rezi2vm1-kq5GRlKonDGPUr_Peiz6_xawsFR2fesIjjBd_nb20ChVIK1BS4go-NQVAxA1JB3-oqMEnLVXBqpAajt8b0vwJIuruNTyZ5bE/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh21hnyKm_IETiHkR8Nwv0atVyhlmJb5vYAXSrpoxDJAh2-IwJF2BYAIdwq027vpJ2xPELP1f2pFzbd8qv6KD2tq03mJYVgzRtXGtM8qRmfVv4JSCH8bswu3gI9b_1-Wr7WM0zaO057O4M/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}


Selanjutnya sobat blogger cari kode berikut:
  • <header>  : untuk menempatkan menu di atas nama blog
  • </header> : untuk menempatkan menu di bawah nama blog

Copy kode di bawah ini dan letakkan tepat di atas kode <header> atau di bawah kode </header>

Klik show untuk melihat
<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63Yu3m3UUmQFq4zDIQtVABJCSWQ4cTyvBeFn9FKP3IXBdS3fQ1vijK4GA-4eb8PKTlTUqZFBQ8odvWYKKaCnkTauVw6Rwzuwqf7w88EmWFjnynOK2Gd1O6NSk9UcGta6QpIEQiIlPUqM/s1600/home_white.png' style='padding:0px;'/> Home</a></li>
<li><a href='http://www.blogger.com/profile/00448271892576159755' target='new'>Tentang Admin</a></li>
<li><a class='trigger'>Contact Us</a>
By a la/s
Labels:

Rabu, Agustus 15, 2012

Cara Mengatur Tampilan Pertama Mozilla Firefox
Rabu, Agustus 15, 2012

Cara Mengatur Tampilan Pertama Mozilla Firefox

  Cara Mengatur Tampilan Pertama Mozilla Firefox. Ketika anda menjalankan Mozilla firefox, anda terkadang ingin Mozilla Firefox anda langsung menampilkan google, facebook, webiste anda atau bahkan anda tidak ingin mozilla menampilkan apa-apa alias blank page! Hal tersebut dimungkinkan oleh mozilla firefox, dan mozilla juga memberikan fasilitas untuk itu. Cara untuk mengatur agar tampilan mozilla firefox anda langsung melakukan sesuai keinginan anda dapat melalui langkah berikut.
  1. Pilih Menu Tool
  2. Klik item Options dari daftar menu tersebut
  3. Selanjutnya anda akan ditampilkan dialog Options dari Mozilla Firefox

  1. Pada dialog Options Mozilla Firefox, pilih tab general
  2. Lalu isikan When Firefox starts dengan nilai berikut :
    • Show my homepage: akan menampilkan homepage yang anda inginkan.
    • Show a blank page: akan menampilkan halaman kosong
    • Show my windows and tabs from the last time: akan menampilkan session yang disimpan terakhir kali anda menggunakan mozilla firefox
  3. Bila pilihan anda adalah Show my homepage, maka isikan Homepage dengan alamat address website yang anda inginkan. Sebagai contoh, bila anda ingin saat mozilla pertama kali muncul langsung memunculkan google maka anda bisa langsung mengetik www.google.co.id, bila anda ingin yahoo yang tampil pertama maka ketikkan www.yahoo.com, dan bahkan anda bisa juga memilih sebuah website yang pertama tampil, misalkan www.aimyaya.com
  4. Mozilla juga menyediakan 3 buah tombol untuk pengisian homepage tersebut. Bila anda ingin tampilan yang ada sekarang ingin menjadi yang pertama ditampilkan maka klik tombol Use Current Pages. Sedangkan bila anda ingin tampilannya dari salah satu item bookmark maka klik Use Bookmark. Dan pilihan yang terakhir, Restore to default, akan mengembalikan setting mozilla ke bentuk default bawaan mozilla.
  5. Bila telah selesai, jangan lupa memeriksa kembali apa yang telah anda rubah, untuk meminimalisir kesalahan. Jika semuanya benar, klik tombol OK.
  6. Setting telah disimpan dan komputer / laptop siap untuk dipakai saat pertama mozilla firefox tampil..
By a la/s
Labels: ,

Minggu, Juli 08, 2012

Cara Membuat Teks Terbalik Untuk Status Facebook
Minggu, Juli 08, 2012

Cara Membuat Teks Terbalik Untuk Status Facebook

Cara Membuat Teks Terbalik Untuk Status Facebook - Pada kesempatan kali ini Mas GunKlaten Berbagi mengenai "Cara Membuat Teks Terbalik Untuk Status Facebook" agar teks atau tulisan itu menjadi unik karena teks itu menjadi terbalik. Contoh teks terbalik itu nantinya menjadi "ʞılɐqɹǝʇ uɐsılnʇ nɐʇɐ sʞǝʇ ɥɐlıuı ıʇɹǝdǝs" unik ya teks atau tulisannya menjadi terbalik. Nantinya Teks Tulisan terbalik itu bisa digunakan untuk membuat status Facebook, Twitter ataupun lainnya sehingga menjadi unik. Langsung saja berikut ini tool Cara Membuat Teks Terbalik Untuk Status Facebook dll. Cara Membuat Teks Terbalik Untuk Status Facebook Cara Membuat Teks Terbalik Untuk Status Facebook Tulisan Asli: Mudah bukan Cara Membuat Teks Terbalik? nah hasil teks atau tulisan terbalik ini bisa di copy paste ke status facebook agar menjadi tulisan teks terbalik. Berikut ini saya sediakan script Cara Membuat Teks Terbalik Untuk Status Facebook, tidak memerlukan koneksi internet. Script cara membuat teks tulisan terbalik ini nantinya anda copy paste ke notepad dan di save dalam format file .html buka file itu menggunakan aplikasi web browser seperti Firefox, IE, Opera maupun Chrome dll. Berikut ini Script cara membuat teks tulisan terbalik: Membuat Tulisan Terbalik

Membuat Tulisan Terbalik

Tulisan Asli:
Tulisan Terbalik:

By a la/s
Labels: ,

Jumat, Juni 29, 2012

By a la/s
Labels:

Rabu, Juni 27, 2012

Rabu, Juni 27, 2012

Cara Pasang Kotak Komentar Facebook Di Blog

Kali ini saya akan menjelaskan tentang komentar facebook di blog , sebelum saya menjelaskan cara pasang kotak komentar facebook di blog ,saya jelaskan sedikit kegunaan comment box facebook , kegunaan box comment facebook di blog sama seperti kolom komentar blog lainnya , namun disamping untuk berkomentar di blog ada kegunaan lain dari plugin kotak komentar facebook ini yaitu apabila ada pengunjung berkomentar melalui komentar box ini maka akan secara otomatis tershare komentar dan url blog yang dikomentari , sehingga ini bisa menjadi salah satu cara promosi yang efektif dengan memasang kotak komentar facebook di blog .
By a la/s
Labels:
By a la/s
Labels:

Senin, Juni 25, 2012

Cara Memasang Widget Sms Gratis pada Blog
By a la/s
Labels: ,
Bagaimana Cara Membuat Kode HTML di Blog
By a la/s
Labels:

Minggu, Juni 24, 2012

Cara Membuat Label Animasi/Blogumulus Di Blog
Minggu, Juni 24, 2012

Cara Membuat Label Animasi/Blogumulus Di Blog

Biasanya label pada blog, hanya tulisan kebawah saja, semakin banyak label di blog kita, maka akan banyak memakan tempat, untuk menghemat tempat di blog kita sebaiknya menggunakan label animasi ini, selain hemat tempat, label ini juga dapat mempercantik tampilan Blognya, karna tulisan lebelnya bisa bergerak/berputar ketika mouse di arahkan ke label tersebut.
By a la/s
Labels:
Minggu, Juni 24, 2012

Meletakkan gambar/widget di pojok blog

maksud judul diatas adalah,kamu akan bisa memasang widget/gambar di pojok blog.bisa di pojok atas maupun pojok bawah.yang lebih kerennya lagi.gambar atau widget itu akan terus berada disana walaupun scroll di arahkan ke bawah.cocok sekali kalo untuk pasang iklan
coba kamu perhatikan gambar di bawah ini;

By a la/s
Labels:
Minggu, Juni 24, 2012

MenambahGambar Dalam postingan

Supaya terlihat lebih menarik kadangkala kita ingin meletakkan gambar didalam postingan kita.katanya gambar lebih jelas daripada tulisan.bagaimana cara memasang gambar pada postingan:
1.login ke blooger
2.klik New Post
3.sekarang anda sudah berada didalam halaman posting
By a la/s
Labels:
Tips Dan Cara Membuat “Klik Disini” Secara Manual
Minggu, Juni 24, 2012

Tips Dan Cara Membuat “Klik Disini” Secara Manual

Untuk membuat “klik disini” menggunakan komputer tentulah tidak sulit.Anda cukup mem-blok tulisan yang ingin anda sisipkan hyperlink kemudian enter,dan tulisan “klik disini” sudah tercipta.Nantinya setiap orang yang meng-klik tulisan tersebut akan diarahkan menuju suatu situs atau halaman web.
Tapi bagaimana jika anda seorang Blogger Mobile seperti saya..??.
By a la/s
Labels:
Minggu, Juni 24, 2012

TRANSLATOR


                                                         Spain  French  Italian  Dutch  Korean
                                                         Arabic  English  Japanese  Arabic  Chinese Simplified

mau translator laman seperti diatas?tentunya keren jika translator dilaman kita beraneka warna seperti diatas.Langsung saja Copy data dibawah ini dan masukkan kedalam gadget Html/javascript.      
By a la/s
Labels:
<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: 400px;"> Membuat Bingkai Untuk Tulisan Di Posting Dan Sidebar </div>
Minggu, Juni 24, 2012

Membuat Bingkai Untuk Tulisan Di Posting Dan Sidebar

Banyak cara mempercantik tulisan di blog dan salah satunya dengan memberikan bingkai. Bingkai tidak saja dipakai di foto, namun di tulisan juga. Trick kali ini membuat bingkai pada tulisan yang bisa di taruh di sidebar atau posting. Banyak hal yang bisa anda lakukan dengan bingkai ini, semisal membuat catatan, peringatan, pengumuman, dll. Banyak bentuk bingkai yang bisa anda pakai dan dibawah adalah contoh-contoh bentuk bingkai beserta kodenya yang support di WordPress.com.
By a la/s
Labels:
Minggu, Juni 24, 2012

Cara Membuat Link Berkedip2 Penuh Bintang


Cara ini membuat link berkelip seperti ada bintangnya bila diarahkan cursor pada link yang ada di blog kamu. Disamping berkelip juga bisa mengeluarkan kerlipan bintang disekeliling. Tidak menggunakan javascript sama sekali, hanya gabungan antara css dan gambar saja. Contohnya ilihat pada blog ini. Kalau berminat ingin seperti ini blog saya, ikuti langkahnya:

By a la/s
Labels:
Minggu, Juni 24, 2012

Cara Mendaftarkan Blog ke Google


Cara Mendaftarkan Blog ke Google - Mendaftarkan blog ke google adalah hal yang harus Anda lakukan jika Anda ingin google lebih cepat mengindex blog serta artikel yang Anda posting dalam blog. Selain itu dengan mendaftarkan blog yang kita milki ke google akan mempengaruhi dan meningkatkan jumlah pengunjung blog. Mengapa demikian? karena seperti yang telah saya sebutkan diatas tadi, ketika blog serta
By a la/s
Labels:
Tips & Trik Desain Web
Minggu, Juni 24, 2012

Tips & Trik Desain Web

Membuat link tanpa garis bawah
Anda tidak suka dengan garis bawah yang terdapat pada link ? Di bawah ini trik yang bisa Anda gunakan untuk menghilangkan garis bawah tersebut
<A HREF=”page.html” STYLE=”TEXT-DECORATION: NONE” > Link tanpa garis bawah </A>
Trik tersebut dapat digunakan pada MS Internet Explorer dan Netscape Navigator 4.0 atau lebih.
By a la/s
Labels: ,

Sabtu, Juni 23, 2012

Sabtu, Juni 23, 2012

cara merubah posting lama dengan angka

Kali ini saya akan menerangkan cara merubah posting lama dengan angka. Membuat posting lama dengan angka ini gunanya yaitu untuk memudahkan pengunjung melihat posting yang ada di dalam blog kita. Kebanyakan merubah posting lama dengan angka ini di lakukan dengan cara Rancangan, Tambah Gadget, HTML/JavaScript lalu tambahkan kode CSSnya..
By a la/s
Labels: