Blog Dede Arip

Cara Memakai Background Pada Kotak Komentar

noreply@blogger.com (Dede Arip Hidayat) — Sat, 29 Jan 2011 03:02:00 -0800

Sobat Blogger Yang saya hormati dan segani....
Izinkan saya untuk menulis Tip N Trik Blog ya...??
Kali ini saya akan mengulas tentang Cara Agar Kotak Komentar Mempunyai Background atau lebih singkatnya Cara memasang background pada kotak komentar.

Oke tampa basa-basi, kita langsung saja yU ke Hiasan Blog.
Untuk membuat background pada kotak komentar sangatlah siimple, namun terkadang juga ada kode yang berbeda di setiap, tapi jangan pusing-pusing ya karena saya juga sudah membuktikannya, jika penasaran, silahkan saja lihat disini ya... http://demootakatiktemplate.blogspot.com/2011/01/tentang-blog-demo-otak-atik-template.html
Udah lihat lOm contohnya...?? coba saja klik disini ya... (lihat gambar di bawah ini ..)

Lihat Kotak Komentarnya ada bintang-2nya...

Jika penasaran gimana cara buatnya, ikuti saja langkah-langkah di bawah ini ya,..
Masuk pada blogger dengan akun sahabat masing-masing (Wajib ni mah ya...)
Udah tampil lOm dasbornya..? Jika sudah kemudian klik menu Rancangan ==> Edit Html (Jika Masih Bingung lihat gambar di bawah ini ya..)

Pertama ke Rancangan (lihat panah yang berwarna hitam) terus klik Edit HTML (lihat panah yang berwarna merah) setelah itu jangan lupa Cheklis pada kotak kecil Expand Template Widget(lihat bulatan merah). Jika sudah semuanya, maka cari kode di bawah ini ya.. . (caranya Ctrl + F untuk mencari..)

<div class='comment-form'>

Jika sudah ketemu kode diatas, kemudian kode tersebut Hapus dan ganti dengan kode di bawah ini ya..:

<div id='comment-form'>

Sebenarnya sih ga usah-usah repot, sahabat tinggal ganti saja kode Class dengan kode id (betul....betul...betul....).
Kita lanjut ke tahap selanjutnya, yaitu cari kode di bawah ini ya..:

]]></b:skin>

Udah ketemu lOm kodenya...?? Jika udah, langsung saja Paste kode di bawah ini tepat di atas kode ]]></b:skin> ya... :

#comment-form iframe{
background:#ffffff url(http://i926.photobucket.com/albums/ad105/dasista/th_background.jpg) ;
border:7px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#comment-form iframe:hover{
background:#000000 url(http://i926.photobucket.com/albums/ad105/dasista/th_background_hover.gif);
border:7px solid #999FFF;
}
#comment-form a{
color:#7EB2AC;
}

Silahkan ganti kode yang berwarna Biru dengan alamat gambar yang sahabat inginkan ya...??
Untuk lihat Hasilnya, lihat disini untuk Demo

SELAMAT MENCOBA YA....

Baca Juga Yang Ini Ya... Menarik Lo...

Ditulis Oleh : Dede Arip Hidayat
Link Posting :http://otakatiktemplate.blogspot.com/2011/01/cara-memakai-background-pada-kotak.html

Jika Ingin Menampilkan Tulisan ini di Blog Sahabat, Jangan Lupa Linknya Kisini Ya..

Cara Memasukan Kode HTML Ke Dalam Postingan Blog

noreply@blogger.com (Dede Arip Hidayat) — Sat, 29 Jan 2011 01:20:00 -0800

Assalamu'alaikum.....

Sobat Blogger yang saya hormati, kali ini saya ingin berbagi dengan sahabat semuanya dalam materi tentang Cara Memasukan Kode HTML ke Posting. Tips blog kali ini saya tuliskan karena saya juga masih pemula dalam masalah blog, jadi mari kita sama-sama berbagi ilmu. Saya selaku blogger pemula meminta kepada para blogger senior untuk mengoreksi apa yang saya tuliskan ini, tapi jangan hinakan tulisan saya ya..??

Baiklah sahabat-sahabat, kali ini kita langsung saja kepada materi yang akan kita bahas, yaitu tentang Cara Memasukan Kode HTML ke dalam postingan Blog. Ikuti cara-caranya di bawah ini ya...

Pertama sahabat masuk saja ke website resmi untuk memasukan kode html ke dalam posting, yaitu http://centricle.com/tools/html-entities/ (tampilannya seperti ini )

Klik Gambarnya Untuk Memperbesar ya...

Tampilan websitenya seperti yang diatas sob, Contohnya kita ingin menampilkan kode HTML di bawah ini di blog sobat. (lihat kodenya di bawah ini..)

<style type="text/css">body {cursor:url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default}</style>

Sebagai contoh kita masukan kode html diatas yang sudah kita Copy kemudian paste kode HTML nya pada area yang kosong (lihat panah yang berwarna hitam), jika semua kodenya sudah kita paste, maka tinggal klik saja Encode nya, untuk lebih jelas lihat gambar di bawah ini ya...

Klik Tulisan Encodenya...

Jika sudah diklik tulisan Encodenya, maka akan tampil kodenya untuk disimpan di blog kita, lihat gambar di bawah ini (klik gambarnya untuk memperbesar) sebagai hasil dari Encode

Hasil Dari Encodenya

dibawah ini hasil dari Encode :

<style type="text/css">body {cursor:url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default}</style>

Untuk menampilkan kode tersebut pada postingan kita, caranya Copy kode tersebut dan Paste kan pada halaman posting kita, tapi dengan syarat halaman posting harus dalam Edit HTML jangan pada Compose (lihat gambar di bawah ini ya...)

Klik Gambarnya untuk memperbesar

Lihat panah yang berwana hitam, itu menunjuka posting kita berada pada Edit HTML, jika sudah maka Paste saja kode yang ini :

<style type="text/css">body {cursor:url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default}</style>

Maka hasilnya seperti ini :

<style type="text/css">body {cursor:url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default}</style>

Beres Deh.....

SELAMAT MENCOBA

Baca Juga Yang Ini Ya... Menarik Lo...

Created By : Dede Arip Hidayat

Jika Ingin Menampilkan Tulisan ini di Blog Sahabat, Jangan Lupa Linknya Kisini Ya..

Cara Merubah Cursor Pada Blog

noreply@blogger.com (Dede Arip Hidayat) — Fri, 28 Jan 2011 00:56:00 -0800

Bagi sahabat-sahabat yang pernah mengunjungi blog sahabat yang lain dan ternyata, pas datang ke blognya, tiba-tiba kursor sahabat jadi beda, tapi cuma pada blog tersebut saja, jangan aneh yang sob ya... Jika pingin tahu bagaimana cara buatnya, mari ikuti saya ya...

(Bagi para master desain blog, jangan tertawakan posting saya ya...??)

Dalam cara membuat Corsor pada blog ni ada dua cara :
Pertama : Memasukan Kode Css ke widget, caranya :
Login dulu ke www.blogger.com dengan ID sahabat ya...
Setelah login, kemudian sahabat langsung ke menu Rancangan (lihat gambar di bawah ini ya sob..)

Lihat Kursur Warna Hitam

Jika sudah masuk ke menu Rancangan, kemudian sahabat pilih Tambah Gadget (lihat gambar di bawah ini ya sob..)

Klik tanda + nya ya..

Jika sudah muncul halaman diatas, kemudian klik tanda + nya (lihat panah yang berwarna merah ya..), jika sudah kemudian sahabat Paste kode di bawah ini ya...:

<style type="text/css">body {cursor:url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default}</style>

Jika sudah, kemudian sahabat simpan dan lihat hasilnya ya...

Note : Ganti link yang berwarna merah dengan link gambar sahabat ya...

Cara Kedua :Dengan cara edit html, gini caranya sob...
Masuk ke www.blogger.com dengan akun sobat masing-masing.

Jika sudah, masuk ke menu Rancangan, Edit HTML jangan lupa di ceklis Expand Template Widget, Untuk jaga-jaga Download Dulu Template nya ya.... (lihat gambar di bawah ini ya sob...)

Untuk jaga-jaga jika ada masalah dalam pengeditan template, alangkah baiknya sobat Download Template punya sobat ya... ( Lihat panah yang berwarna hitam untuk download template), ei...tt jangan lupa juga centar dalam kotak kecilnya (lihat panah yang berwarna merah ya...). Saya anggap semuanya sudah dilaksanakan, langsung saja yU pada intinya....

Cari kode di bawah ini ya... (untuk lebih cepatnya tekan Ctrl + F )

body {
        background:#000000;
        margin:0;
        color:#ffffff;
        text-align: center;
}

Atau bisa dengan cari kode body { jika udah ketemu kemudian masukan kode di bawah ini di dalamnya..

cursor: url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default

Link yang berwarna merah, silahkan diganti oleh link gambar sobat ya...?
Sehingga menjadi seperti ini kodenya :

body {
background:#000000;
margin:0;
color:#ffffff;
text-align: center;
cursor: url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default
}

Ganti Link yang berwarna merah denga link gambar sobat ya, atau mO seperti punya saya ni :

Ni link gambar diatas : http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif

Ni Link Gambar diatas : http://i926.photobucket.com/albums/ad105/dasista/th_cursor_putih.gif

Ni Link Gambar Untuk Kursor Ngacil : http://i926.photobucket.com/albums/ad105/dasista/th_kursorngacir.gif

Jika sudah selesai, jangan lupa Simpan Template dan lihat hasilnya ya...??

SELAMAT MENCOBA......

Baca Juga Yang Ini Ya... Menarik Lo...

Jika Ingin Menampilkan Tulisan ini di Blog Sahabat, Jangan Lupa Linknya Kisini Ya..

Cara Mempostingkan Artikel di Blog

noreply@blogger.com (Dede Arip Hidayat) — Wed, 26 Jan 2011 00:04:00 -0800

Sahabat-sahabat.....
Pas pertama kali saya punya blog, saya bingung sekali, dimana saya mesti menulis artikel dan bagaimana caranya untuk mempostingkannya, bingung banget dah....
Maklumlah saya masih pemula, bagi sahabat yang sama seperti saya yang belum tahu bagaimana caranya untuk mempostingkan artikel, mari ikuti cara-cara di bawah ini ya....

Pertama Sahabat wajib masuk dulu ke www.blogger.com
Kedua masuk dengan akun sobat masing-masing ya... ( ni jga sama wajib sob, soalnya jika ga masuk dlu, gmna mO nulisnya, yakan...??? wk..wk..wk..)
Ketiga ketika sobat udah masuk dengan akun masing-masing, maka sobat akan berada pada dasbor (halaman awal dari blog sobat), tampilannya seperti di bawah ini ni...:

Dasbor Blog Otakatiktemplate.blogspot.com

Jika udah tampil seperti yang diatas, maka sobat langsung saja Klik Entri Baru (lihat panah berwarna Hitam), ada ga...??? jika sudah diklik, maka sobat akan diantarkan pada halaman buat menulis, lihat di bawah ini ya....

Halaman Untuk Menulis Artikel

Pada gambar tampilan di atas, sobat mungkin bingung karena cukup banyak juga menunya, jika pingin tahu semua dari fungsi menunya, silahkan baca penjelasannya di bawah ini ya.. :

halaman posting

Panah yang berwarna Hitam menunjukan menu untuk pengaturan Font, apakah itu default font, arial,dll.
Panah yang berwarna Merah menunjukan menu untuk pengaturan besar/kecilnya huruf.
B (Bold / Hitam), I (Tulisan Jadi Miring), U ( Tulisan Bergaris Bawah)
Panah yang berwarna Hijau untuk membuat tulisan bergaris tengah (jika ada yg salah), ~~seperti ini~~
Panah yang berwarna Biru untuk mengatur warna tulisan, seperti Merah, Biru, Hijau, dll

Panah yang berwarna Kuning untuk membuat baground tulisan, seperti ini
Panah yang berwarna Ungu untuk membuat Link, contohnya Blog Dasista
Pensil yang berwana Hitam untuk menyisipkan gambar ke posting (seperti diatas tU ada...)
Pensil yang berwarna Merah untuk menyisipkan Video ke posting.
Pensil yang berwarna Biru untuk membuat Readmore otomatis (Pembahasannya nanti ya, dtunggu ja...)
Pensil yang berwarna Hijau untuk membuat perataan, baik itu rata kiri, rata kanan, tengah, sama rata.
Pensil yang berwarna Kuning untuk membuat penomoran dengan angka.
Pensil yang berwarna Ungu untuk membuat penomoran dengan bullet
Edit HTML untuk membuat tulisan dalam bentuk HTML
Compose untuk membuat tulisan dalam bentuk Compose (biasa)
Pratinjau untuk melihat hasil tulisan sobat sebelum diterbitkan (untuk me-review tulisan sebelum diterbitkan).
Terbitkan Entri untuk menerbitkan tulisan-tulisan sahabat yang bisa saja di baca seluruh dunia (tentunya tulisan yang bermanfaat ya....)

Bagaimana Sob...???
Masih Bingung....???

Penulis : Dede Arip Hidayat
Sumber : Dari Berbagai Sumber Dengan Di Edit Sendiri
Url : http://otakatiktemplate.blogspot.com/2011/01/cara-mempostingkan-artikel-di-blog.html

Baca Juga Yang Ini Ya... Menarik Lo...

Jika Ingin Menampilkan Tulisan ini di Blog Sahabat, Jangan Lupa Linknya Kisini Ya..

Cara Daftar Di Search Engine | Cara Daftar di Pencarian Google, yahoo, dll

noreply@blogger.com (Dede Arip Hidayat) — Tue, 25 Jan 2011 22:12:00 -0800

Sahabat-sahabat Blogger Pemula semuanya...
Pada posting kali ini saya akan berbagi ilmu dengan sahabat dalam masalah mendaptarkan blog sahabat ke pencarian.

Jika dalam posting kemarian kita memasang kata kunci di blog (bagi yang belum membacanya, silahkan baca disini), sekarang kita daftarkan blog kita ke situs-situs besar, seperti Google, Yahoo,dll.
Yu ikuti langkah-langkahnya...
Pertama-tama kita daftarin blog kita ke http://www.google.com/addurl

Tampilannya seperti dibawah ini ni...:

Silahkan Untuk diisi ya...

URL = Http://otakatiktemplate.blogspot.com (ganti dengan alamat blog sobat ya...)

Comments = Blog Otak-atik template, belajar ngeblog, tips dan trik blog, tutorial blog (isi dengan kata kunci sobat dan yang berhubungan dengan blog sobat ya...)

Isikan kata verifikasi itu pada kotak yang kosng, kemudian Klik Add Url nya ya..?

Kedua = Kita daftarkan blog kita ke https://siteexplorer.search.yahoo.com/submit , namun untuk daftar ke yahoo, sobat mesti punya dulu akun yahoo nya, jika belum punya, silahkan sahabat bikin dlu saja ya..??

Silahkan lihat di postingan saya, Lihat didaftar isi ya..?

Jika sudah memiliki akun yahoonya, langsung saja isi kolom-kolom yang kosong nya ya..???

Ketiga = kita daftarkan ke http://search.msn.com/docs/submit.aspx?FORM=WSDD2 , tampilannya seperti di bawah ini ni...

Silahkan masukan kode verifikasinya dan ganti alamat http://www.otakatiktemplate.blogspot.com dengan alamat blog sobat ya...?? jika sudah kemudian Klik Submit URL.

Bagaimana sob...????

Silahkan di coba dlu atuh ya....

Jika Ingin Menampilkan Tulisan ini di Blog Sahabat, Jangan Lupa Linknya Kisini Ya..

Cara Cepat Terindeksi Google | Cara Memasang Kata kunci agar cepat terindeksi google

noreply@blogger.com (Dede Arip Hidayat) — Tue, 25 Jan 2011 05:48:00 -0800

Sahabat-sahabat semuanya...

Menurut saya, stelahnya sahabat membuat blog di blogger (Jika Belum Silahkan membuat blog, silahkan klik disini), jika sudah jadi blognya dan sahabat ingin benar-benar menjadi seorang yang memiliki blog cepat terindeksi google dengan banyak kata kunci dalam blog sobat, maka sobat mesti mendaftarkan blog sobat atau dengan cara memakai kata kunci yang bisa diindeksi google.

Kita langsung saja yU...??
Untuk memasukan kata kunci dalam blog sobat, caranya gampang ja, ikuti langkah-langkah ini ya,, :
1. Pertam-tama sahabat masuk ke Rancangan (panah berwarna hitam), terus klik menu Edit HTML (lihat panah yang berwarna merah), kemudian sobat Cheklis pada tulisan Expand Template Widget (lihat lingkaran yang berwarna merah) Untuk lebih jelasnya, silahkan saja lihat gambar di bawah ini ya..

2. Copy Kode ini ya <title><data:blog.pageTitle/></title> caranya dengan tekan Ctrl + F kemudian Ctrl + V
3. Setelah dapat kodenya, kemudian Copy Kode dibawah ini tepat dibawah kode <title><data:blog.pageTitle/></title>

<meta name="robots" content="INDEX, FOLLOW"/>
<meta name="description" content="Deskripsi dari blog sobat di sini "/>
<meta name="keywords" content="kata kunci atau keyword simpan disini, buatlah beberapa keyword yang sahabat anggap sering dicari orang dan sesuai dengan Baca Selangkapnya Disini blog sahabat "/>

4. Jika sudah semuanya ditulis, maka jangan lupa klik Simpan Template
5. Selesai Deh....

Terima Kasih Jika Mau Memberikan Komentar

Jika Ingin Menampilkan Tulisan ini di Blog Sahabat, Jangan Lupa Linknya Kisini Ya..

Cara Membuat Blog di Blogger atau Blogspot.com

noreply@blogger.com (Dede Arip Hidayat) — Mon, 24 Jan 2011 02:42:00 -0800

Sahabat semuanya....

Pada posting pertama ini saya akan mempostingkan tentang bagaimana cara membuat blog di blogspot dengan mudah, karena saya masih pemula dalam masalah blog, maka saya akan tuliskan secara ringkas dan jelas dan sebisa mungkin akan disertai dengan gambar-gambar tutorialnya untuk memperjelas apa yang saya akan tulis.

Baiklah sahabat yang saya hormati, ada yang sudah tau apa itu Blog..? pasti sudah pada tahu ya...? kali ini saya akan berbagi dengan sahabat yang belum mengetahui sama sekali apa itu blog (sama seperti saya yang masih pemula). Sebelum saya menuliskan tentang Cara Membuat Blog alangkah baiknya saya memaparkan dulu sedikit tentang apa itu Blog. Banyak Orang yang ingin membuat blog, sama seperti saya, namun ingat, Blogging itu adalah hoby menurut saya, karena jika sahabat buat blog, tapi ga suka hoby nulis, lantas buat apa buat blog, jadi singkatnya Blog tu tempat menuliskan apa yang ingin kita tulis (he..he pusing ya...). Untuk masalah pengertian Blog, sahabat juga akan tau sendiri dah, kita langsung saja yU...?

::>Cara Membuat Blog di Blogspot<::

Untuk menciptakan sebuah blog yang cepat, saya saranin sahabat untuk memiliki akun Gmail dulu, apa sih itu Gmail..? ini ni cara membuat akun gmailnya :

Pertama-tama sahabat masuk ke gmail atau tulis ja di Om Google Gmail, maka akan tampil link ke Gmail, stelah tU, sahabat klik saja link yang paling atas, maka akan tampil seperti gambar di bawah ini ni....

Tampilan Awal Gmail

Jika sudah masuk ke tampilan gambar disamping, kemudian sahabat silahkan klik Buat Akun yang dikasih bulatan merah tu, kelihatankan..? Jika sudah diklik, maka sahabat akan masuk pada kolom register, kemudian sahabat isi saja yang diminta oleh Gmail.

Jika sahabat udah membuat akun gmailnya, kemudian sahabat masuk ke alamat www.blogger.com untuk meneruskan membuat blog sahabat.

Ini Tampilan Blogger :

Tampilan www.blogger.com

Biasanya ketika kita sudah membuat Gmail, maka ketika kita masuk ke www.blogger.com, kita akan langsung disuruh memasukan kata sandi kita, tapi kita perlihatkan gambaran umum saja dari www.blogger.com. Untuk menciptakan Blog yang pertama, maka sahabat klik saja tulisan Buat Blog yang terletak disamping sebelah kanan, jika sudah, maka sahabat akan di bawa ke halaman berikutnya, yaitu halaman pertama untuk membuat blog, seperti di bawah ini tampilannya :

tampilan awal dalam pembuatan blog

Silahkan sahabat isi apa yang dtinyakan dikolom tersebut, jika sudah lengkap, kemudian sahabat klik lanjutkan pada sisi kanan bawah (yg dkasih bulatan hitam tU...), setelah tU, sahabat akan masuk pada tahap yang kedua dalam pembuatan blog, tampilannya seperti di bawah ini ni.. :

Tampilan kedua dalam membuat blog

Silahkan sahabat pilih nama tampilan sahabat mO apa dan alamat blog sahabat juga mO apa, seperti punya saya www.otakatiktemplate.blogspot.com, www.blogdasista.co.cc, dll. Kemudian jangan lupa jika sudah lengkap semuanya, sahabat mesti klik Lanjutkan untuk pada tahap yang ke Tiga dalam pembuatan blog, yaitu dalam pemilihan template, tampilannya seperti ini ya,.. :

Silahkan sahabat untuk memilih templat awal yang sahabat suka dan nantinya sahabat bisa memilih template sendiri bahkan bisa mengotak-atiknya. Jika sudah memilih template, kemudian klik lagi Lanjutkan, maka................ jreng........

Selamat Blogging Sahabatku....

Tentang Saya

noreply@blogger.com (Dede Arip Hidayat) — Fri, 15 Oct 2010 00:00:00 -0700

Assalamu'alaikum sahabat-sahabatku.....

Bagaimana kabarnya...???

Saya ucapkan banyak terima kasih kepada sahabat-sahabat yang sudah bersedia berkunjung ke blog saya yang sebenarnya bukanlah untuk mengajari, tapi saya hanyalah menuliskan apa yang saya temukan dan telah saya coba sehingga berhasil. Blog otakatiktemplate.blogspot.com adalah sebuah blog pribadi yang sengaja saya buat untuk mengotak-atik template saja sebagai percobaan saya dan mungkin saja diantara sahabat ada yang nyasar kesini...

Kenalan Dulu Ya...

Nama Saya                Dede Arip Hidayat
Nama Panggilan        Arip, Dasista, (enaknya apa saja yang penting baik)
Sekolah Asal             SMA PLUS NASHRUL HAQ AL-ISLAMY
Kelas                         XII IPS
Alamat Sekolah        Sukasari Sukarindik Bungursari Kota Tasikmalaya

Mungkin sahabat tidak akan tahu alamat itu ya...?
karna lumayan agak jauh...
he..he
Saya berani bergabung dalam dunia blogger, yaitu pada tahun 2010 tepanya bulan oktober, bulan tu awal saya mulai aktif, tapi kenalnya sih dari dulu, cuma ru bisa terlaksanakan pada tahun 2010 kemarin.

Cita-cita Saya    dari kecil sampe karang, saya sangat ingin sekali pergi ke negara German, ntah apa yang membuat saya kesana, saya pingin jadi seorang web design, tapi keadaan kurang mendukungnya...

Saya hanya bisa... JADI DIRI SENDIRI LEBIH BAIK...!!!

SALAM BLOGGING DARI SAYA....