Showing posts with label Desain. Show all posts
Showing posts with label Desain. Show all posts

Friday, November 21, 2014

Cara Memasang Widget Alexa Terbaru

Cara Terbaru Memasang Widget Alexa pada Blog - Kali ini saya akan berbagi tutorial seputar Alexa lagi. Jika kemarin blog Faisal Fachrureza Sharesudah sempat posting tentang"Cara Terbaru Claim/Verikasi Blog di Situs Alexa" kali ini akan berbagi tutorial tentang Cara Memasang Widget Alexa di Blog Terbaru 2014

Mengapa saya selalu menambahkan kata Terbaru disetiap artikel yang mempunyai judul seputar Alexa?. Ini semua dikarenakan situs alexa telah mengalami perubahan yang sangat besar meliputi domain, tampilan, dan fitur. Salah satu fitur yang hilang yaitu fitur untuk mengambil kode atau script widget guna memasangnya di blog sebagai alat pemantau Alexa Rank. 
alexa logo

Tapi, kalian tidak usah sedih jika belum sempat memasang widget alexa rank di blognya. Saya telah mencari script yang digunakan pada widget alexa dan pada hari ini saya akan membaginya kepada semua.

Script yang digunakan beserta contohnya :



<a href="http://www.alexa.com/siteinfo/my-lovejapan.blogspot.com/"><script src="http://xslt.alexa.com/site_stats/js/s/a?url=my-lovejapan.blogspot.com/" type="text/javascript"></script></a>



<a href="http://www.alexa.com/siteinfo/my-lovejapan.blogspot.com/"><script src="http://xslt.alexa.com/site_stats/js/s/c?url=my-lovejapan.blogspot.com/" type="text/javascript"></script></a>

Alexa Certified Traffic Ranking for faisal-fachrureza.blogspot.com

<a href="http://www.alexa.com/siteinfo/my-lovejapan.blogspot.com/"><script src="http://xslt.alexa.com/site_stats/js/s/b?url=my-lovejapan.blogspot.com/" type="text/javascript"></script></a>

Keterangan :
- Ganti kode my-lovejapan.blogspot.com/ dengan url blog kalian. Ingat ! tanpahttp:// atau www

Cara Pemasangan Widget Alexa di Blog : 

  1. Masuk ke dashboard blog kalian
  2. Pilih menu Tata Letak
    menu tata letak
  3. Klik Tambahkan Gadget
    tambahkan gadget
  4. Pilih widget HTML/Javascript
    HTML/Javascript
  5. Kemudian  masukkan kode/script widget alexa yang telah kalian pilih
  6. Terakhir klik Simpan Template
Sekianlah artikel tentang  "Cara Memasang Widget Alexa di Blog Terbaru 2014", semoga membantu para blogger yang ingin menambahkan widget alexa rank di blognya. Mau copas gan? hargai saya dengan cara menyertakan sumber, saya sudah susah payah mencari script ini, thanks :)

Friday, June 6, 2014

Cara Memasang Jam Di Blog




1. Silakan menuju situs http://www.free-blog-content.com/ 

  
2. Selanjutnya pilih tipe kalender yang anda inginkan pada kolom di bagian bawah, yang terdiri dari “Animated Calendars, Nature Calendars, Car Calendars, Abstract Calendars, Girl Calendars, Plain Calendars, Animal Calendars, Calendar with Clock” 

  
3. Setelah anda memilih salah satu tipe dan model kalender, anda akan di arahkan ke halaman selanjutnya yang berisi model tampilan kalender serta scrip kode kalender tersebut. 

  
4. Ambil salah satu kode kalender yang anda sukai kemudian pastekan dan save di widget blog anda, tergantung di mana anda mau meletakkannya. 

  
5. Sekarang di blog anda sudah mempunyai Kalender yang menghiasi blog anda sekaligus mengigatkan tanggal ke pada anda. 


semoga bermanfaat !! 

jangan lupa beri komentarnya ya :)

Thursday, June 5, 2014

Cara Membuat Gambar Header DI Blog

       Satu lagi cara desain blog sendiri, yaitu dengan menambahkan gambar di header blog. Cara membuat gambarnya bisa menggunakan software, bisa juga secara online. Artikel ini akan menjelaskan tentang cara membuat gambar header blog secara online. Prosesnya tidak lama, cukup mengunjungi situs penyedia layanan pembuatan gambar, dan memilih salah satu bentuk gambar yang kita inginkan. Setelah itu download dan pasang di blog kita. Silakan lihat dulu contoh gambar dibawah ini.

cara membuat gambar header blog
Gambar diatas adalah contoh gambar dalam bentuk tulisan yang pernah saya gunakan di blog ini. Dengan menggunakan gambar, kita punya banyak pilihan bentuk dan juga warna yang bisa digunakan. Berbeda dengan tampilan huruf blog, yang warna dan bentuknya terbatas, hanya bisa menggunakan satu warna.

Ukuran gambar yang dihasilkan cukup kecil dan juga tidak memberatkan loading blog, ukuran huruf bisa diatur sesuai dengan yang kita inginkan. Disitus tersebut ada juga jenis gambar animasi, seperti huruf yang mengeluarkan api, Petir, animasi Glow yang bergerak dan masih banyak lagi.
  1. Gambar yang dihasilkan berformat PNG dan juga GIF, sesuai dengan bentuk dan animasi yang digunakan. Dan ukuran File gambar yang dihasilkan juga berbeda, antara Png dan Gif, sesuai dengan ukuran huruf gambar yang digunakan.
  2. Untuk gambar animasi ukuran huruf 40 keatas bisa sampai 50-70kb dalam format Gif. Sedangkan untuk gambar biasa tanpa animasi hanya 10-30kb dalam format png.
  3. Silakan pilih bentuk dan ukuran gambar yang sesuai dengan yang kalian inginkan.
Untuk lebih jelasnya, Cara membuat gambar header blog. 
Ikuti langkah-langkah dibawah ini:
  1. Kunjungi situs http://cooltext.com/ 
  2. Selanjutnya pilih salah satu gambar huruf yang kalian suka.
  3. Dan atur warna dan juga bentuk hurufnya.
  4. Setelah selesai, lihat bagian bawah, klik Creat Logo.
  5. Terakhir Download. Seperti gambar dibawah ini.
  6. cara membuat gambar header blog
  7. Sekarang, memasang gambar tersebut di blog kita.
  8. Login ke blog, dan Klik pengaturan Tata Letak.
  9. Pada bagian layout Header Blog, Klik Edit. Dan Upload gambar tadi.
  10. Selanjutnya atur penempatan gambar. Pilih dibalik judul dan keterangan.
  11. Terakhir Save pengaturan gambar. Dan lihat, gambar berada di belakang judul dan deskripsi. Jika ingin menyembunyikan tulisan judul dan deskripsi blog. Ikuti langkah-langkah dibawah ini.

Cara menyembunyikan judul dan deskripsi blog

    1. Sekarang kita sembunyikan tulisan judul dan deskripsi dari halaman blog, cari kode ]]></b:skin> dan tempatkan kode ini diatasnya.
    2. .Header h1 {
         height: 0px;
         visibility: hidden;
         display: none;
      }

      .Header .description {
         height: 0px;
         visibility: hidden;
         display: none;
      }
    3. Setelah menambahkan kode diatas maka judul blog dan deskripsi akan disembunyikan dari tampilan blog, tinggal gambar saja.
    4. Dengan begitu judul dan deskripsi tetap ada, hanya disembunyikan.
    5. Silahkan cek di chkme.com untuk melihat masih ada atau tidak title judul blog H1, jika ada berarti gambar header tidak akan mempengaruhi seo blog.
    Jika kita memliih menempatkan gambar selain judul dan keterangan atau tempatkan keterangan setelah gambar. Maka H1 header akan hilang, dan itu mempengaruhi seo blog. Jika ingin mencoba silahkan saja cek di chkme.com atau disitus chek seo blog lainnya. Agar H1 header blog disembunyikan dari halaman blog tanpa mempengaruhi seo blog, gunakanlah cara seperti diatas. Semoga Bermanfaat