Ketahui berat blog sobat dengan:
Blog Ridho Tawaka
are always trying to contain information
Cara Mengecek Berat Blog
Pasang Alexa Toolbar Di Browser Mozilla Firefox
Pasang Alexa Toolbar Di Browser Mozilla Firefox - Alexa toolbar sangat membantu bagi sobat yang mempunyai web/blog untuk menaikkan ranking di alexa. Sebelumnya bagi sobat yang mempunyai web/blog, tapi belum mendaftar di alexa rank, sebaiknya sobat mendaftar terlebih dahulu Disini. Setelah sobat mendaftar di alexa rank, sekarang pasang alexa toolbar di browser mozilla firefox sobat.
Pasang Alexa Toolbar Di Browser Mozilla Firefox:
1. Masuki web Alexa Toolbar
2. Klik tombol
3. Lalu sobat klik tombol
4. Jika sudah, sobat lihat kearah kiri atas dan tekan tombol
5. Tunggu hingga proses download selesai. Lalu sobat klik tombol
6. Setelah selesai penginstalan, sobat akan diminta melakukan Restart
7. Setelah sobat restart, akan ada laman The Alexa Toolbar for Firefox - Demographic Information, silahkan sobat klik tombol . Setelah itu akan muncul halaman lagi yang berisikan: Alexa Toolbar - Installation Successful! The Alexa toolbar is now installed in your browser and should look like this:
8. Jika muncul pemberitahuan seperti ini: klik saja tombol
9. Selesai
Bagi sobat yang ingin memasang alexa toolbar di browser google chrome. Ikuti tutorial cara Pasang Alexa Toolbar Di Browser Google Chrome
Begitulah cara Pasang Alexa Toolbar Di Browser Mozilla Firefox yang bisa saya berikan untuk sobat.
SELANJUTNYA
Pasang Alexa Toolbar Di Browser Mozilla Firefox:
1. Masuki web Alexa Toolbar
2. Klik tombol
3. Lalu sobat klik tombol
4. Jika sudah, sobat lihat kearah kiri atas dan tekan tombol
5. Tunggu hingga proses download selesai. Lalu sobat klik tombol
6. Setelah selesai penginstalan, sobat akan diminta melakukan Restart
7. Setelah sobat restart, akan ada laman The Alexa Toolbar for Firefox - Demographic Information, silahkan sobat klik tombol . Setelah itu akan muncul halaman lagi yang berisikan: Alexa Toolbar - Installation Successful! The Alexa toolbar is now installed in your browser and should look like this:
8. Jika muncul pemberitahuan seperti ini: klik saja tombol
9. Selesai
Bagi sobat yang ingin memasang alexa toolbar di browser google chrome. Ikuti tutorial cara Pasang Alexa Toolbar Di Browser Google Chrome
Begitulah cara Pasang Alexa Toolbar Di Browser Mozilla Firefox yang bisa saya berikan untuk sobat.
Membuat Kotak Scroll Di Postingan Blog
Membuat Kotak Scroll Di Postingan Blog - Saya akan memberikan trik lagi agar blog sobat lebih menarik. Ok tanpa panjang lebar lagi, langsung ke TKP.
Membuat Kotak Scroll Di Postingan Blog:
1. Login ke blogger => Pos => Entri Baru
2. Copy kode dibawah ini dalam bentuk HTML, bukancompose:
3. Maka hasilnya akan seperti ini:
4. Prantijau terlebih dahulu, jika sudah yakin.
5. Publikasikan
Note:
Begitulah postingan tentang Membuat Kotak Scroll Di Postingan Blog semoga bermanfaat postingan saya ini.
SELANJUTNYA
Membuat Kotak Scroll Di Postingan Blog:
1. Login ke blogger => Pos => Entri Baru
2. Copy kode dibawah ini dalam bentuk HTML, bukan
<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 150px; width: 250px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan tulisan, gambar atau HTML disini</div>
3. Maka hasilnya akan seperti ini:
Masukan tulisan, gambar atau HTML disini
4. Prantijau terlebih dahulu, jika sudah yakin.
5. Publikasikan
Note:
- Warna hijau: Tingginya 150px, ganti dengan selera sobat
- Warna biru: Lebarnya 250px, ganti dengan selera sobat
- Warna merah: Tulisan, gambar atau HTML yang ingin ditampilkan didalam scroll
Begitulah postingan tentang Membuat Kotak Scroll Di Postingan Blog semoga bermanfaat postingan saya ini.
Tips Agar Pria Terlihat Terpesona
Tips Agar Pria Terlihat Terpesona - Sebenarnya agar wanita terpesona caranya cukup mudah, salah satunya "Jadilah diri sendiri" karena bisa dibilang itu salah satu ciri khas dari seorang pria tersebut. Selain jadi diri sendiri, masih ada cara yang lain, berikut Tips Agar Pria Terlihat Terpesona.
Tips Agar Pria Terlihat Terpesona :
Semoga postingan saya yang berjudul Tips Agar Pria Terlihat Terpesona bermanfaat bagi sobat.
SELANJUTNYA
Tips Agar Pria Terlihat Terpesona :
- 1. Tidak Banyak Menilai
- 2. Jadilah Misterius
- 3. Humoris
- 4. Jangan Menjadi Pengejar
- 5. Tersenyum
- 6. Pendengar
- 7. Jangan Terlalu Akrab
Semoga postingan saya yang berjudul Tips Agar Pria Terlihat Terpesona bermanfaat bagi sobat.
Cara Mengecilkan Alexa Rank
Cara Mengecilkan Alexa Rank - Dalam penilaian alexa, semakin kecil ranking web/blog tersebut, berarti web/blog tersebut dikatakan bagus. Begitupun kebalikannya, jika rankingnya besar berarti web/blog tersebut buruk. Agar web/blog tersebut dikatakan bagus, saya akan memberikan trik dan tipsnya.
Cara Mengecilkan Alexa Rank:
Sebenarnya masih banyak lagi Cara Mengecilkan Alexa Rank. Namun dengan trik dan tips yang saya beri ini, sudah saya lakukan, dan hasilnya benar terbukti.
SELANJUTNYA
Cara Mengecilkan Alexa Rank:
- 1. Update Blog
- 2. Daftar Web/Blog
- 3. Pasang Widget Alexa Rank
- 4. Pasang Alexa Toolbar
- 5. Posting Tentang Alexa
- 6. Backlink
Sebenarnya masih banyak lagi Cara Mengecilkan Alexa Rank. Namun dengan trik dan tips yang saya beri ini, sudah saya lakukan, dan hasilnya benar terbukti.
Membuat Header Blog Ber-Link
Membuat Header Blog Ber-Link - Header blog atau bisa disebut judul nama
blog sobat yang terletak diatas blog. Jika sobat ingin merubah blog sobat yang cuman tulisan
doang, menjadi tulisan + gambar + bisa di klik lagi. Ikuti langkah dibawah ini.
Membuat Header Blog Ber-Link:
Jika sobat ingin membuat header ber-link, sobat harus menyiapkan:
Tentu sobat harus mendesain header sobat se kreatif mungkin. Sobat bisa memakai Photoshop, Photoscape, Paint Dll
Jika sudah jadi headernya, sobat ikuti langkah ini: Buka Adobe Dreamwaver => File => New => html => Create
Jika sudah tampilannya seperti diatas, sobat pilih Insert => Image => Cari header yang sobat buat => Ok
Sobat block tulisan setelah tag <body> sampai </body> seperti gambar diatas. Setelah itu lihat gambar seperti dibawah ini.
Lihat yang kolom yang didalam garis merah. Sobat pilih bentuk yang kotak, oval atau poligon yang nanti bisa di klik
Lihat yang saya beri nomor:
Silahkan sobat pilih akun mana yang bisa meng upload header. Bagi sobat yang belum punya akun image hosting, sobat bisa pilih akun imageshake (Karena saya pakai yang imageshake). Nah kalau sudah, silahkan sobat upload header tersebut (bukan yang dari adobe dreamwaver, tapi yang dari desain awal). Kalau sudah ambil deh kodenya yang ada di share it --> Direct
Sobat buka file HTML yang tadi sobat buat dari adobe dreamwaver menggunakan Notepad. Cara membukanya: Klik Kanan di file tersebut => Open with => Notepad
Lihat yang saya block, sobat ganti kode tersebut dengan url yang sobat upload tadi. Kalau sudah di ganti sobat pilih File --> Save. Sobat buka lagi file HTML tadi dengan Klik Kanan di file tersebut => Open with => Notepad. Jika sudah sobat copy yang ada di tag antara <body> sampai </body>
Kalau sudah, sobat: Login ke blogger => Tata Letak => Tambah Gadget => HTML/Javascript => Masukan kode yang tadi (file HTML) disitu.
Note:
SELANJUTNYA
Membuat Header Blog Ber-Link:
Jika sobat ingin membuat header ber-link, sobat harus menyiapkan:
- Desain header (.jpg .png .jpeg dll)
- Adobe Dreamwaver
- Akun Image Hosting
- 1. Desain Header
Tentu sobat harus mendesain header sobat se kreatif mungkin. Sobat bisa memakai Photoshop, Photoscape, Paint Dll
- 2. Adobe Dreamwaver
Jika sudah jadi headernya, sobat ikuti langkah ini: Buka Adobe Dreamwaver => File => New => html => Create
Jika sudah tampilannya seperti diatas, sobat pilih Insert => Image => Cari header yang sobat buat => Ok
Sobat block tulisan setelah tag <body> sampai </body> seperti gambar diatas. Setelah itu lihat gambar seperti dibawah ini.
Lihat yang kolom yang didalam garis merah. Sobat pilih bentuk yang kotak, oval atau poligon yang nanti bisa di klik
Lihat yang saya beri nomor:
- Link: Isi dengan link yang nanti jika ditekan akan menuju sebuah web atau blog
- Target: "Blank" => Jika di klik akan muncul di tab baru. "Parent" => Tab yang sama dll
- Alt: Dikosongkan juga tidak apa-apa
- 3. Akun Image Hosting
Silahkan sobat pilih akun mana yang bisa meng upload header. Bagi sobat yang belum punya akun image hosting, sobat bisa pilih akun imageshake (Karena saya pakai yang imageshake). Nah kalau sudah, silahkan sobat upload header tersebut (bukan yang dari adobe dreamwaver, tapi yang dari desain awal). Kalau sudah ambil deh kodenya yang ada di share it --> Direct
Sobat buka file HTML yang tadi sobat buat dari adobe dreamwaver menggunakan Notepad. Cara membukanya: Klik Kanan di file tersebut => Open with => Notepad
Lihat yang saya block, sobat ganti kode tersebut dengan url yang sobat upload tadi. Kalau sudah di ganti sobat pilih File --> Save. Sobat buka lagi file HTML tadi dengan Klik Kanan di file tersebut => Open with => Notepad. Jika sudah sobat copy yang ada di tag antara <body> sampai </body>
Kalau sudah, sobat: Login ke blogger => Tata Letak => Tambah Gadget => HTML/Javascript => Masukan kode yang tadi (file HTML) disitu.
Note:
- Penempatan widget yang isinya kode html tadi di atas ya (kan namanya juga Header (atas), kalau bisa diatas header, jika sobat tidak tahu cara Menambah Kolom Diatas Header <= lihat caranya
- Template yang bisa diganti template bawaan blogger (bukan bawaan blogger saya kurang mengetahui)
Mengubah Tampilan Sidebar Blog
Mengubah Tampilan Sidebar Blog - Sidebar blog itu tempatnya berada di samping posting (kiri atau kanan blog). Jika sobat menginginkan sidebar blog bawaan blogger terlihat menarik. Silahkan lihat cara dibawah ini.
Mengubah Tampilan Sidebar Blog:
1. Login ke blogger --> Template --> Edit HTML
2. Cari kode .sidebar h2 {. Jika tidak ada, cari kode h2 {
3. Jika blog sobat terdapat kode h2 {. Maka tampilannya seperti dibawah ini:
4. Ganti kode berwarna merah dengan di bawah ini:
Note:
Note: Ukuran padding blog saya menjadi: 10px 13px 8px 30px
Peringatan: Cara ini berguna untuk template bawaan blogger
Berikut cara Mengubah Tampilan Sidebar Blog yang bisa saya berikan untuk sobat
SELANJUTNYA
Mengubah Tampilan Sidebar Blog:
1. Login ke blogger --> Template --> Edit HTML
2. Cari kode .sidebar h2 {. Jika tidak ada, cari kode h2 {
3. Jika blog sobat terdapat kode h2 {. Maka tampilannya seperti dibawah ini:
/* Headings
h2 {
font: $ (widget. title. font) ;
text-transform: $ (widget. title. text. transform) ;
color: $ (widget. title. color) ;
margin: .5em 0;
h2 {
font: $ (widget. title. font) ;
text-transform: $ (widget. title. text. transform) ;
color: $ (widget. title. color) ;
margin: .5em 0;
4. Ganti kode berwarna merah dengan di bawah ini:
.sidebar h2 {
font-size:110%;
font-weight:bold;
text-transform:uppercase;
text-align:right;
border: 1px solid #000;
background:#ffffff;
padding;10px;
}
font-size:110%;
font-weight:bold;
text-transform:uppercase;
text-align:right;
border: 1px solid #000;
background:#ffffff;
padding;10px;
}
Note:
- 110%: Nilai huruf judul sidebar. Bisa sobat ganti menjadi nilai satuan Persen, atau Pixel, yang persen bisa menjadi 100%, 150%, 200% dan angka lainnya. Jika yang pixel menjadi 10 px, 15 px, 20 px dan angka lainnya.
- Bold: Berarti tulisan di judul sidebar tebal. Jika ingin tulisannya biasa saja, ubah menjadi normal. Jika ingin tulisannya miring, ubah menjadi italic.
- Uppercase: Berarti huruf judul sidebar besar semua, jika ingin huruf depannya saja (Inisial) ubah menjadi capitalize. Jika ingin huruf kecil semua, ubah menjadi lowercase.
- Right: Berarti posisi tulisannya di kanan. Jika ingin tulisannya di kiri, ubah menjadi left. Jika ingin tulisannya di tengah, ubah menjadi center.
- 1px solid #000: Berarti ada garis mengelilingi judul sidebar. Judul sidebar disini berukuran 1 px dengan warna hitam. Bisa sobat ubah sesuai keinginan sobat.
- ffffff: Berarti warna background putih. Jika ingin warna lain, bisa sobat ubah sesuai keinginan sobat dengan melihat di: Kode Warna Html.
- 10px: Berarti ukuran padding sebesar 10 px. Perlu anda tambahkan apabila sobat menggunakan warna background (Jika sobat tidak memakai background, akan terlihat kurang menarik). Fungsi dari padding agar tidak terlihat bertabrakan dengan bagian luar.
Note: Ukuran padding blog saya menjadi: 10px 13px 8px 30px
Peringatan: Cara ini berguna untuk template bawaan blogger
Berikut cara Mengubah Tampilan Sidebar Blog yang bisa saya berikan untuk sobat