Pages

Translate

Showing posts with label Tutorial blog. Show all posts
Showing posts with label Tutorial blog. Show all posts

Tuesday, March 12, 2013

CARA MEMBUAT MET TAG

Meta Tag adalah sebuah kode HTML yang berada di halaman Situs Web yang berfungsi untuk identitas sebuah Situs Web. Memasang atau membuat Meta Tag di Blog menurut saya wajib, karena ini dapat meningkatkan SEO Friendly Blog. 
Adapun cara membuat meta tag agar blog menjadi lebih bersahabat adalah :

1. Login ke Blog

2. Menuju Edit HTML

3. Lalu cari kode <b:include data='blog' name='all-head-content'/>

4. Jika sudah, hapus kode dibawah kode <b:include data='blog' name='all-head-content'/> sampai diatas kode <b:skin><![CDATA[

5. Lalu letakan kode dibawah ini tepat dibawah kode <b:include data='blog' name='all-head-content'/>


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='ISI DENGAN DESKRIPSI BLOG ANDA' name='DESCRIPTION'/>
<meta content='ISI DENGAN KEYWORD BLOG ANDA' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='NAMA AUTHOR BLOG' name='author'/>
<meta content='JUDUL BLOG' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>

6. Silahkan edit-edit terlebih dahulu untuk kode yang berwarna merah

7. Klik simpan.

Friday, March 8, 2013

CARA MEMASANG LAGU PADA BLOG

Cara Memasang Musik/Lagu Berputar Secara Otomatis Saat Dibuka di Blog - Sebuah blog akan terasa lebih hidup dengan adanya musik dan pengunjungpun akan lebih betah berada pada blog kita karena mereka merasa terhibur dengan adanya musik, tapi bagaimana caranya memasang musik pada sebuah blog? Mungkin bagi bloger masih ada yang belum mengerti cara pasang background lagu diblog kesayangannya. Sebenarnya memasang musik pada sebuah blog sangatlah mudah dan tidak memerlukan waktu yang lama, cukup beberapa menit sebuah musik dan player-nya akan terpasang.


Apakah anda tertarik pasang musik/lagu di blog anda ? Kalau “Iya” berikut beberapa cara yang bisa anda lakukan berdasar coba-coba saya dengan blog ini "dimana menurut saya sangat ringan untuk loading sebuah Blog", walaupun saya enggak pakai cara ini, soalnya kalau dirumah takut mberebeki tetangga-tetangga saya.



A. Musik/Lagu akan autoplay bila blog kita dibuka

  1. Masuk ke http://www.divine-music.info/
  2. Disitu akan ada menu berbagai macam jenis lagu pilih, klik salah satu yang diinginkan / cari lagu kesukaan kamu.
  3. Setelah itu akan muncul tampilan para penyanyinya pilih sesuai kesukaan anda dan pilih juga lagu yang akan dimainkan.
  4. Disitu akan ada kode EMBEDED copy kode itu dan masukkan ke kode html blog anda [Udah tau kan cara nya]
  5. Selesai dan dengarkan hasilnya.

B. User memilih mau memainkan lagu atau tidak

  1. Masuk ke http://musik-live.net
  2. Pilihan tampilan menu Skin Mp3 Player, setelah menemukan tampilan yang sesuai dengan keinginan lalu copy dan paste kode yang diberikan dibawah tampilan musik player tersebut pada sidebar.
  3. Selesai dan lihat hasilnya
Jika lebar dan tinggi dari player musik tersebut tidak sesuai dengan sidebar, kita tinggal merubah nilai Width dan Height nya saja. 




C. Memasang sendiri lagu sesuai dengan keinginan kita

  1. Masuk ke http://4shared.com mestinya kita register dulu ya.
  2. Selesai register login dan upload lagu kesayangan kita.
  3. Setelah itu centang file lagu kita dan klik kanan mouse pilih "berbagi pakai dan keamanan". Disitu akan muncul tab, pilih tab Pasang. Copy kode yang muncul dan masukkan ke blog kita.
  4. Nikmati hasilnya.
Untuk cara ini menurut saya sangat lambat waktu loading buka situs kita, karena kita perlu file hosting 4shared, Tapi kalau mau nyoba ke blog kesayangan akan lebih baik, ilmu kan harus diaplikasikan.


MEMASANG JUMLAH PENGUNJUNG DENGAN FLAG COUNTER DI BLOG

Masuk ke Website flagcounter akan muncul tampilan sebagai berikut :



Anda bisa meng kustomisasi tampilan dari flagcounter ini.
Keterangan gambar :
  1. Maximum flag to show : Disini anda bisa mengatur berapa jumlah bendera yang ingin ditampilkan di blog.
  2. Colums of flag : Berapa colum yang akan dtampilkan di blog anda bisa 3, 4, 5 dst, tergantung kebutuhan anda.
  3. Label on Top of Counter : Nama yang akan ditampilkan diatas gadget anda. Anda bisamerubahnya misalnya menjadi "pengunjung" atau apa saja terserah anda.
  4.  Background Color : Mengganti latar belakang warna gadget.
  5. Text Color : Mengganti warna text
  6. Border Color : Mengganti warna garis yang mengelilingi gadget
  7. Show Country Code : Jika anda ingin menampilkan kode identitas berdasar dari negara mana datangnya pengunjung, beri tanda centang pada kotak ceklis, jika tidak jangan beri tanda ceklis.
  8. Show Pageview Count : menampilkan jumlah halaman yang dilihat, jika ingin ditampilkan beri tanda ceklis. Jika tidak biarkan saja.
  Setelah itu untuk mendapatkan kode anda tinggal tekan icon "GET YOURS FLAG COUNTER", Akan muncul tampilan berikut :

   Untuk di tampilkan di blog atau web anda copy kode yang di beri tanda panah merah, sedangkan untuk forum copy yang dibawahnya. Tetapi karena bahasan kita untuk blog, copy saja yang diatasnya. Selanjutnya anda SigIn di blogger
Dalam Dasbor masuk Tata Letak --> Elemen Halaman
Sekarang anda tinggal menyimpannya mau dimana, disidebar, atau di footer yang penting ada menu tambah widget.Misalnya anda mau tempatkan disidebar, buka tambah widget --> HTML / Javascrip. Pastekan kode yang tadi disini. Kemudian save.

  Sekarang lihat blog. Kini blog anda sudah mempunyai gadget Flagcounter.

Thursday, March 7, 2013

CARA MEMASANG STATISTIK PENGUNJUNG DENGAN HISTATS COUNTER

Cara memasang histats counter pada blog

Pengertian histats counter serta fungsinya pada sidebar halaman blog, mungkin tidak saya jelaskan panjang lebar di sini, karena saya yakin anda sudah mengetahuinya dari artikel-artikel yang lain.
Langkah-langkah untuk mendapatkan histats counter serta kode yang akan di pasang pada widget teks biasa/HTML blog anda, adalah sebagai berikut :

1. Silahkan login ke www.histats.com, setelah menunggu beberapa saat, maka akan muncul halaman yang mewajibkan anda untuk mendaftarkan akun dan alamat website anda.
Pembuatan akun di sini sangat mudah, anda tinggal memasukkan alamat email anda, membuat password pada akun histats counter, serta memasukkan alamat website anda.
Gb.1
Setelah proses di atas sudah selesai, selanjutnya anda masuk pada control panel kemudian klik nama website anda seperti pada gambar di atas.
Gb.2
2. Setelah muncul halaman seperti gambar di atas, kemudian klik pada tombol counter KODE, kemudian klik add new widget (lihat gambar no.4).
Setelah memilih jenis widget counter yang anda sukai, jangan lupa untuk meng-klik semua kolom kecil yang terletak di atas gambar widget, seperti pada gambar di bawah.
Gb.3
Selanjutnya klik tombol save, dan akan muncul halaman seperti gambar di bawah.
Gb.4
Pada gambar di atas, klik kode angka widget yang telah anda save tadi, kemudian klik tombol NO JAVASCRIPT. Selanjutnya copy kode yang terletak pada kolom di bawahnya, dan paste pada widget blog anda.
3. Untuk pengguna wordpress.com (Cermati barisan kode di bawah).
Kode di bawah adalah contoh kode NO JAVASCRIPT widget counter milik saya.
<!– Histats.com START (html only)–>
<a href=”http://www.histats.com&#8221; alt=”page hit counter” target=”_blank” >
<embed src=”http://s10.histats.com/102.swf” flashvars=”jver=1&acsid=1575304&domi=4″ quality=”high” width=”102″ height=”47″ name=”102.swf” align=”middle” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer&#8221; wmode=”transparent” /></a>
<img src=”http://sstatic1.histats.com/0.gif?1575304&101&#8243; alt=”hitcounter” border=”0″>
<!– Histats.com END –>
Copy area kode yang berstabillo milik anda, dan paste pada kode khusus di bawah.
<div style=”text-align:left;width:102px;height:47px;margin:0 auto;”>(gigya width=”102” height=”47“ src=”PASTE DI SINI KODE WIDGET COUNTER ANDA” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” )</div></a></p></a>
Penting : Ganti ( ) dengan [ ]
Setelah itu, sesuaikan lebar dan tinggi widget sesuai dengan ukuran bawaannya. Selanjutnya anda tinggal meng-copast kode tersebut ke widget teks blog anda.
Semoga artikel di atas bisa bermanfaat untuk anda

Tuesday, October 11, 2011

MENYISIPKAN OBJEK ANIMASI FLASH PADA WEB / BLOG


1. Memasukkan objek flash (swf) pada posting
  • Upload file .swf tersebut pada hosting Anda. (atau penyedia hosting gratisan). Lalu catat lokasi file swf tersebut. Misalnya file swf yang saya upload memiliki alamat di:
    http://budiaja.host56.com/wp-content/uploads/11126-pic.swf
  • Buat posting baru seperti biasa, kemudian masuk ke mode HTML. Lalu masukkan kode berikut:
<object width="100%" height="400">
<param name="movie" value="11126-pic.swf">
<embed src="http://budiaja.host56.com/wp-content/uploads/11126-pic.swf" width="100%" height="400">
</embed>
</object>
  • (Kode berwarna hijau di atas harus anda sesuaikan dengan nama file swf Anda. Sedangkan kode berwarna pink di atas, Anda ganti dengan lokasi file swf Anda di hosting. Anda juga bisa menyesuaikan tinggi dan lebar objek flash ini).


2. Memasukkan objek flash (swf) pada suatu bagian theme atau template (contoh: header)
Untuk lokasi di theme atau template, berarti Anda harus masuk ke file theme tersebut. Biasanya file-nya memiliki nama index.php untuk blog Wordpress. Atau bisa juga pada file lain yang Anda inginkan, sesuai dengan web Anda masing-masing.
Untuk mengedit file-file php atau html, Anda bisa menggunakan software dreamweaver, atau notepad, atau notepad ++, atau NVU. Atau jika Anda menggunakan Wordpress.org atau Blogspot.com, Anda bisa langsung mengedit di halaman admin.
Kemudian letakkan kode seperti di atas pada file tersebut.

Monday, September 26, 2011

Mempercantik Blog Anda ...


Untuk mempercantik blog pasanglah Widget. Widget yang perlu anda pertimbangkan adalah :
1. FEEDJIT – Feedjit merupakan layanan real time traffic pada blog Anda. Ada empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.

2. WhoLinked – Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah melink pada blog Anda. tidak perlu mengupdate karena WhoLinked ini secara teratur mengupdate sendiri web/blog yang melink blog Anda.
3. WikiSeek – Menampilkan widget untuk pencarian pada Wikipedia.
4. FeedCount – Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan account feedburner Anda.
5. Technorati Link Count – Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu directory blog terbesar dan terpopuler abad ini…
6. MyPageRank – Inilah cara lain untuk menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan menampilkan Ranking Google atau Google PageRank (PR). 1 sampai 10
7. Web/Blog Counter – Widget ini datangnya dari Histats.Com yang memungkinkan Anda bisa melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog Anda sehari-hari berapa, referer dari blog mana saja, dan jika melalui search engine semisal google, yahoo, msn menggunakan keyword apa. Jika Anda ingin melihat IP Address pengunjung blog Anda, widget histats ini yang bisa saya rekomendasikan.
8. del.icio.us Tagometer – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda
9. BuzzBoost – Menampilkan headline dari RSS FeedBurner blog Anda pada blog Anda sendiri ataupun blog Anda yang lain atau juga pada blog teman.
10. aStore – Widget ini datangnya dari Amazon. Widget ini memungkinkan Anda menampilkan “warung sederhana” tapi jika ada yang beli lewat warung Anda tersebut Anda mendapatkan keuntungan dari Amazon.
11. Shoutbox – Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa Anda gunakan diantaranya, Shoutmix, Cbox, atau kalo Anda berorientasi nasionalis dan cinta produk dalam negeri Anda bisa memilih Oggix.
Perlu diingat, jangan terlalu banyak menempatkan widget ke blog anda.
Dikarenakan berpengaruh pada kecepatan akses blog anda.
Setiap anda menempatkan widget baru, jangan lupa test dengan TOOLS berikut. Lihat The size of the web page tidak boleh lebih besar dari 50 kbytes