Mohon Tunggu Proses Memuat Konten Halaman

ADVERTISEMENT

Terbaru

33
Tgl. 21 April 2012

Cara Memasang Widget Alexa Traffic Rank, Traffic Graph, Atau Site Stats Button Di Blog Seluler

Bisa jadi kita sudah tidak asing lagi dengan Alexa Widgets yang umumnya dapat dijumpai terpasang pada halaman depan sebuah situs atau blog...

Ilustrasi Alexa Site Info
Bisa jadi kita sudah tidak asing lagi dengan Alexa Widgets yang umumnya dapat dijumpai terpasang pada halaman depan sebuah situs atau blog, yang salah satu manfaatnya adalah agar kita atau pengunjung dapat dengan mudah mengetahui tingkat popularitas sebuah situs atau blog yang sedang dikunjungi. Termasuk diantaranya untuk mengetahui traffic kunjungan dan juga jumlah tautan yang terhubung dengan situs yang dimaksud. Namun bila umumnya widget tersebut dipasang di halaman situs versi web atau halaman yang dikhususkan untuk dibuka dengan menggunakan komputer, maka untuk pemasangan Alexa Widget dalam pembahasan artikel ini bisa jadi belum lazim digunakan oleh pengelola blog, karena pemasangan widget dilakukan untuk halaman blog versi seluler yang dikhususkan untuk dibuka dengan memakai perangkat mobile atau telepon seluler.

Seperti halnya dengan pemasangan Alexa Widget di halaman situs atau blog versi web, tujuan dari pemasangan widget tersebut di halaman blog versi seluler secara prinsip adalah sama, yaitu untuk mempermudah kita atau pengunjung mengetahui tingkat popularitas situs berdasarkan perhitungan dan analisa yang dilakukan oleh Alexa. Namun demikian dari segi pemasangannya sangatlah berbeda. Bila pemasangan untuk halaman blog versi web dapat dilakukan langsung dengan menggunakan gadget ‘HTML/Java Script’ yang telah disediakan oleh Blogger, maka untuk memasangnya di halaman blog versi seluler hanya dapat dilakukan dengan cara memasang script untuk widget tersebut ke dalam template blog yang dipakai.

Akan tetapi bila Anda belum memahami tata cara pemasangan widget untuk halaman blog versi seluler, maka Anda tidak usah khawatir karena dapat membuka artikel yang berjudul “Cara Memasang Gadget Pada Template Blogspot Versi Seluler” untuk mempelajarinya agar dapat memahami tata cara pemasangan widget pada template untuk halaman blog versi seluler.

Sementara itu untuk pemasangan Alexa Widgets sendiri adalah serupa dengan cara memasang kotak penggemar (like box) pada blog seluler. Dimana nantinya widget ini akan kita letakkan di bawah bidang posting, dengan tujuan agar tampilan widget tidak mengganggu ‘pemandangan’ pengunjung yang membuka blog yang kita kelola, karena tujuan utama pengunjung membuka halaman blog kita tentunya adalah untuk melihat dan membaca konten artikel yang ada. Dan selanjutnya bila Anda ingin memasang Alexa Widget di halaman blog untuk tampilan mobile, maka Anda dapat mengerjakan langkah-langkah di bawah ini.
  1. Buka http://www.alexa.com/siteowners/widgets untuk mendapatkan kode widget sesuai dengan jenis widget yang akan Anda pasang. Misalnya Alexa Site Stats Button, Alexa Traffic Rank Button, ataukah Alexa Traffic Graph.
  2. Bila Anda sudah mendapatkan kode untuk widget yang akan dipasang, maka login ke akun Blogger Anda.
  3. Pada ‘Dasbor Blogger’ klik nama blog Anda dan kemudian klik menu ‘Template’.
  4. Klik tombol ‘Edit HTML’ kemudian klik tombol ‘Lanjutkan’.
  5. Centang pilihan ‘Expand Template Widget’.
  6. Cari kode <b:includable id='mobile-main' var='top'>, dan kemudian sisipkan tepat di atas kode </div> yang terletak diantara kode <b:includable id='mobile-main' var='top'> dan </b:includable> seperti pada contoh di bawah ini.
    <b:includable id='mobile-main' var='top'>
        <!-- posts -->
        <div class='blog-posts hfeed'>
    
          <b:include data='top' name='status-message'/>
    
          <b:if cond='data:blog.pageType == &quot;index&quot;'>
            <b:loop values='data:posts' var='post'>
              <b:include data='post' name='mobile-index-post'/>
            </b:loop>
          <b:else/>
            <b:loop values='data:posts' var='post'>
              <b:include data='post' name='mobile-post'/>
            </b:loop>
          </b:if>
    
          <a href="http://www.alexa.com/siteinfo/www.eltelu.blogspot.com"><script type='text/javascript' language='javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=www.eltelu.blogspot.com'></script></a>
    
        </div>
    
       <b:include name='mobile-nextprev'/>
    </b:includable>
  7. Simpan template Anda.

Namun demikian bila Anda ingin ‘mempercantik’ tampilan widget, maka Anda dapat menambahkan bingkai diantara kode Alexa Widgets tersebut. Sebagai contoh perhatikan rangkaian kode di bawah ini.
<b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>

      <div style="-moz-border-radius: 7px 7px 7px 7px; background-color: inherit; border: 1px solid rgb(33, 33, 33); height: auto; margin: 0px; overflow: auto; padding: 0px; text-align: center; width: auto;" >

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

      </div>

    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>


Sehingga hasilnya bila halaman blog dibuka dengan memakai perangkat seluler, maka sebagai contohnya adalah seperti yang tampak pada gambar di bawah ini.
Tampilan Alexa Widget Pada Blog Seluler
Screenshot: eltelu.blogspot.com
Sebagai catatan, bila warna garis dan latar untuk bingkai belum sesuai dengan keinginan Anda, maka warna garis dapat disesuaikan dengan mengganti kode rgb(33, 33, 33); dan warna latar dapat diubah dengan cara mengganti inherit; dengan kode kode warna yang tepat.


Katagori: ,
Silakan klik di sini untuk mengeposkan komentar Anda. Jika Anda ingin membaca artikel lain yang terdapat pada blog ini, maka dapat Anda lakukan dengan cara membuka laman daftar isi. Catatan: Komentar balasan hanya diprioritaskan untuk pertanyaan dan atau pernyataan yang diposkan dengan memakai formulir komentar Blogger.
Admin
Terdapat 33 komentar pada artikel ini ▶

makasih ilmunya bermanfaat :)

22/04/12 17.31 O

Kunjungan Antara Sore-Malam Sob,,
hehehe,, Salam kenal,,, Kunjungi terus yah di http://inforpadu.blogspot.com

thanks....

27/04/12 17.11 O

kenapa ya , sudah satu minggu lebih koq tidak muncul trafik n rank nya ?

27/04/12 23.58 O

@wwnnewsbisa jadi karena blognya basih baru, sehingga traffic kunjungan belum begitu banyak

saran saya, coba Sobat giat blogwalking

01/05/12 10.59 O

maksud links in di alexa itu apa y ...?
bingung ane , punya tetangga pada rame links in nya ...
pnya ane gax ana satu pun ....

02/05/12 00.38 O

@bastianSob, untuk lebih jelasnya tentang uraian jawaban atas pertanyaan tersebut, silakan lihat pada salah satu artikel yang saya terbitkan di blog saya yang satunya, dalam hal ini adalah di ILMUDI BLOG.

03/05/12 10.37 O

nice posting

07/05/12 22.02 O

thank gan infonya

Anonim
05/07/12 20.39 O

SELAMAT MALAM .. OK sob saya coba nanti ,saya lagi cri yang bginian,, thanks infonya ...

17/07/12 08.30 O

Thx gan infonya bermanfaat visit balik ya my blog di http://unikdanunik.blogspot.com/

17/07/12 22.44 O

mksh infonya bro

Anonim
18/07/12 01.34 O

@All: Sobat (sekalian) terimakasih atas kunjungannya dan terimakasih pula telah berkenan memberikan komentar untuk artikel ini.

21/07/12 16.17 O

Good artikel gan, , makasih buat infonya ya ! :)

22/07/12 20.38 O

follow yha blog gua, udah tag follow tu blog anda...hhee..terima kasih.. www.putragerald.co.cc

Anonim
23/07/12 05.10 O

@putra gerraldOke Sobat...

28/07/12 14.13 O

Terima kasih infonya sob.....
Mampir juga ya, ato follback...msih newbi......heheh
http://heroetyo.blogspot.com

Anonim
29/07/12 00.57 O

@HeroeprasetyoOke Sobat...

26/08/12 22.29 O

@Semar Bingung Setuju gan. Pokoknya update terus n sabar :)..

Thanks atas infonya, soalnya alexa lagi sulit dapetin widgetnya.

28/08/12 23.50 O

@Yustin AnnisaSama-sama Sobat. Terimakasih balik atas kunjungan dan komentarnya.

Anonim
01/12/12 14.41 O


keren ni untuk penampilan kalau di buka lewat hp...
Tapi maaf saya mengalami kesulitan memasangnya untuk browser komputer...kenapa ya setelah saya paste di gadget dan save...setelah dipreview ga kelihatan?

saya jadi bingung, padahal sebelumnya sudah pernah saya pasang karena alexa rank nya 23jt an ya saya hapus lagi, hehehehe tp sekarang rank nya sudah meningkat malah ga bisa saya pasang...waaaaaaa

05/12/12 03.45 O

@ubudscooterrentalMenurt sepengetahuan saya, selama script yang diasang sudah benar, maka hasilnya pun akan sesuai dengan harapan, Sob.

Namun bila ternyata kasusnya demikian, jujur saja saya kurang paham karena sampai saat ini belum pernah mengalaminya.

07/12/12 10.21 O

perlu di coba nih gan,sementara masih bingung ,Ijin copas buat koleksi ilmu bloging.salam berbagi

07/12/12 21.58 O

@juanx criexSilakan bila hendak mencoba menerapkan teknik yang diuraikan dalam artikel ini, Sobat. :)

10/12/12 20.36 O

uraian yang lengkap sob, salam kenal juga. thanks.

14/12/12 16.28 O

@ants kakaTerimakasih balik Sobat.

31/12/12 14.11 O

nice info gan.. sangat bermamfaat bagi newbi kyk saya.. mudah2an pedekate q ma miss alexa nya lancar and di terima he he salam sukses gan..

31/12/12 21.09 O

nice ifo bang,,

mampir ke blog saya ya :) http://farhantrik.blogspot.com

01/01/13 15.39 O

@UDA TRONIKTerimakasih balik Sobat. Semoga uraian dalam artikel ini benar dapat diambil guna dan manfaatnya.

01/01/13 15.58 O

@Farhan Anshari ArsyiTerimakasih Sobat. :)

08/01/13 11.48 O

NICE INFO & NICE BLOG...info ini yang sy lagi cari2 karna tugas kuliah

visit back my new blog yah... http://whatskpop.blogspot.com/

Bantu juga review di alexa donk...:) krn blog nya hrus dapet rank di alexa :(

Thanks so much...

10/01/13 03.22 O

@Vie TebeOke Sob....

18/03/13 23.21 O

Terimakasih gan :)

28/03/13 22.16 O

@Noefal Reservoir ChronicleSama-sama dan terimakasih balik Sobat. :)

How To ▶
Education ▶
SEO ▶
Other Internet ▶
Programming ▶
Tutorial ▶
DP & Story ▶
Tips & Trick ▶

o

  • .Ragam Tumbuhan
  • .Unik & Langka
  • .Aneka Buah
  • .Produk Sederhana
  • .Karya Seni
  • .Tempat Wisata
  • .Ragam Kegiatan
  • .Aneka Bunga
  • .Hewan & Serangga
GALERI
KIRIM MASUKAN
E L T E L U
Semar Bingung's Weblog