Alfibay: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Minggu, 01 September 2019

Cara Mudah Redirect Blog Ke Situs Blog Lain

Cara Redirect Blog Ke Situs Blog Lain - Hallo Assalamu'alaikum selamat datang kembali sobat di blog saya. Pada pertemuan kali ini admin akan berbagi trik sederhana, yaitu bagaimana caranya redirect blog ke situs blog lain.

Adapun yang di maksud redirect itu bisa juga di sebut sebagai pengalihan otomatis. Jadi contoh kecilnya ketika sobat mempunyai blog A dan blog B. Blog A pengunjungnya sudah lumayan ramai, namun sobat mempunyai blog baru yakni blog B.

Naah... Sobat ingin mengalihkan trafik blog A ke blog B. Ya caranya dengan redirect ini. Jadi ketika ada pengunjung yang membuka blog A sobat, otomatis akan beralih semua ke blog B.

Pengalaman pribadi saya begitu. Ketika blog A saya tidak ada iklannya, saya redirect saja ke blog B yang ada iklannya.

Cara Mudah Redirect Blog Ke Situs Blog Lain

Untuk cara-caranya atau langkah cara redirect blog silahkan sobat ikuti langkahnya di bawah ini :

1. Silahkan sobat login ke blog sobat dan pilih ke opsi Theme lalu pilih Edit Html

2. SIlahkan sobat copy script di bawah ini :

<script type='text/javascript'>
var d='<data:blog.url/>';
d=d.replace(/.*//[^/]*/, '');
location.href = 'http://sebuahtutorialku.com';
</script>

Pada tulisan yang berwarna merah, sobat ganti dengan alamat blog sobat sendiri.

3. Pastekan kode tersebut tepat di bawah kode <Head>

Jika sudah silahkan klik tombol Save Theme / Simpan Thema.

Silahkan sobat coba sendiri dengan cara membuka blog sobat, linknya pasti akan mengarah ke blog yang di tuju.

Cara Redirect Blog Ke Situs Blog Lain

Itulah artikel cara redirect postingan blog ke blog lain. Mudah-mudahan postingan ini bermanfaat. Terima kasih

Baca selengkapnya »

Senin, 26 Februari 2018

Dapatkan Penghasilan Tambahan dari Adspeedy

alfibay Tutorial Blog ,

Setelah pada Postingan sebelumnya saya membahas wacana mendapatkan penghasilan perhiasan dari Adsense Indonesia atau Adsensecamp, maka pada postingan ini saya akan menyebarkan tips bagaimana cara mendapatkan penghasilan lainya, ialah dari Adspeedy, Caranya anda tinggal daftarkan diri anda sebagai publisher yang siap menerbitkan iklan Anggota Adspeedy di blog anda.... Tertarik...???? Ikuti cara berikut :

1. Daftarkan diri anda dengan KLIK DISINI

Setelah pada Postingan sebelumnya saya membahas wacana mendapatkan penghasilan embel Dapatkan Penghasilan Tambahan dari Adspeedy

2. Pilih Registrasi
3. Isi semua formulir registrasi yang telah disediakan, beri tanda centang pada "Ya, saya telah membaca dan baiklah Syarat & Ketentuan", kemudian Klik Lanjutkan.
4. Akan ada dua pilihan ibarat gambar berikut :

- Publisher : yakni orang yang punya blog/website yang akan menyediakan space iklan.
- Advertiser : Orang yang beriklan melalui speedy yang akan ditampilkan diseluruh publisher speedy.
Jika anda ingin mendapatkan penghasilan perhiasan maka pilih pada pilihan pertama ialah "Saya ingin menjadi Publisher dan merangkap sebagai advertiser" kemudian masukkan nama Website/Organisasi. Klik LANJUTKAN untuk melanjutkan kelangkah berikutnya.

5. Lanjutkan Proses Regristrasi dengan mengisi Form yang telah disediakan :

- Nama Zona Individu : Zona Iklan yang akan anda tampilkan, misalkan sebelah kanan, kiri, atau yang lainya.
- Gabungkan Zona ini dengan : New Website
- Jadikan sebagai zona utama : Ya
- Judul Website anda : Judul Website anda
- URL Website : Alamat website atau blog
- Deskripsi Website : Isikan wacana deskripsi website anda
- Kategori Website : Pilih Kategori Blog / Website anda
- Pilih bahasa yang di gunakan di website anda
Lanjutkan pengisian lainya, janganlupa tentukan tipe iklan yang ingin anda tayangkan, misalkan Teks, fo-Teks, Banner, Popup, Popunder, Peel Away, dan Halaman teks.
- Masukkan kata kunci dan tentukan lokasi iklan di website anda- Klik Selesai.

6. Setelah berhasil diproses, maka akan keluar zona individu ibarat berikut :

Tentukan biaya sesuai dengan impian anda, kemudian klik Update. Akan muncul ibarat gambar berikut :

7. Klik Masuk area Publisher. Anda akan dibawa masuk ke Area Publisher.

8. Pilih Zona Global, Jika anda permohonan anda belum disetujui maka zona belum muncul di Zona global ibarat berikut :

9. Masuk ke Zona Individu, setting zona individu berdasarkan selera anda

10. Masuk ke Rekening Bank, Isikan info bank yang anda gunakan untuk transaksi di adspeedy, kalau sudah simpulan klik Simpan.

11. Klik Logout untuk keluar dan tunggu konfirmasi di setujui oleh Adspeedy melalui email anda.
12. Jangan Lupa selalu cek Email anda lantaran yakni adspeedy "Datang tak diundang pulang tak diantar".....hehehhe.

Selamat Mencoba.

Sumber http://www.tips-trick.com

Baca selengkapnya »

Kamis, 22 Februari 2018

Daftarkan Blog anda di Adsense Indonesia untuk dapatkan penghasilan tambahan

alfibay Tutorial Blog ,

Buat para blogger yang capek nunggu untuk di setujui oleh Google Adsense, ada alternatif lain buat blogger Indonesia mendapatkan penghasilan, salah satunya ialah di Adsensecamp. Adsensecamp ini mirip sekali dengan Google Adsense, pokoknya gak kalah seru dech dengan google adsense. Segera daftarkan diri anda di Adsensecamp, Untuk mendaftarnya dan pengaturannya bisa ikuti cara berikut :

1. Klik DISINI Untuk mendaftar Adsense Camp, akan keluar gambar mirip berikut :

Buat para blogger yang capek nunggu untuk di setujui oleh Daftarkan Blog anda di Adsense Indonesia untuk dapatkan penghasilan tambahan

2. Klik Tombol Create Publisher Account, akan keluar formulir registrasi mirip berikut :

3. Isi formulir registrasi secara lengkap kemudian klik Submit, jikalau sukses akan keluar mirip gambar dibawah ini :

4. Cek email anda, alasannya yaitu anda akan mendapatkan kiriman email berupa kode verifikasi

5. Buka kiriman email tadi dan lihat isinya, kurang lebih isinya mirip berikut :

6. Klik link kode verifikasi yang diberikan oleh adsensecamp untuk mengaktifkan account. Setelah diklik maka akan terbuka jendela baru yang menunjukan bahwa account anda sudah aktif.

7. Login kembali dengan memasukkan Username dan Password anda.

Setelah masuk akan terbuka jendal mirip dibawah ini yang memberikan penghasilan anda

8. Pilih tab sajian Publisher, dan pilih refferal untuk mendapatkan penghasilah aksesori dari orang yang mendaftar melalui rekomendasi anda dengan memasang baner yang sudah disediakan untuk dipasang di blog anda.

9. Klik Pasang Script Iklan untuk memasang iklan lainya di blog anda. maka anda akan disuruh menciptakan chanel dulu. Isilah semua data yang telah disediakan kemudian klik Save. Jika tambah chanel berhasil akan keluar tampilan sebagai berikut :

10. Kemudian Klik Dapatkan Kode HTML Iklan, Pilih model iklan yang anda inginkan kemudian copy paste kodenya di sidebar anda.

Selamat Mencoba.

Sumber http://www.tips-trick.com

Baca selengkapnya »

Sabtu, 17 Februari 2018

Membuat Bullet / Unordered dengan Icon Folder

alfibay Tutorial Blog ,

Unordered list dengan icon folder dan hover dikala di link berdasarkan saya keliahatan sedikit rupawan dari biasanya, ingin tau mirip apa c akhirnya langsung aja liat gambar dibawah ini :

Unordered list dengan icon folder dan hover dikala di link berdasarkan saya keliahatan sedikit Membuat Bullet / Unordered dengan Icon Folder

Jangan cuma diliat, kalo suka diambil kalo gak suka langsung aja matikan komputer anda.....hehehhe.... bagi yang suka dan ingin membuatnya, silahkan ikuti cara berikut :

1. Login blog anda dan masuk ke template.
2. Copykan instruksi berikut diatas instruksi </style>

ul {
border: 0px solid #none;
margin: 2px;
padding: 2px 2px 2px 23px;
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLswjfW7XDbyQChxsaKWdRVVE2GnMQkQgplmGYg72-dUpRphBxNbXWfmZ4zcjWUHMKlEEtlmDPke7CXFUcDcyInh0nLO2LHuOsuH70ThsTCezL39h45hlj-tUVMFgCK0lGu8n-d4dC0N8/);
}
li a{
display:block;
color:#ff8d1b;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
padding:2px 2px 2px 2px;
font-family:Georgia, garamond, serif;
}
li a:hover{
display:block;
color:#db6d00;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
background:#ffdfbf;
}

3. Lihat akhirnya dengan klik Preview atau Pratinjau
4. Kalau buruk hapus aja.... :D
5. Kalau elok 'n mau dipasang ya langsung di Simpan atu kang.... hiks.

Sumber http://www.tips-trick.com

Baca selengkapnya »

Rabu, 14 Februari 2018

Cara Menampilkan Seluruh Judul Postingan di Blog (Daftar Isi blog)

alfibay Tutorial Blog ,

Buat anda yang ingin menampilkan seluruh judul postingan di Blog anda atau yang sering disebut dengan Daftar isi, maka cara berikut bisa anda lakukan. Tetapi jikalau anda masih belum paham maksud ukiran pena saya, maka lihat dulu gambar berikut :

Buat anda yang ingin menampilkan seluruh judul postingan di Blog anda atau yang sering dis Cara Menampilkan Seluruh Judul Postingan di Blog (Daftar Isi blog)

sudah paham akan bikin apa sekarang.......??? Jika sudah paham pribadi saja copy paste arahan berikut di sidebar blog anda :

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="5px" ;>
<script style="text/javascript" src="http://sites.google.com/site/masfaysblog/Home/codedaftarisi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="https://tutorialdasar404.blogspot.com//feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

ganti https://tutorialdasar404.blogspot.com/ dengan alamat blog anda, Selamat Mencoba.

Sumber http://www.tips-trick.com

Baca selengkapnya »

Selasa, 13 Februari 2018

Memasang Link dan baner di blog

alfibay Tutorial Blog ,

Bagaimana cara memasang baner sobat di blog sendiri???? begitu pertanyaan saudara andika sobat saya. Sebenarnya tidak ada bedanya antara memasang Link berbentuk teks dengan berbentuk gambar, lantaran adalah fungsinya sama adalah pengunjung blog anda nantinya juga akan berkunjung ke blog sobat anda. Dalam bahasa Islamnya menjalin tali Silaturahmi.... hehehhe.. (Kayak Ustad ya gw...hiks). Ok deh eksklusif aja TTP (To The Point) ihwal memasang baner di blog tapi sebelumnya saya akan mengingatkan lagi bagaimana memasang link berbentuk teks

<a href="http://www.sadeanbatik.com">Tempat Promosi Batik</a>

Untuk menyisipkan link di website atau blog memakai tag <a href="alamatblog">kemudian ditutup dengan </a>. Makara pada episode diantara tag <a href="alamatblog"> dan </a> adalah episode yang akan muncul dengan sisipan link ibarat pada teladan diatas "Tempat Promosi Batik" adalah teks yang muncul dengan sisipan link-nya.
Untuk menampilkan gambar dengan sisipan link juga pada prinsipnya sama, hanya saja untuk menyisipkan gambar memakai tag <img src="alamatgambar">, jadi bila ingin menyisipkan link pada gambar anda tinggal menuliskan kodenya ibarat berikut :

<a href="alamatblog"><img src="alamatgambar"></a>

Contoh :

akan keluar gambar ibarat dibawah

Penjelasan :
- target="_blank" adalah attribut yang dipakai supaya bila di klik maka akan membuka jendela baru, artinya tidak menutupi halaman yang sedang tampil.
- title="Memasang Link dan baner di blog" adalah attribut yang berguna bila gambar di sorot akan menampilkan teks ibarat yang kita tuliskan di dalam tanda petik.
- height="75" berguna untuk mengatur tinggi gambar misal disitu tertuliskan "75" maka tinggi gambar adalah 75 pixel.
- width="128" berguna untuk mengatur lebar gambar, misal disitu tertuliskan "128" maka lebar gambar adalah 128 pixel.
Untuk menaruhnya di blog, anda bisa menambahkan baris, tag yang dipakai untuk menambahkan baris adalah tag <br> dan ditutup dengan <br/> sebagai teladan anda bisa menuliskan kodenya ibarat ini :

Supaya gambar berada di tengah anda bisa menambahkan <div align="center"> dan ditutup dengan </div>. Sebagai teladan kodenya sebagai berikut :

Selamat Mencoba, supaya bermanfaat.

Sumber http://www.tips-trick.com

Baca selengkapnya »

Minggu, 04 Februari 2018

Daftar Domain Gratis

alfibay Tutorial Blog ,

Punya blog namanya susah diinget atau terlalu panjang lantaran yaitu sub domain ??? mo beli domain dot com gak punya duit??? gak usah bingung, lantaran yaitu ada domain gratis www.co.cc yang mengatakan domain gratis anda. Ini mungkin sudah basi banget tapi gak ada salahnya saya posting lantaran yaitu emang baru sempet posting ihwal ini, Syukur - syukur ada yang butuh dan bermanfaat....hihihihi...ngarep??? Iya dunk, lantaran yaitu percuma hidup ini kalo gak bermanfaat bagi orang lain. Tapi sebelum mendaftar domain, alangkah lebih baiknya kalo kita ngerti dulu apa itu domain??? dan apa itu hosting???

---------------------------------------------------
Perhatian.........!!!
Bagi yang sudah tau gak usah baca
---------------------------------------------------

Hosting adalah rumah didunia dunia maya atau yang sering disebut dengan Internet. Seperti rumah pada dunia maya, untuk memilikinya kita harus beli pada seseorang yang punya rumah, atau perusahaan perumahan. Tapi pada umumnya di dunia maya rumah - rumah tersebut hanya dikontrakkan, berapa besar biayanya tergantung dari tipe rumah, usang sewa dan yang niscaya tergantung dari yang empunya rumah.....hiks. Tetapi ada juga perusahaan atau orang yang bahagia memberi yang menyewakan rumahnya tanpa dipungut biaya, nah didunia Internet dikenal dengan nama Hosting gratis....... Paham.....paham.... Alhamdulillah.
Domain adalah nama atau alamat, jadi mirip di dunia positif juga kalo rumah niscaya ada alamatnya, kalo didunia positif contohnya Jl. dr Sutomo no.23 Kelurahan Landungsari Kota Pekalongan, tapi kalo di dunia maya dikenal dengan Word Wide Web atau dikenal dengan www, contohnya www.blogspot.com. Domain dijual dan didaftarkan dilembaga penyedia domain International yang fungsinya semoga nama suatu alamat website tidak akan ada yang sama. Untuk menciptakan domain yang gratisan maka biasanya meng-induk dari website yang sudah ada, yang biasa disebut dengan sub domain.
Sebagai penyedia layanan blog, blogspot menyediakan Hosting beserta domain gratis, artinya saat anda mendaftar di blogspot maka anda otomatis bisa menyimpan file - file anda yang bisa diakses di Internet (Hosting) dan mendapatkan nama (subdomain), contohnya https://tutorialdasar404.blogspot.com/
Jika domain dirasa terlalu panjang dan susah diinget maka anda bisa juga mendaftarkan diri di domain yang pendek dan gampang diingat misal www.co.cc, dengan subdomain co.cc orang akan gampang mengingatnya lantaran yaitu subdomain yang pendek, misalkan menjadi www.masfays.co.cc.
Untuk membuatnya silahkan Ikuti cara berikut :
1. Daftarkan diri anda dengan Klik Disini, akan terbuka jendela mirip gambar dibawah

Punya blog namanya susah diinget atau terlalu panjang lantaran yaitu sub domain Daftar Domain Gratis

2. Masukkan alamat website yang anda inginkan, misal "masfays"
3. Kemudian Klik Check Acailiability, untuk mengecek ketersediaan alamat tersebut.
4. Setelah pilih nama dan ternyata nama yang anda masukkan tersedia, lanjutkan registrasi.
5. Isi semua form registrasi.
6. Untuk Setting domain, pilih Setup - Manage Domain

Pilih parameter ketiga yaitu URL Forwarding, dan isi kolom didalamnya :
- Page Title : Judul Blog atau web anda
- Redirect to (URL) : masukkan alamat blog anda misalkan : https://tutorialdasar404.blogspot.com/
- Keyword : Kata kunci untuk pencarian blog anda di mesin pencarian semacam google
- Description : Deskripsi blog anda
7. Selamat Mencoba.

Sumber http://www.tips-trick.com

Baca selengkapnya »

Jumat, 02 Februari 2018

Mengganti Baner pada Template 3 Kolomnya Isnaini

alfibay Tutorial Blog ,

Komponen yang biasa digunakan dalam sebuah website yakni tabel, pada blog juga demikian, apalagi jika anda memakai template klasik untuk tampilan blog anda. Seperti pada template 3 kolom buatan Saudara Isnaini yang memakai HTML + CSS ini ternyata gampang sekali untuk dipahami, di desain ulang serta sangat gampang untuk menambahkan komponen - komponen lainya. Syarat pertamanya anda harus sedikit tahu tentang HTML, lantaran komponen pada template ini banyak memakai tabel. Untuk memahami wacana tabel bisa Klik disini. Tetapi jika anda ingin cara cepat mengganti baner mirip pesanan saudara andika maka anda bisa ikuti cara berikut :

Tampilan Template 3 kolom

Komponen yang biasa digunakan dalam sebuah website yakni tabel Mengganti Baner pada Template 3 Kolomnya Isnaini

Berikut yakni isyarat HTML yang berada pada header blog untuk baner

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70"><img src="http://img145.imageshack.us/img145/3215/techbluer1c1dm7.jpg" width="70" height="170"></td>
<td width="515" align="center" valign="top" background="http://img135.imageshack.us/img135/6245/techbluer1c2yh5.jpg"><h1><a href="http://dika-trytothinksmart.blogspot.com/">try to think smart</a></h1>
<h2>pola pikir yang positif sanggup memajukan kualitas diri kita</h2></td>
<td width="145"><img src="http://i34.tinypic.com/34q7c0o.jpg" width="145" height="170"></td>
<td background="http://img134.imageshack.us/img134/5853/techbluer1c5fh3.jpg"> </td>
</tr>
</table>

Untuk menciptakan tabel diawali dengan tag <table> dan ditutup dengan </table> lalu tabel terdiri dari baris. Baris (row) dalam HTML ditulis dengan <tr> ditutup dengan </tr>. Didalam baris terdapat kolom, dalam HTML ditulis dengan <td> dan ditutup dengan </td>. Jika ditulis urut - urutannya sebagai berikut :

<table>
<tr>
<td>Tabel data pertama</td>
<td>Table data kedua</td>
</tr>
</table>

Saya rasa cukup untuk pengenalan komponen tabel diatas, kini kita kembali ke Misi kita yaitu mengganti baner. Sebelumnya anda siapkan dulu gambar untuk baner ukuran 1007px X 200px, terserah anda ingin membuatnya dengan photoshop atau acara aplikasi lainnya. Uploud gambar tadi contohnya ke Picasa Web Album lalu ambil link gambarnya. Sekarang kita liat lagi isyarat html berikut :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70"><img src="http://img145.imageshack.us/img145/3215/techbluer1c1dm7.jpg" width="70" height="170"></td>
<td width="515" align="center" valign="top" background="http://img135.imageshack.us/img135/6245/techbluer1c2yh5.jpg"><h1><a href="http://dika-trytothinksmart.blogspot.com/">try to think smart</a></h1><h2>pola pikir yang positif sanggup memajukan kualitas diri kita</h2></td>
<td width="145"><img src="http://i34.tinypic.com/34q7c0o.jpg" width="145" height="170"></td>
<td background="http://img134.imageshack.us/img134/5853/techbluer1c5fh3.jpg"> </td>
</tr>
</table>

Bisa dilihat bahwa komponen diatas hanya ada satu baris (tr) yang terdiri dari 4 kolom (td) dengan warna biru, hijau, ungu dan Orange. Jadi bergotong-royong gambar baner diatas terdiri dari 4 potongan bagian. Jika anda ingin mengganti dengan satu gambar saja maka didalam "tr" bikin satu "td". Untuk lebih cepatnya cari isyarat diatas di blog anda, lalu diganti dengan isyarat berikut :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="200" align="center" valign="top"> <img src="http://alamatgambar.jpg" width="100%" height="200"> </td>
</tr>
</table>

Selamat Mencoba

Sumber http://www.tips-trick.com

Baca selengkapnya »

Cara Memperpanjang Domain Atau Hosting Di Domainesia

alfibay Tips , Tutorial Blog

Cara memperpanjang domain dan Hosting di Domainesia - Pada postingan sebelumnya aku pernah membagikan tutorial informasi mengenai cara memperpanjang domain di RumahWeb.com. Nah, pada kesempatan kali ini aku kembali akan membagikan tutorial yang sama tapi kali ini berbeda daerah layanan hostingnya, yaitu cara memperpanjang domain dan hosting di situs Domainesia.com. Tutorial ini aku buat kerena memang domain dan hosting aku di Domainesia.com sudah hampir habis, jadi sekalian aku buat tutorialnya. Bagi Anda yang masih galau dalam memperpanjang domain atau Hosting di Domainesia, sanggup diikuti tutorial yang akan aku berikan kali ini.

Domainesia yaitu Salah satu situs penyewaan Hosting dan Domain terbaik di Indonesia. Berdiri di semenjak tahun 2009, DomaiNesia merupakan perusahaan rintisan dengan layanan pendaftaran nama domain, web hosting, dan layanan web yang berfokus terhadap kualitas layanan tanpa mengesampingkan efisiensi biaya. Domainesia terus berupaya menawarkan pengalaman layanan terbaik serta membangun sistem automasi yang efektif dan efisien. Terlebih lagi Domainesia telah melayani lebih dari 32.000 customer dari seluruh penjuru Indonesia dan mancanegara. (sumber: Domainesia.com)

Nah, buat Anda yang memiliki domain atau hosting di situs Domainesia, baik itu yang hampir Expired maupun yang belum sanggup simak tutorial yang akan aku berikan kali mengenai cara memperpanjang domain di Domainesia. Namun sebelum itu, Anda harus mendapat notifikasi Invoice semoga sanggup memperpanjang domain atau Hosting. Invoice dari Domainesia sendiri akan muncul otomatis kalau sisa domain tinggal seminggu lagi. Akan tetapi, kalau Anda ingin memperpanjang domain sebelum waktu sisa seminggu tersebut, Anda sanggup chat customer service untuk memunculkan Invoice segera. Nah, kalau sudah mendapat pemberitahuan Invoice sanggup pribadi memperpanjang doman ibarat dibawah ini.

Cara Memperpanjang Domain atau Hosting di Domainesia.com

Syarat utama dalam memperpanjang Domain di Domainesia ibarat yang sudah aku jelaskan diatas yaitu sudah harus mendapat Invoice. Jika belum, Anda sanggup meminta semoga Invoice segera dimunculkan ke Customer Service Domainesia. Berikut tutorialnya.

1. Pertama silahkan masuk ke Dashboard Domainesia, lalu pilih sajian Invoices.
2. Selanjutnya silahkan klik "Unpaid" pada invoice Domain atau Hosting yang ingin diperpanjang.

3. Nah, disini Anda tinggal pilih jenis pembayarannya. Jika memakai transfer bank sanggup pilih jenis bank yang ingin digunakan. Sebagai pola disini aku pilih bank BNI, dan akan muncul nomor rekening yang harus Anda transferkan.

4. Untuk nominal total harga perpanjangan, Anda sanggup scroll ke bawah untuk lebih lengkapnya.

5. Selain dengan cara diatas Anda sanggup cek Email, alasannya yaitu di Email akan pribadi ada total biaya perpanjangan beserta nomor rekening dan nama yang harus di transferkan.

Nah, gampang bukan cara memperpanjang domain dan Hosting di Domainesia. Jika Anda masih galau atau mengalami hambatan sanggup ditanyakan dikomentar atau pribadi chat ke Customer Service Domainesia. Sekian Tips yang sanggup aku bagikan dan semoga bermanfaat.

Baca selengkapnya »

Selasa, 30 Januari 2018

Horizontal Dropdown Menu dengan CSS

alfibay Tutorial Blog ,

Horizontal Dropdown menu mungkin udah banyak di Posting oleh master - master Blog yang lainya, tapi tidak ada salahnya saya akan berbagi tips kepada saudara - saudaraku sebangsa dan setanah air, mungkin saja tabrakan pena saya lebih gampang untuk dipahami....hehehhe, Buat yang masih bingung perihal apa itu Horizontal Dropdown Menu, liat aja gambar dibawah ini :

mungkin udah banyak di Posting oleh master Horizontal Dropdown Menu dengan CSS

Ada foto saya-nya ya....!!!...hehehihihihuhuhuhu..... dikit nampang gpp deh, tapi bukan foto saya lho yang namanya Horizontal Dropdown Menu, Tapi sajian yang berjejer dari kiri kekanan secara Horizontal dan jikalau disorot salah satu menunya akan keluar Sub Menu didalamnya. Horizontal Dropdown Menu ini memakai CSS jadi tidak menciptakan lambat loading blog, akan tetapi tidak berjalan normal di Ie6 kebawah. Sekedar memberitahu aja jikalau Menu tersebut sudah tak pasang di Blog saya yang memakai template klasik. Jika Saudara - saudaraku sebangsa dan setanah air ingin membuatnya, silahkan ikuti langkah berikut :
1. Login Blog Anda, lalu pilih Tab Menu Template
2. Cari isyarat </head>
3. Copykan isyarat berikut :

/*---------------------
menufs3 ateonsoft.com
------------------------*/
#menufs3-wrapper {width:100%; height:27px; background: #E67817 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') repeat-x top left;
border-top:0px solid #FFE394; padding-left:0px; margin-bottom:9px; overflow:hidden}
#menufs3-wrapper h2 {width:100%; height:27px; background: #E67817 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') repeat-x top left;
border-top:0px solid #FFE394; padding-left:0px; margin-bottom:9px; overflow:hidden}
#menufs3, #menufs3 ul {padding: 0px; margin: 0; list-style: none; font: normal 0.95em arial; color:#fff;}
#menufs3 a {display: block;text-decoration: none; border-right: 1px solid #E67817; border-left: 1px solid #FFE394; color: #fff;
background: #FFE394 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') repeat-x top left;; padding-left:9px; padding-right:9px; padding-top:6px; padding-bottom:7px}
#menufs3 a.awal {padding: 0px; border-left: 0px none;width: 90px; height:27px;
background: #E67817 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') no-repeat;}
#menufs3 a.awal:hover{background: #E67817 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') no-repeat;}
#menufs3 a.awal em {width:100%; height:27px; background: #E67817 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') repeat-x top left;
border-top:1px solid #FFE394; padding-left:0px; margin-bottom:9px; overflow:hidden}
#menufs3 a.IndukMenu {font-weight:bold; text-transform:uppercase;}
#menufs3 a.akhir {padding: 0px; border-left: 0px none; border-right: 0px none; width: 27px; height:27px;
background: #FFE394 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') no-repeat;}
#menufs3 a.akhir:hover {background: #E67817 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') no-repeat;}
#menufs3 a.akhir em {width:100%; height:27px; background: #E67817 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') repeat-x top left;
border-top:1px solid #FFE394; padding-left:0px; margin-bottom:9px; overflow:hidden}
#menufs3 li {float: left;width: 9em;}
#menufs3 li.akhir{border-left: 1px solid #FFE394; height:27px; width: 1px; padding: 0px}
#menufs3 li.akhir em{width:100%; height:27px; background: #E67817 url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png') repeat-x top left;
border-top:1px solid #FFE394; padding-left:0px; margin-bottom:9px; overflow:hidden}
#menufs3 li.kanan{float: right; border-left: 0px none;}
#menufs3 li ul, #menufs3 ul li {width: 14em;}
#menufs3 ul li a {color: #E67817;border-left: 0px none; border-right: 0px none; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px}
#menufs3 li ul {position: absolute; display: none; background-color: #E67817; z-index:200;border-right: 0px solid #141414; border-left: 0px solid

#141414;
border-bottom: 1px solid #fff; margin-left:-1px;text-align: left;}
#menufs3 li:hover a, #menufs3 a:focus, #menufs3 a:active{color: #ffff00; background-color: #E67817;
background-image:url('http://i283.photobucket.com/albums/kk304/fays_alfahrus/judul6.png'); background-repeat:repeat-x}
#menufs3 li:hover ul{display: block;}
#menufs3 li:hover ul a{color: #fff; border-top:1px solid #fff; background-image:url('none');}
#menufs3 ul a:hover {background-color: #FFE394!important;color: #E67817!important;}
#menufs3 li {width: auto;}

Tepat diatas isyarat </head>

3. Kemudian Copykan Code berikut di Sidebar anda :

<div id="menufs3-wrapper">
<ul id="menufs3">
<li><a class="IndukMenu" href="https://tutorialdasar404.blogspot.com/" title="Horizontal Dropdown Menu dengan CSS"><b>Halaman Depan</b></a>
<li><a class="IndukMenu" href="#" title="Horizontal Dropdown Menu dengan CSS"><b>Design Grafis</b></a>
<ul>
<li> <li><a href="https://tutorialdasar404.blogspot.com//search/label/Adobe%20Photoshop"><b>Adobe Photoshop</b></a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Corel%20Draw"><b>Corel Draw</b></a></li>
</ul>
<li><a class="IndukMenu" href="https://tutorialdasar404.blogspot.com/" title="Horizontal Dropdown Menu dengan CSS"><b>Microsoft Office</b></a>
<ul>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Word"><b>Microsoft Word</b></a>
</li>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Excel"><b>Microsoft Excel</b></a>
</li>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Word"><b>Microsoft Access</b></a>
</li>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Word"><b>Microsoft Power Point</b></a>
</li>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Word"><b>Microsoft Front Page</b></a>
</li>
</ul>
</li>

<li><a class="IndukMenu" href="https://tutorialdasar404.blogspot.com/" title="Horizontal Dropdown Menu dengan CSS">Web Design</a>
<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/HTML">HTML</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/CSS">CSS</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Java">Java</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Tutorial%20Blog">Tutorial Blog</a></li>
</ul>
</li>

<li><a class="IndukMenu" href="https://tutorialdasar404.blogspot.com/" title="Horizontal Dropdown Menu dengan CSS">Komputer Akuntansi</a>
<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/AKUNTANSI">Akuntansi Dasar</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/MYOB">MYOB</a></li>
</ul>
</li>

<li><a class="IndukMenu" href="https://tutorialdasar404.blogspot.com/" title="Horizontal Dropdown Menu dengan CSS">Tutorial Lain-nya</a>
<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Linux">Linux</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Internet">Internet</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Email">Email</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Virus">Virus</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Tip%20dan%20Trik%20Komputer">Tips & Trik Komputer</a></li>
</ul>
</li>

<li><a class="IndukMenu" href="https://tutorialdasar404.blogspot.com/" title="Horizontal Dropdown Menu dengan CSS">Serba - Serbi</a>
<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Batik%20Pekalongan">Batik Pekalongan</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Curhat">Curhat</a></li>
</ul>
</li>

<li><a class="IndukMenu" href="http://forumblogger.co.cc" target="_blank" title="Horizontal Dropdown Menu dengan CSS">Forum</a>
</ul>
</div>

4. Silahkan edit sendiri ya, coba - coba aja deh, Pasti bisa kok....
5. Selamat Mencoba.

Sumber http://www.tips-trick.com

Baca selengkapnya »

Senin, 29 Januari 2018

Vertical Dropdown Menu

alfibay Tutorial Blog ,

Selain untuk mempercantik tampilan dan menciptakan halaman menjadi ringkas, Vertikal Dropdown menu juga bisa membuat Kategori di dalam Kategori. Nah lo.......... Apa c bahwasanya Vertikal Dropdown menu, Langsung liat aja dibawah ini :

Selain untuk mempercantik tampilan dan menciptakan halaman menjadi ringkas Vertical Dropdown Menu

Udah tak coba di blogku yang pake template klasik, Pengin membuatnya ???? Oke Deh.... Langsung aja ikuti cara berikut :

1. Login ke blog anda
2. Masuk ke Template
3. Cari arahan :

</style>
</head>

4. Copy kan arahan berikut :


<style type="text/css">

/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/

/* MyCSSMenu 0 */

/*"""""""" (MAIN) Container""""""""*/
#qm0
{
width:180px;
padding:0px 0px 0px 0px;
margin:0px;
background-color:#E67817;
background-image:url(images/bg.gif);
border-width:1px;
border-style:solid;
border-color:#FAE393;
}

/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:2px 2px 2px 2px;
background-color:transparent;
color:#FFFFFF;
font-family:Arial;
font-size:12px;
text-decoration:none;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#FAE393;
margin:3px 0px 3px 0px;
}

/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
color:#E67817;
border-width:0px 3px 0px 3px;
border-style:solid;
border-color:#E67817;
background-color:#FAE393;

}

/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
color:#FFCC33;
border-color:#FFCC33;
}

/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:0px 0px 0px 0px;
background-color:#E67817;
border-width:0px 0px 0px 0px;
border-style:solid;
border-color:#FAE393;

}

/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:2px 2px 2px 2px;
background-color:transparent;
color:#FFFFFF;
font-size:12px;
border-width:0px 0px 1px 0px;
border-color:#FAE393;
}

/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover, #qm0 ul a:hover
{
color:#E67817;
background-color:#FAE393;
text-decoration:none;
}

/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
color:#FFCC33;
text-decoration:overline;
}

/*"""""""" Main Hover Fill Items [hover]""""""""*/
#qm0 .qmhoverfill
{
background-color:#FAE393;
}

/*"""""""" Sub Hover Fill Items [hover]""""""""*/
#qm0 div .qmhoverfill
{
background-color:#FAE393;
border-width:1px;
border-style:solid;
border-color:#555555;
}

</style>

Tepat diatas kode

</style>
</head>

5. Kemudian copykan arahan berikut di Sidebar anda :

<ul id="qm0" class="qmmc">

<li><a class="qmparent" href="https://tutorialdasar404.blogspot.com//search/label/Adobe%20Photoshop">Design Grafis</a>

<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Adobe%20Photoshop">Adobe Photoshop</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Corel%20Draw">Corel Draw</a></li>
</ul></li>

<li><a class="qmparent" href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Word" title="Tutorial Microsoft Office">Microsoft Office</a>
<ul>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Word">Microsoft Word</a>
</li>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Excel">Microsoft Excel</a>
</li>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Word">Microsoft Access</a>
</li>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Word">Microsoft Power Point</a>
</li>
<li>
<a href="https://tutorialdasar404.blogspot.com//search/label/Microsoft%20Word">Microsoft Front Page</a>
</li>
</ul></li>

<li><a class="qmparent" href="https://tutorialdasar404.blogspot.com//search/label/HTML" title="Tutorial Web Design">Web Design</a>
<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/HTML">HTML</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/CSS">CSS</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Java">Java</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Tutorial%20Blog">Tutorial Blog</a></li>
</ul>
</li>

<li><a class="qmparent" href="https://tutorialdasar404.blogspot.com//search/label/AKUNTANSI" title="Tutorial Komputer Akuntansi">Komputer Akuntansi</a>
<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/AKUNTANSI">Akuntansi Dasar</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/MYOB">MYOB</a></li>
</ul>
</li>

<li><a class="qmparent" href="https://tutorialdasar404.blogspot.com//search/label/Video%20Editing" title="Tutorial Video Editing">Video Editing</a>
<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Sony%20Vegas">Sony Vegas</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Ulead%20Video%20Studio">Ulead Video Studio</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Pinacle%20Studio">Pinacle Studio</a></li>
</ul>
</li>

<li><a class="qmparent" href="https://tutorialdasar404.blogspot.com//search/label/Linux" title="Tutorial Lainnya">Tutorial Lain-nya</a>
<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Linux">Linux</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Internet">Internet</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Email">Email</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Virus">Virus</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Tip%20dan%20Trik%20Komputer">Tips & Trik Komputer</a></li>
</ul>
</li>

<li><a class="qmparent" href="https://tutorialdasar404.blogspot.com//search/label/Batik%20Pekalongan" title="Serba - Serbi">Serba - Serbi</a>
<ul>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Batik%20Pekalongan">Batik Pekalongan</a></li>
<li><a href="https://tutorialdasar404.blogspot.com//search/label/Curhat">Curhat</a></li>
</ul>
</li>

<li><a class="qmparent" href="http://forumblogger.co.cc" title="Forum Blogger">Forum</a>
<ul>
<li><a href="http://forumblogger.co.cc">Forum Blogger</a></li>
<li><a href="http://forum.bahureksa.web.id">Forum Bahurekso Blogger</a></li>
</ul>
</li>

<li><a class="qmparent" href="https://tutorialdasar404.blogspot.com/" title="Link">Link</a>
<ul>
<li><a href="http://202.162.207.238:1104" target="_blank">Cuplies Celluler</a></li>
<li><a href="http://hibasy.blogspot.com" target="_blank">Hisyam</a></li>
<li><a href="http://oprexcomputer.wordpress.com" target="_blank">Oprex Computer</a></li>
<li><a href="http://www.nubatik.net" target="_blank">PCNU Kota Pekalongan</a></li>
<li><a href="http://cuplies.wordpress.com" target="_blank">Media Karya Ilmiah</a></li>
<li><a href="http://nufas.wordpress.com" target="_blank">Tutorial Komputer</a></li>
<li><a href="http://lirakliriklagu.blogspot.com" target="_blank">Download Lirik & MP3</a></li>
<li><a href="http://isnaini.com" target="_blank">Isnaini Dot Com</a></li>
<li><a href="http://kolom-tutorial.blogspot.com" target="_blank">Kang Rohman</a></li>
<li><a href="http://www.dhimasronggobramantyo.com" target="_blank">Dimas Ronggo</a></li>
<li><a href="http://id-blogger.com" target="_blank">Id-Blogger</a></li>
<li><a href="http://www.htmlcodetutorial.com" target="_blank">Tutorial HTML</a></li>
<li><a href="http://tutorial-tipstriks.blogspot.com" target="_blank">Teknisi Komputer</a></li>
<li><a href="http://anda702.blogspot.com" target="_blank">Andie Blog</a></li>
<li><a href="http://panturamania.ning.com" target="_blank">Pantura Community</a></li>
<li><a href="http://kjksmadani.wordpress.com" target="_blank">Butuh Dana Cepat</a></li>
<li><a href="http://ngenyiz.blogspot.com" target="_blank">Hendy Blog</a></li>
<li><a href="http://widh.co.cc" target="_blank">Widh</a></li>
<li><a href="http://pendapatakumyopinion.blogspot.com/" target="_blank">Falentino</a></li>
</ul>

</ul>

<li class="qmclear"> </li></ul>


<script type="text/javascript">qm_create(0,true,0,500,false,false,false,false,false);</script>

6. Diutak - atik sendiri ya........ Kalau samar-samar bisa nanya.
7. Selamat Mencoba.

Sumber http://www.tips-trick.com

Baca selengkapnya »

Minggu, 01 September 2019

Cara Mudah Redirect Blog Ke Situs Blog Lain

Cara Mudah Redirect Blog Ke Situs Blog Lain

Cara Redirect Blog Ke Situs Blog Lain

Senin, 26 Februari 2018

Dapatkan Penghasilan Tambahan dari Adspeedy

Kamis, 22 Februari 2018

Daftarkan Blog anda di Adsense Indonesia untuk dapatkan penghasilan tambahan

Sabtu, 17 Februari 2018

Membuat Bullet / Unordered dengan Icon Folder

Rabu, 14 Februari 2018

Cara Menampilkan Seluruh Judul Postingan di Blog (Daftar Isi blog)

Selasa, 13 Februari 2018

Memasang Link dan baner di blog

Minggu, 04 Februari 2018

Daftar Domain Gratis

Jumat, 02 Februari 2018

Mengganti Baner pada Template 3 Kolomnya Isnaini

Cara Memperpanjang Domain Atau Hosting Di Domainesia

Cara Memperpanjang Domain atau Hosting di Domainesia.com

Selasa, 30 Januari 2018

Horizontal Dropdown Menu dengan CSS

Senin, 29 Januari 2018

Vertical Dropdown Menu

Follow Us

Facebook

Cari Blog Ini

Laporkan Penyalahgunaan

Mengenai Saya

Cara Memperbarui Driver Kartu Grafis Windows 8

Recent

Featured

Subscribe Us

Blog Archive

Recent Post

Tags

Recent Comments