google analytics

Bagi sebagian pemilik blog, mungkin terramat suangat uingin swekali mengetahui data-data dari para pengunjung blognya. Hal tersebut dijuntukkan dengan adanya bermacam-macam pernak-pernik yang ada di blognya, seperti misalnya "Hit Counter", "Site Track Meter", "Alat pendeteksi jumlah pengunjung", "Alat pendeteksi Tsunami (eh, yg ini nggak deng)", dll. Nah buat kamu yang termasuk kedalam golongan umat ini, ada sebuah layanan masyarakat dari Pak Dhe "Google", namanya Google Analytics. Bagi yang sering bergentayangan di dunia maya mungkin tahu apa itu Google Analytics, tapi bagi yang masih Newbe ato masih O-On :p (jangan marah ya dikatakan o'on) pasti belum tahu atao tahu tapi dikit. Nha.. disini akan coba saya terangkan tentang Google Analytics. Simaklah dengan cermat penjelasan berikut ini:

deng..deng..deng..
Google Analytics berbeda dengan Hit Counter. Hit Counter biasanya hanya menghitung jumlah pengunjung yang datang untuk menjenguk (emangnya sakit). Sedangkan Google Analytics<, beliau tidak hanya menghitung jumlah para pengunjung tapi juga data-data yang lainnya, misalnya tentang:
Berapa pengunjung yang datang tiap harinya
Berapa lama mereka nognkrong di blog kamu
Browser apa yang mereka gunakan<
Dengan cara apa mereka datang, misalnya naik angkot ato jalan kaki (maksudnya lewat search engine, lewat situs orang lain atao langsung datang mak pedunduk)
Dari negara mana mereka datang
Dari kota mana
umurnya berapa


Nah, pengen gak tuh? kalo pengen daftar disini http://google.com/analytics
Tapi syarat daftarnya sangat berat, yaitu kamu harus punya account di google. Nah berat banget kan? (berat bagi yang gak bisa baca ngetik). Kalo udah daftar nanti kamu tinggal ngisi form yang disodorkan, tapi sante aja cara ngisinya gampang kok gak kayak di SPMB, diantaranya yaitu ngisi alamt webblog kamu, trus jangan lupa nge-set "Time Zone" tapi harus beli coin dulu (emangnya time zone yang ada di mall2). Trus setelah itu kamu nanti akan dikasih kode/script sama Pak Dhe Google (jangan lupa bilang terima kasih). Selesai??? belooommmmm... masih ada lagi..
Nha setelah itu kopi kode/script tersebut, trus login ke blogger Klik Templat -->> Edit HTML. Paste kode/script yang udah dikopi kedalam tag HTML yaitu sebelum tag jangan lupa disimpan. Selesai??? Belooommm...
Kembali lagi ke google.com/analytics, kamu harus mengklikCheck Status dulu (Dicek apakah kamu masih single atau doble). Kalo udah berhasil maka akan ada tandanya, kalo belum ya dicoba lagi.

cara membuat related post

Cara Membuat Related Post atau Artikel Yang Berhubungan. Walaupun postingan bertema seperti judul di atas sudah tergolong “basi” dan juga sudah sering dan banyak diposting oleh banyak blogger namun tidak ada salahnya jika saya pada kesempatan kali ini mencoba untuk menampilkannya kembali, siapa tahu masih ada blogger (terutama new blogger) yang membutuhkannya untuk mengetahui caranya. Jika memang demikian, silakan ikuti tipsnya berikut ini.

Daftar Related post atau artikel yang berhubungan tersebut akan tampil di bawah setiap postingan yang kita buat. Daftar Related Post tersebut berisi postingan yang ber”label” atau mempunyai kategori yang sama dengan postingan yang kita buat tersebut.

Perlunya memasang Related Post (Postingan Yang Terkait)

Dengan memasang Related Post tersebut para pengunjung akan mengetahui postingan-postingan lainnya (artikel yang pernah kita posting sebelumnya) yang mungkin berhubungan dengan postingan yang sedang dibaca oleh pengunjung tersebut. Dengan demikian secara tidak langsung akan dapat “mempromosikan” postingan-postingan kita yang lainnya dan hal ini akan berakibat baik terhadap jumlah pengunjung dan pada akhirnya akan dapat meningkatkan traffic blog kita.

Cara Membuat Related Post Pada Blog

Langsung saja, langkah-langkahnya adalah sebagai berikut.
Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
Kedua, jangan lupa untuk membackup template untuk mengantisipasi hal-hal yang tidak kita inginkan.
Ketiga, centangi “Expand Widget Template”
Keempat, cari dan temukan kode
Kelima, tempatkan kode berikut ini di bawah kode tersebut.

b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel Yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>
Catatan

Silakan untuk mengganti dengan “Artikel Yang Berhubuangan” dengan kata atau kalimat sesuai keinginan masing-masing.

Keenam, lakukan Simpan Template.

Ketujuh, selesai

Selamat Mencoba!!

membuat banner

Banner atau (LINK BANNER) biasanya dibuat dengan menggunakan software atau program pengolah gambar atau grafis seperti Adobe Photosop, GIMP, Corel Draw, dan lainnya yang memerlukan sedikit penguasaan akan program tersebut. Bagi yang kesulitan, mungkin dapat mencoba alternative lain dengan COOLTEXT. Dengan program tersebut, kita dapat membuat link banner secara online dan dapat memodifikasi atau mengkustomasi dengan mudah.

Sebelumnya, Tips dan Trik Blog membuat link banner dengan Corel Draw namun setelah membaca postingan Mas Kendhin, saya tertarik untuk mencobanya. Memang untuk membuatnya diperlukan koneksi internet karena program tersebut merupakan program online, namun tidak sampai menghabiskan banyak biaya untuk koneksinya karena hanya dengan waktu tidak lebih dari 10 menit, Anda sudah dapat membuat LINK BANNER yang bagus.

Dengan COOLTEXT, Anda dapat memilih logo style dan buton design kemudian kita dapat mengkustomasi tekt (tulisan), jenis font, ukuran dan warna banner, dan masih banyak yang dapat Anda modifikasi sendiri sesuai dengan keinginan dan selera Anda dengan mudah dan cepat.

Langkah-langkahnya dapat diikuti seperti di bawah ini.

1. Anda buka situs http://cooltext.com/

2. Setelah masuk halaman situs, Anda dapat memilih logo style atau buton design yang Anda suka, seperti di bawah ini


3. Pilih salah satu logo style atau buton design untuk kemudian Anda kustomasi sendiri.

4. Anda dapat memodifikasi text (tulisan), jenis, warna, dan ukuran font, background color, effect, background image, dan lainnya tergantung dari style yang Anda pilih.

5. Jika dirasa sudah cocok, kemudian klik RENDER LOGO.Jika masih belum cocok, Anda dapat melakukan kustomasi ulang dengan menekan Edit This Logo.

7. Anda dapat menyimpan design logo dengan mengklik Save Logo Design namun harus melakukan registrasi dahulu.

8. Jika ingin langsung menyimpan di computer, Anda bisa langsung mendowloadnya dengan mengklik DOWNLOAD IMAGE.

9. Anda dapat menyimpannya dengan format GIF, PNG, JPG.

harus registrasi dulu

javascript sapaan pengunjung

Suatu ketika pasti Anda pernah datang ke bank atau kantor pelayanan public lainnya, bukan. Customer service biasanya akan menyapa dengan ramah kepada para klien atau nasabahnya dengan menyebut bapak/ibu diikuti dengan namanya. Dalam blog pun kita bisa melakukan hal serupa sedemikian rupa sehingga lebih personal dengan Tips Alert Sapaan Pengunjung atau Tips Service Excellent Pengunjung atau tips apalah berikut ini.

Oh, iya,..sebelum melangkah pada langkah-langkah membuat Tips Sapaan Pengunjung ini, bagi pengunjung yang baru saja mampir ke blog ini, silakan membaca Tips Memasang Script Alert Pada Blog dan Tips Script Alert (Pesan) Konfirmasi yang telah Tips Trik Ngeblog posting sebelumnya di mana tips tersebut masih satu tema dengan tips kali ini, yaitu Tips Script Alert Pada Blog, kemudian dapat dijadikan sebagai alternative (opsi) yang dapat dipilih pengunjung untuk menghiasi blognya.

Tips kali ini terdiri dari dua script di mana script yang pertama “bertugas” meminta pengunjung untuk mengetikkan namanya kemudian dengan data tersebut (nama yang diketikkan tersebut) digunakan script yang kedua untuk memberikan sapaan atau ucapan yang lain yang dapat dikustomasi sendiri sesuai dengan kehendak kita.

Langkah-langkahnya adalah sebagai berikut.

Login ke http://blogger.com

Masuk Panel Kontrol >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript kemudian ketikkan script pertama seperti di bawah ini kemudian lanjutkan dengan Simpan Perubahan.

Script Pertama

<script type="text/javascript">
var yourName = prompt("Boleh Tahu Namanya?", "Nama Anda");
</script>

Anda dapat mengganti teks yang berwarna merah dengan kalimat sendiri sesuka Anda.

Kemudian tambahkan lagi HTML/Javascript lagi dan kemudian ketikkan script kedua seperti di bawah ini kemudian dilanjutkan dengan Simpan Perubahan.

Script Kedua

Selamat Datang <script type="text/javascript">document.write(yourName)</script>! Suatu kehormatan bagi Tips & Trik blog atas kunjungan <script type="text/javascript">document.write(yourName)</script> ini. Tips & Trik Blog sangat berharap kunjungan <script type="text/javascript">document.write(yourName)</script> berikutnya

Anda dapat meletakkan script berwarna merah di mana Anda mau pada kalimat yang dapat atur sendiri sesuka Anda.

Catatan :

Anda harus meletakkan Script Pertama pada gadget HTML/Javascipt lebih dahulu kemudian diikuti Gadget HTML/Javascript untuk Script Kedua. Tidak harus berurutan yang penting posisi gadget untuk script pertama diletakkan di atas gadget untuk script kedua.

cara membuat alert pembuka dengan javascript

<script type="text/javascript">
alert('selamat datang')
</script>

1. Kemudian login ke http://blogger.com hingga masuk Panel Kontrol
2. Klik Tata Letak (layout)
3. Tambahkan Gadget
4. Tambahkan HTML/Javascript
5. Pastekan script di atas tersebut
6. Simpan Perubahan
7. Selesai

cara Menampilkan Widget Tertentu Hanya Pada Homepage Blog

Tips Menampilkan Widget Tertentu Hanya Pada Homepage Blog. Karena alasan tertentu, misalkan untuk menghemat ruang side bar maupun mempersingkat waktu loading halaman blog, kita dapat mengatur agar widget tertentu hanya muncul pada homepage saja. Dengan pengaturan tersebut, suatu widget (yang kita kehendaki) hanya akan muncul pada halaman homepage saja. Jika tertarik, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.

Sebagai contoh dalam kasus ini, misalkan saya ingin agar widget “data pengunjung” hanya muncul pada halaman homepage saja sedangkan pada halaman permalink (postingan) widget ini tidak akan muncul. Begitu juga dengan widget yang lain. Caranya sebagai berikut.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
Kedua, jangan lupa centangi “Expand Templates Widget”
Ketiga, cari kode sebagai berikut
<b:widget id='HTML8' locked='false' title='Data Pengunjung' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


Keempat, tambahkan (sisipkan) kode berikut ini (berwarna merah) sehingga menjadi seperti di bawah ini.
<b:widget id='HTML8' locked='false' title='Data Pengunjung' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Kelima, simpan template
Keenam, selesai.

Coba perhatikan, Widget "Data Pengunjung" yang ada di side bar sebelah kiri akan muncul pada homepage saja namun ketika kita membuka halaman permalink atau halaman postingan, widget tersebut tidak muncul. Dengan demikian diharapkan dapat mempersingkat/me

Cara Membuat Halaman Penggemar Blog di Facebook

Cara Membuat Halaman Penggemar Blog di Facebook. Selain dengan cara memasang banner, cara mempromosikan halaman situs atau blog milik kita adalah dengan cara membuat halaman penggemar situs/blog pada facebook. Dengan membuat halaman penggemar tersebut, kita dapat mengenalkan blog kita pada teman-teman facebook dan juga memberitahukan info/posting terbaru kepada penggemar tersebut. Untuk membuatnya hanya memerlukan beberapa langkah saja, jika tertarik silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya adalah sebagai berikut.

Pertama, buka halaman http://www.facebook.com/pages/create.php

Kedua, kemudian pada menu “Merk, Produk, atau Organisasi” pilih “Situs Web”, seperti screenshot di bawah ini.

Ketiga, berikan nama halaman yang akan kita buat tersebut sesuai kehendak masing-masing dan dilanjutkan dengan mengklik “Buat Halaman”, seperti di bawah ini.

Keempat, sekarang kita sudah berhasil membuat halaman tersebut.

Selanjutnya kita dapat melakukan penyuntingan/kustomasi tentang halaman tersebut, antara lain :

* Agar lebih eksklusif, kita dapat menambahkan photo dengan cara klik “Sunting Foto Profil Anda” kemudian pilih “Unggah Photo”.
* Kemudian kita juga dapat melakukan penyuntingan informasi mengenai halaman tersebut dengan cara klik tab “Info” kemudian pada bagian kanan klik “Sunting Informasi”.
* Untuk menambah atau mengajak calon penggemar bergabung, kita dapat menyarankan teman tertentu dengan cara klik menu “Sarankan ke teman” kemudian pilih teman-teman mana yang ingin kita ajak bergabung.
* Untuk tujuan promosi, kita juga dapat menuliskan sesuatu tentang halaman tersebut dengan cara menuliskan kotak yang disediakan yang letaknya di bawah menu “Saran ke teman”.

Selamat Mencoba dan sukses nge-blog!!!