RHOEDAL | Blogger Share

Cara Membuat Email Dengan Domain Sendiri Di Co.Cc

Pastinya anda kepingin kan punya email dengan domain anda sendiri? Siapa si yang enggak mau, seperti punya saya info@mabes-rhoedal.co.cc wiihh keren bukan, seperti blogger profesional bukan? biarpun serba gratis enggak jadi masalah kan. Sebelum membuat email dengan domain sendiri, lebih baik anda membuat akun baru di co.cc agar tidak mengganggu kinerja blog anda, masalahnya saya pernah mendapat keluhan dari seorang teman alamat blog-nya tidak mengarah dengan baik, tapi ada juga yang tidak mengalami masalah apapun. Nah lebih baik anda jaga-jaga aja, sebelum terjadi kesalahan. Misal alamat blog anda rhoedal.co.cc, nah jadi anda membuat domain baru di co.cc khusus untuk email anda. Misalnya lagi jadi seperti saya gitu info@mabes-rhoedal.co.cc jadi anda kalau membutuh saya bisa hubungi di email saya itu he... he... he... (lebay) Buat yang belum pernah mendaftar silahkan baca <a href="http://www.rhoedal.co.cc/2010/05/cara-daftar-di-cocc.html">cara daftar dan setup di co.cc</a> Jika anda sudah mempunyai domain baru di co.cc mari ikuti langkah demi langkah berikut ini, Pertama >> silahkan kunjungi <a href="http://www.google.com/a/cpanel/domain/new" rel="nofollow" target="_blank">Google Apps</a> Kemudian pilih tombol radio Administrator: I own or control this domain Kemudian anda masukkan domain anda di bawa Enter your domain name <img alt="gambar, cara membuat email sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJRVGNCJdZMDLbG1xdADFp9mvdLtXtEIaBU0504CifN06_mFl1wFWBmeCT4l60jN7L9eQo2anpTZHXc8CBaBxAoRAjRcj4AFHPRCa71qkJTbIARgWw-B2Hia587haekljXw0TbaGhZJbM/s400/hasil+capture.jpg"/> Jika domain yang anda daftarkan sudah di masukkan klik Get Started kemudian anda akan di bawa ke form pendaftaran, isikan data lengkap anda begitupun nomer handphone jangan lupa di awali dengan +62 jadi enggak boleh angka 0 (nol) satu lagi dalam pendataran anda pilih type-nya personal. Kalau pendaftaran sudah selesai klik Continue Anda akan di bawa lagi ke pembuatan email-nya plus kata sandinya juga <img alt="gambar, cara membuat email sendiri gratis dengan co.Cc" src="http://img143.imageshack.us/img143/5094/77001792fy0.jpg"/> kemudian klik button peraturan-nya I accept. continue with setup setelah itu anda di bawa lagi ke halaman berikutnya, di sini anda di kasih dua pilihan. Lebih baik anda pilih, pilihan ya ke dua aja klik button radio Change namadomain-yang-anda-daftarkan.co.cc CNAME record kemudian klik Continue setelah anda klik continue, anda di bawa lagi ke halaman yang lain (perasaan di bawa-bawa melulu nih) kemudian anda akan di berikan kode verifikasi untuk di host di co.cc, kode verifikasi contohnya seperti ini google8246ceeb66eb83e6 atau berbentuk http. Contoh lagi http://google8246ceeb66eb83e6.mabes-rhoedal.co.cc lebih baik anda pilih yang pertama aja jangan yang http. Copy kode verifikasi yang di berikan google ke notepad, jangan di tekan dulu button I've completed the steps above kemudian anda <a href="http://www.co.cc/?id=191868" rel="nofollow" target="_blank" title="login disini">meluncur ke co.cc</a> klik domain yang anda daftarkan di google apps, kemudian klik setup (setup, pada zone record) nah kemudian isi seperti ini Host : isi dengan kode verifikasi yang di berikan google TTL : biarkan default Type : CNAME Value : google.com setelah itu klik setup. Di co.cc sudah selesai, sekarang anda berangkat lagi ke google apps, untuk mem-verifikasi sekarang klik button I've completed the steps above seperti biasa anda akan dibawa ke halaman lain kemudian klik link skip this guide di deket tombol launch skip Anda akan dibawa lagi (jadi kebiasaan nih) ke halaman Dashboard kemudian klik Active Email <img alt="gambar, cara membuat email gratisan dari co cc" height="300" src="http://img133.imageshack.us/img133/6504/14nb6.jpg" width="350"/> Anda akan pindah lagi ke halaman MX record, kemudian anda di kasih kode-kode MX record untuk di host di co.cc biasanya seperti ini kodenya MX server addres ASPMX.L.GOOGLE.COM ALT1.ASPMX.L.GOOGLE.COM ALT2.ASPMX.L.GOOGLE.COM ASPMX2.GOOGLEMAIL.COM ASPMX3.GOOGLEMAIL.COM ASPMX4.GOOGLEMAIL.COM ASPMX5.GOOGLEMAIL.COM Priority 10 20 20 30 30 30 30 Anda loncat dulu ke co.cc kemudian anda setup lagi domain yang anda daftarkan di google apps, sekarang setup-nya seperti ini HOST: isi dengan MX server addres yang di berikan google TTL:biarkan default Type: pilih MX Priority isi dengan nomer yang di kasih google, Value: isi dengan ghs.google.com CONTOH setup di co.cc Host: ASPMX.L.GOOGLE.COM TTL: 1D Type: MX Priority: 10 Value: ghs.google.com Lakukan ini berulang sampai ke tujuh kode itu ter hosting. Kalau sudah selesai di co.cc kembali lagi ke Google apps, kemudian klik button I Have Completed These Step selesai sudah, biasanya anda di suruh menunggu 48 jam (biasanya dalam beberapa jam sudah bisa di gunakan)... sekarang anda mempunyai email dengan domain sendiri, anda pun bisa mengganti alamat untuk login email anda. Semoga bermanfaat...

Blogger Tips Cara Membuat Email Dengan Domain Sendiri Di Co.Cc

Pastinya anda kepingin kan punya email dengan domain anda sendiri? Siapa si yang enggak mau, seperti punya saya info@mabes-rhoedal.co.cc w...

Baca selengkapnya »

Daftarkan Juga Blog Di Mesin Pencari Ask.com

11.27.00 Dhodho 2

<img alt="gambar, cara cepat di index ask" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqhxQT0NnSzqMkdD_-x_elebha-Ny38ORM4Qkm9hFRW9X6VOvUZks2k_endYoLvBSFXXrSY1hZWy2IwMmRyjxDKbGsheSJkX1w4x-bDBloUTPi5EneCV0rkYEp4c5W-KXrjZKAvnlprnk/s320/1.jpg"/> Sebelumnya saya juga menyuruh anda untuk <a href="http://www.rhoedal.co.cc/2010/06/agar-lebih-baik-di-index-oleh-google.html">men submit feeds blog anda di yahoo</a> dan <a href="http://www.rhoedal.co.cc/2010/06/agar-di-index-oleh-mesin-pencari-bing.html">submit juga di bing</a> dan yang terakhir <a href="http://www.rhoedal.co.cc/2010/07/add-url-alamat-blog-di-google.html">add url di google</a> Nah sekarang ini di mesin pencari ask caranya mudah banget, berikut caranya : http://submissions.ask.com/ping?sitemap=http://www.alamatbloganda.blogspot.com/rss.xml http://submissions.ask.com/ping?sitemap=http://www.alamatbloganda.blogspot.com/atom.xml Ganti yang berwarna merah dan copy di addres bar, hari ini cerah juga. buat menulis artikel ini.

Seo Tips Daftarkan Juga Blog Di Mesin Pencari Ask.com

Sebelumnya saya juga menyuruh anda untuk men submit feeds blog anda di yahoo dan submit juga di bing dan yang terakhir add url di google N...

Baca selengkapnya »

Tempat Hosting Css Gratis / Free

16.21.00 Dhodho 1

Bingung cari tempat hosting gratisan? sekarang enggak usah bingung lagi, masih banyak tempat hosting gratisan salah satunya embah google yang baik hati, yang selalu memberikan apapun buat kita semua, dengan cuma-cuma. Sebenernya hosting ini bukan buat css, javascript, gambar dll. Waktu itu saya pernah nulis juga <a href="http://www.rhoedal.co.cc/2010/06/9-tempat-hosting-gratis.html">9 Tempat Hosting Javascript Gratis</a> Lebih baik anda langsung aja deh mendarat di <a alt="sites google" href="http://sites.google.com/" rel="nofollow" target="_blank">http://sites.google.com/</a> kalau sudah punya silahkan login dengan id akun anda, kalau belum punya silahkan daftar dulu. Klik Create Site <img alt="Gambar, Cara membuat Sites Google" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCq22hmP2pMQMOFfGtQmn0ZNucOIp59FV-kE3o44F0uIRTRsnVG2wXItKLnGQKHHU-NuM56kDzG6bWRwfYvO-agy93toT_oVmjp_uMqM6_e6NKkSy2Zq4A5xJJzZuWoEC0lrQWlMVE_rs/?imgmax=800" width="350"/> Anda akan di bawa ke halaman pendaftaran isi form yang tersedia untuk pendaftaran, setelah selesai klik Create Site kalau sudah jadi site yang anda buat klik Create Page <img alt="Gambar, Cara membuat Sites Google" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNLbzLnm-MJwGVMyDysD621KH3aeOV83ddZLo_130JZSHEcrZxlJ9pYYkuV4ojEBQ91pPQOTGlZ8dx09D5R0YMbGo2ppkYvcdOaxCJzgvYtWV8E0V5nPcX2xMvYrzouHYRb0MhvhGFbow/?imgmax=800" width="350"/> Isilah opsi yang diberikan sebagai berikut, 1. Select a template use >> Pilih File Cabinet 2. Name isi dengan ke ingin'an anda Misal File 3. Pilih tombol file radio Put Page at the top level 4. Klik Create Page Pilih Add file Kemudian masukkan file css anda tersebut. Ingat yah file css anda harus sudah di save dalam format .css <img alt="Gambar, Cara membuat Sites Google" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6OGOyvFul7pHwA6m7Olc3bO21VZEP8vs4eClhhhr7-tWETiHAW9NxQrMcnZ8QSBRkWazmAm_5yKkKBwXSWFflRWFyeW5xp7xE9mBAoGS5x8lH4DiOqT2ZGBQ1C0C3e_PSK4uneJbbdZc/?imgmax=800" width="350"/> Setelah file anda ter upload silahkan klik kanan pada link Download atau Unduh kemudian pilih opsi Copy Link Location <img alt="Gambar, Cara membuat Sites Google" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq29NLrZHxTtPiKZSRYT44HrYrOk51FfQ4N7IAD7etCnEIaW5hv9_KMKrgMh_HyGXpEbv2Xv6ys7Q3fz7JsykpPNtvaDiGwclB0tIQd_TbHbk4OZcmWOxMw9Qyvpq0mkyoretbW_TNgxg/?imgmax=800" width="350"/> Paste kan link yang di copy ke notepad Contoh link yang saya dapat seperti ini http://sites.google.com/site/httpswwwrhoedalcocc/bekasi/Defaulttheme.css?attredirects=0&d=1 Nah tugas anda hanya memotong sebagian link tersebut menjadi akhiran file .css Perhatikan yang berwarna biru dan merah http://sites.google.com/site/httpswwwrhoedalcocc/bekasi/Defaulttheme.css?attredirects=0&d=1 Hapus yang berwarna merah hingga link yang anda dapat menjadi seperti ini http://sites.google.com/site/httpswwwrhoedalcocc/bekasi/Defaulttheme.css Untuk memanggil file css anda tersebut tinggal tambahkan lagi kode seperti ini <link rel='StyleSheet' href='http://sites.google.com/site/httpswwwrhoedalcocc/bekasi/Defaulttheme.css' type='text/css'/> Yang terakhir, semoga bermanfaat...

Blogger Css Tempat Hosting Css Gratis / Free

Bingung cari tempat hosting gratisan? sekarang enggak usah bingung lagi, masih banyak tempat hosting gratisan salah satunya embah google yan...

Baca selengkapnya »

Add Url Alamat Blog Di Google

03.20.00 Dhodho 1

Menanggapi pertanyaan yang datang dari email saya mau beri tips sedikit agar lebih mantap di mesin pencari google, pertanyaan yang datang dari email kurang lebih seperti ini "kok blog ini cepat banget di index oleh google, dalam hitungan menit, bahkan detik sudah muncul di mesin pencarinya google, apa rahasianya" pengirimnya saya lupa nama-nya, kalau ada yang merasa, absen aja di kotak komentar. Sedikit tips dari saya buat memaksimalkan seo blog anda sebelumnya melakukan langkah berikut ini enggak ada salahnya baca juga tips-tips yang ini <a href="http://www.rhoedal.co.cc/2009/01/agar-cepat-terindex-di-google.html">Agar Cepat Terindex Di Google</a> optimalkan juga dengan googlebot <a href="http://www.rhoedal.co.cc/2010/05/memanggil-googlebot-secepatnya.html">Panggil Googlebot Secepatnya</a> jika sudah di baca mari kita lanjutkan lagi... >> Silahkan Menuju <a href="http://www.google.com/addurl/" rel="nofollow" target="_blank" title="google add url">Google Add Url</a> >> Pada form yang tersedia silahkan isikan alamat blog anda dan deskripsinya, <img alt="gambar, Cara cepat Di index google" height="300" src="http://support.ecenica.com/files/2010/02/add-url-to-google-form.png" width="350"/> Anda juga bisa memasukkan alamat postingan blog anda, semoga bermanfaat.

Seo Tips Add Url Alamat Blog Di Google

Menanggapi pertanyaan yang datang dari email saya mau beri tips sedikit agar lebih mantap di mesin pencari google, pertanyaan yang datang da...

Baca selengkapnya »

Mengatasi Tombol Share Blogger Yang Tidak Muncul

21.30.00 Dhodho 9

Anda mungkin tidak mau memakai manual sosial bookmark yang kemarin kita buat bersama-sama dan anda ingin memakai button share bawaan dari blogger, tapi sudah di setting tidak tampil di halaman, buat yang belum di seting ikuti dulu langkah ini untuk menampilkan mini icon share button dari blogger >> Login <a href="http://blogger.com" rel="nofollow" target="_blank">Blogger</a> >> Rancangan >> Elemen Laman >> Klik Link Edit pada bagian kanan bawah <img alt="gambar, tombol share atau bagikan di blogger baru" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWXXg9UHBMqwsNWgT0HC1JxjBQBoui2NhSEvNq355SQ2VquehmTZpF6jO-gD5H8y6iM4o-dh8kdZM6GMcAZgRLx4tKhf3NKBlCXmpFd8Qlw0uMjgUQtOrv7EEqyJomrsvQ0f7d-MCO1k/s1600/2.jpg" width="350"/> Akan muncul window baru, Centang kotak kecil pada bagian Tampilkan tombol berbagi <img alt="gambar, tombol share atau bagikan di blogger baru" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZ0LmGQWoBHkIf5LWewgVRI5om6FgyiTf8jc9r2Xyf1xbfKxP03m2yfV6UHmeE3lYBhOBkCjteA30OS4N9I78CWqgHpgISK2AcIWqlmAGJnXs8JBxYJckk0IysU52f0ydQMNlfX1kFew/s1600/3.jpg" width="300"/> Anda bisa mengatur posisi-nya dengan drag pada tombol tersebut jangan lupa disimpan... Lihat tampil atau tidak icon share tersebut, jika belum tampil ikuti lagi langkah ini, Cari kode seperti ini <b:includable id='shareButtons' var='post'> <b:if cond='data:post.sharePostUrl'> <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'> <data:top.emailThisMsg/></a> <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.blogThisMsg + &quot;\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'> <data:top.blogThisMsg/></a> <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'> <data:top.shareToTwitterMsg/></a> <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToFacebookMsg + &quot;\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'> <data:top.shareToFacebookMsg/></a> <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToBuzzMsg + &quot;\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'> <data:top.shareToBuzzMsg/></a> </b:if> </b:includable> Nah yang saya beri warna merah anda Cut atau Potong, yang berwarna biru di abaikan aja, kemudian pindahkan ke <data:post.body/> tepat di bawahnya, atau kalau tidak ada <data:post.body/> Semoga bermanfaat...

Icon Widget Mengatasi Tombol Share Blogger Yang Tidak Muncul

Anda mungkin tidak mau memakai manual sosial bookmark yang kemarin kita buat bersama-sama dan anda ingin memakai button share bawaan dari bl...

Baca selengkapnya »

Berbagai Pilihan Font Buat Blog Dari Kernest

12.33.00 Dhodho 0

Terasa jenuh mungkin ia, dengan font yang itu-itu aja di tampilan blog kita... Nah tapi sekarang sudah tidak lagi seperti-nya, anda dapat melawan kejenuhan dengan mengganti font anda... Berbagai pilihan font yang cantik-cantik di tawarkan kernest.com Silahkan aja langsung meluncur di <a href="http://kernest.com" rel="nofollow" target="_blank">kernest.com</a> jika anda sudah mendarat disana langsung klik aja Public Domain <img alt="gambar, font-font cantik keren," height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxHLRcJV0hkdly84YPgc-WqKrPL3ZYna9tXZTRffZJfvhLOClUD-yYE0Bp6kl1HvSf8VGmNpZYYMEeLktmHc-4ACAH7Hvi89XU9avSQFAq8seSPdYBg8Yac67u5Bng9FFzcNzxL-_-5wA/s1600/2.jpg" width="350"/> Anda langsung di bawa ke halaman pilihan berbagai font yang saya bilang keren-keren dan cantik <img alt="gambar, font-font cantik keren," height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgme-Ii4Zmlg0Ce8ha5rqmCD8uZjBiEbQECWlVEEhjtqChY99dGTysRYv7ZAI8MSEgzQfM1NjnI6TziZ5cpPqDUbkvUM-RnvS5amQRFtAkeLEj2Ct568ueZKPFdKkqQAEZRwziIiQIj_0M/s320/3.jpg" width="300"/> Copy lah kode yang di kasih oleh kernest.com ke notepad terlebih dahulu <img alt="gambar, font-font cantik keren," height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFRkAl6jY2bouajBUKHEaJ-XlGCrjXfhmbnLjcsFU_QNBN9G-thVkDFYBkGeROPVC8yJnQkszyE7ud2PPIJU1RzpR9_RvfonAyCLHWDSAEMhMsF6vhs1YoOWTnLRQJ4nDK4t3OcuFNAPQ/s1600/4.jpg" width="350"/> Baris pertama yang dikasih adalah kode font misal-nya seperti ini : <link href="http://kernest.com/fonts/savings-bond.css" media="screen" rel="stylesheet" type="text/css" /> Taruh kode yang anda ambil seperti contoh di atas tepat di atas </head> Untuk mengaktifkan font tersebut anda tinggal mengganti-nya, misal anda mau mengganti font header misal-nya lagi anda mengambil font Savings Bond jadi penulisannya seperti ini #header h1 { color: $pagetitlecolor; margin: 0; padding: 10px 0 0 20px; text-decoration: none; font-family: Savings Bond; } Menulisnya di awal dengan family, perhatikan yang berwarna merah dan saya cetak tebal di merah tersebut. anda juga bisa menulisnya di postingan, cara penulisiannya seperti ini font-family: Savings Bond; font-size:22px;">Tulisan anda disini Hari yang cerah untuk menulis artikel ini. Semoga bermanfaat...

Blogger Font Berbagai Pilihan Font Buat Blog Dari Kernest

Terasa jenuh mungkin ia, dengan font yang itu-itu aja di tampilan blog kita... Nah tapi sekarang sudah tidak lagi seperti-nya, anda dapat me...

Baca selengkapnya »

Download Icon-Icon Cantik Di Findicons.com

23.29.00 Dhodho 2

Jika anda sedang mencari icon-icon cantik keren, bagus-bagus deh menurut saya, disitu tersedia dengan berbagai ukuran. Silahkan berangkat ke <a href="http://findicons.com/" rel="nofollow" target="_blank" title="findicons">http://findicons.com/</a> <img alt="gambar, download icon-icon cantik" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih-OYsJQQr7ESX91xMEvKNBIUsjQzipzILnnlkQ87XLrj2q9CAtqUH5w47YYu-vgNzk50fANsgWzVQ3pFQFLSnr1Y7LmHk6S1raxgqny_auekuqPN7QEkQOc2Qf4y_lR9HV9VxNurhxwo/s1600/4.jpg" width="350"/> Masukkan aja keyword-nya contoh google <img alt="gambar, download icon-icon cantik" height="250" src="http://www.99cblog.com/wp-content/uploads/2010/03/find-icons1.png" width="350"/> Computer <img alt="gambar, download icon-icon cantik" height="250" src="http://technologytosoftware.com/wp-content/uploads/2010/04/FindIcons-e1271518768781.jpg" width="350"/> Firefox <img alt="gambar, download icon-icon cantik" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2IYbHsfgnV0gkwSFMUMFTP6XUbwpigNccFa7dyhOr2HDMaCNfoBp3qmkCEVrgy63_eCrmmRlJfZDH3dIw2tAmRIReJVqjQYfrACgpdBW63OZspDSKuEf3bcHZLfxYCmxILd-nH4hHcRU/s1600/5.jpg" width="350"/> Klik icon yang ingin download dan anda akan di bawa ke halaman buat men-download <img alt="gambar, download icon-icon cantik" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEB2szrqyRu7G6000yxkT-aYBmB3DnyiH4zxl11VZgzNht9mzdEyCFpwOCDLOdjxdKVqQwH-A7OCktmQcZeavyev_zLxxsFXUQOcIWWgOKVQGegvIqjBfVJiRC0ZQCi7ANuq4N4O1ssjw/s1600/6.jpg" width="350"/> Anda juga bisa mengganti tipe icon tersebut sesuka anda. Misal dari Gif ke jpg dan seterusnya... sepertinya anda bisa mengganti icon <a href="http://www.rhoedal.co.cc/2010/07/cara-membuat-sosial-bookmark-atau.html">manual bookmark</a> yang kemarin kita pelajari bersama, Selamat mencoba...

Blogger Icon Download Icon-Icon Cantik Di Findicons.com

Jika anda sedang mencari icon-icon cantik keren, bagus-bagus deh menurut saya, disitu tersedia dengan berbagai ukuran. Silahkan berangkat ke...

Baca selengkapnya »

Membuat Tombol Hide & Show (spoiler)

15.28.00 Dhodho 6

<img alt="gambar, cara membuat tombol hidden show, tampilkan sembunyikan" height="250" src="http://www.rickyjordan.com/images/Isolate-show-hidden.jpg" width="300"/> Mungkin anda ingin menyembunyikan sebagian artikel dengan tombol hide show...? Agar artikel terlihat tidak terlalu banyak anda bisa gunakan script spoiler mau tau caranya mari kita belajar bersama... <blockquote> <div> <input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampilkan&#39;; }" type="button" /></div> <div class="alt2"> <div style="display: none;"> <div style="background:#000000;text-align:left;padding:10px;color:#ffffff;"> Masukkan text-nya disini. Gambar juga bisa. </div> </div> </div> </blockquote> Hasilnnya seperti di bawah ini <div> <input value="Tampilkan" style="width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button" /></div> <div class="alt2"> <div style="display: none;"> <div style="background:#000000;text-align:left;padding:10px;color:#ffffff;"> Perhatikan text yang saya cetak berwarna merah dan biru, anda dapat mengubah / mengedit text yang saya cetak berwarna merah dan biru selamat mencoba. </div> </div> </div> Semoga bermanfaat. Ingat ya, perhatikan yang berwarna merah dan biru kalau ingin mengedit-nya sekali lagi semoga bermanfaat.

Blogger Gadget Membuat Tombol Hide & Show (spoiler)

Mungkin anda ingin menyembunyikan sebagian artikel dengan tombol hide show...? Agar artikel terlihat tidak terlalu banyak anda bisa gunakan ...

Baca selengkapnya »