Skip to main content

Posts

Showing posts with the label Tips-Trik Blog

Cara Memasang Google Analytics di Blog

Google Analytics adalah tool SEO yang menurut saya pribadi terbaik yang pernah di suguhkan google. Google Analytics berfungsi untuk melacak, memeriksa statistik dan trafik blog kita. jadi anda bisa melihat perilaku pengunjung blog mengkases link yang mana saja. Sebelum memulai login dahulu ke akun google. 1. Masuk ke Google Analytics     2. Isi lembaran form yang di sediakan lihat gambar dibawah dan klik Dapatkan ID Pelacak 3.  nanti ada pemberitahuan klik saja I agree 4.  Jika semua langkah sudah benar nnti akan mendapatkan ID Tracking seperti contoh dibawah. 5. Copy kode tersebut tepat di atas </head> - masuk ke blogger - pilih edit template - pastekan di atas kode </head> - Save Template 6. Google Analytics sudah berhasil ditambahkan dan akan memakan waktu 24 jam untuk menampilkan pertamakalinya. jangan lupa tinggalkan jejak.

Pasang Widget SMS Gratis di Blog

Buat sekarang sms gratis udah bukan hal yang aneh buat kita,buktinya hampir semua provider memberikan sms gratis bahkan sampai ratusan sms/hari tentunya dengan syarat dan ketentuan masing-masing. Saya posting ini bagi teman-teman yang kepepet banget tidak ada pulsa untuk sms tapi sedang terkoneksi ke internet teman-teman bisa coba sms gratis via blog ini atau bila ingin memasangnya saya sediakan listingnya. caranya pasti sudah pada tahukan tinggal di copas ke Gadget baru.   <div style="margin: 5px 20px 20px;"><input value="OPEN" style="margin: 0px; padding: 0px; width: 60px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = ...

Cara Membuat Artikel Yang Berhubungan

Tanpa Basa-basi langsung saja kita Mulai.. Silahkan menuju   Dashboard  blog anda,lalu pilih  Tata Letak / Layout ,kemudian pilih tab  Edit HTML . Jangan lupa beri tanda contreng ya pada tulisan  Expand Widget Templates . Anda Cari Kode Dibawah,,Supaya lebih mudah anda copy dahulu code dibawah lalu di edit HTML blog anda anda tekan CTRL + F lalu anda paste code yang tadi.. <p><data:post.body/></p>    atau  <data:post.body/> Jika sudah ketemu,letakkan kode script berikut tepat dibawah kode tadi [lihat gambar ilustrasi diatas - klik untuk melihat lebih jelas] <b:if cond='data:blog.pageType == "item"'> <div class='similiar'> <div class='widget-content'> <h3>Related Posts by Categories</h3> <div id='data2007'/><br/><br/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPos...

Widget Fan Facebook Untuk Blog

Mungkin anda pernah melihat di suatu blog dan ada suatu box yang bertuliskan jadi penggemar di facebook..itu namanya fan facebook seperti yang ada di blog saya..cara membuetnya sangat mudah ko..  Pertama anda menuju alamat  http://www.facebook.com/pages/create.php Lihat gambar: Selanjutnya, Pilih pada option   Area   sesuai kriteria blog anda beserta judul  box  fan di kolom  Name of Page  (contoh gambar dibawah ini milik  Pelajaran Blog ),lalu klik tombol  Create Page ,  lihat gambar: Kemudian,akan tampil seperti gambar dibawah ini,lalu klik tulisan  Edit Page ,lihat gambar: 3. Setelah itu,akan muncul halaman seperti dibawah ini,lalu klik tulisan  Promote with a fan box ,lihat gambar: Dan nanti akan muncul halaman yang memberitahukan bahwa anda telah berhasil membuat fan box facebook,seperti gambar dibawah ini  pilihlah blogger: 5. Dan muncullah halaman konfirmasi,seperti gambar dibawa...

Judul Blog Bergerak

Anda sering melihat blog-blog yang anda kunjungi judul blognya bergerak.. mungkin di hati anda terucap tanpa sadar bagaimana cara membuatnya,sangat mudah ko. Login ke blogger kemudian ke menu  Layout  --->  Edit HTML Cari kode/script <title><data:blog.pageTitle/></title> Ganti kode diatas dengan <b:include data='blog' name='all-head-content'/> <script language='JavaScript'> var txt="<data:blog.pageTitle/>"; var kecepatan= 100 ;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script> Catatan text yang berwarna hijau diatas adalah merupakan kecepatan pergerakanya jika kamu tambah angkanya maka pergerakanya akan lambat dan jika mengurangi angka maka pergerakanya akan semakin cepat

Memasang Animasi Pada Blog

Gambar Animasi sering sekali menarik perhatian pengunjung blog..yuk kita pasang animasi d blog kita.. Kunjungi situs gambar  di sini  dan cari gambar yang disukai. Gambar sudah didapatkan, silahkan di copy alamat URL nya. Masuk ke Blog dengan ID panjenengan. Klik Tata Letak. Klik Edit HTML. Klik kotak kecil Expand Template Widget. Carilah kode  ]]></b:skin> Sebelum kode tersebut di atas, tambahkan script berikut ini : #gambar-animasi { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } 9. Text yang berwarna merah adalah menunjukkan posisi gambar . 10. Silahkan ganti sesuai keinginan , (kiri=left, kanan=right, atas=top, bawah=bottom) 11. Cari lagi kode  </body> 12. Sebelum kode tersebut di atas, tam...

Memasang Widget translator Di Blog

Memasang Translator banyak sekali gunanya..Misalkan ada pengunjung ke blog kita dari negara lain yang tidak mengerti bahasa kita jadi mereka bisa menterjemahkannya lewat translator ini..Buat menterjemahkan tugas kuliah juga bisa.. 1. Login ke Blogger trus pilih menu  "Layout"  atau  "Tata Letak" 2. Kemudian klik pada  "Add Gadget"  atau  "tambah gadget=" . 3. Lalu pilih  HTML/Javascript" 4. Kemudian masukkan script berikut ini kedalamnya. <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script> 5. Kemudian simpan. Akan ada tampilan seperti ini di blog anda : Gadget  didukung oleh Google Coba dites apakah translator tersebut bekerja dengan baik atau tidak.

Membuat Navigasi Halaman Bernomor / Page

Sekarang kita membuat postingan yang telah kita .  masukan ada navigasi barnomor di bawah postingan seperti terlihat pada gambar   adanya navigasi halaman bernomor membuat blog lebih user friendly. Bagaimana  cara membuat paging ? 1. Login ke blog anda. 2. Klik ' Layout/Tata Letak ' 3. Klik ' Tambah Widget ' 4. Pilih ' HTML/Java Script '. 5. Masukkan kode HTML di bawah ini. <style> .showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px; } .showpageArea a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; bor...

Cara Menghilangkan Tang Dan Obeng Di Blog

I ni dia kodenya, coba pasang saja di Style Sheet CSS anda : .quickedit{ display:none; } Mudah sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya : Login ke blogger dengan ID anda tentunya. Klik  Tata Letak . Klik tab  Edit HTML . Cari kode seperti ini :  ]]></b:skin>  Copy paste kode berikut persis di atas kode yang tadi : .quickedit{ display:none; }  Klik tombol  Simpan template . Selesai. 

Cara Membuat Tag Cloud

Cara simple/singkat membuat tag cloud pada blogger Pertama saya mengenal blog,banyak sekali istilah-istilah widget blogger yang ingin saya ketahui. Seperti halnya ‘ Tag Cloud ’yang akan kita bahas kali ini. Dulu,saya mengerti dan pernah menjumpai widget seperti ini,namun karena tidak mengerti apa namanya,maka saya googling dengan berbagai kata kunci. Seperti;' cara membuat tulisan besar dan kecil pada blogger ',atau ' cara membuat widget tulisan tebal dan tipis ',dll. Bahkan saya sempat bertanya langsung pada masternya,sampai saya tahu itu namanya  Tag Cloud . Beberapa waktu lalu saya sempat memposting juga tentang cara membuat tag clouds untuk blogspot,namun masih manual bukan wyswyg seperti fitur blogger saat ini. Karena,seiring berkembangnya fitur instant blogger,blogger sudah memberikan langkah mudah untuk membuat  label berbentuk awan  ini. Nah,untuk contoh tag cloud,anda bisa lihat ilustrasi gambar di atas,atau bisa kunjungi langsung blog teman saya di...

Cara Membuat Readmore / Baca Selanjutnya

Sebenarnya,artikel ini sudah lama di publikasikan oleh  blogger  senior,yang telah malang melintang di dunia blogger. Ternyata,untuk  membuat read more../selengkapnya..  sangat sederhana banget !!! Pertama,anda hanya disuruh pergi ke  Dashboard ,lalu pilih  Tata Letak ,selanjutnya pilih Tab  Edit HTML . Centang bagian check box tulisan  Expand Template Windget . Cari kode  <data:post.body/>  ,untuk mempermudah pencarian,tekan  CTRL+F  pada keybord dan tuliskan kode tersebut,nanti akan terdeteksi secara otomatis (terdeteksi? secara.. #$@)  Jika anda sudah menemukan kode  <data:post.body/> ,hapus kode tersebut, dan ganti dengan kode berikut : < b:if cond='data:blog.pageType == "item " ' > < style > .fullpost{display:inline;} < /style > < p > < data:post.body/ > < /p > < b:else/ > < style > .fullpost{display:none;} < /style > < p > <...

Cara Membuat Label / Kategori

Beruntung, blog  saya ini tergolong baru karena peluncuranya baru 5 bulan yang lalu. Trus apa hubunganya baru sama  Membuat Label? Ya..karena fitur  Blogspot  hampir semua sudah  WYSWYG ,termasuk cara  membuat Label / Kategori  pada  Blog . Untuk membuatnya,yang pastinya anda sudah mempunyai beberapa  artikel / posting  yang sudah anda publikasikan. Pada,setiap artikel yang telah anda publikasikan,jika anda belum menuliskan  Label  pada setiap artikel,sebaiknya anda   Edit  lagi,artikel yang telah anda publikasikan tadi. Jika anda belum tahu menuliskan  label  pada setiap  postingan / artikel ,coba ikuti langkah berikut: ========================================================================================= Pertama,bagi yang mau mengedit untuk menuliskan  Label  pada artikel,cari artikel yang ingin di Edit. Untuk mencari artikel mana yang ingin di  Edit ,pergi ke  Dashboa...

Membuat Form Button Berjejer / Horizontal

Jika sebelumnya saya pernah memposting tentang membuat  form button ,sekarang kita akan membahas tentang membuat  form button berjejer . Untuk sebuah form,jika di sejajarkan akan mengalami sedikit kesulitan. Disini kita akan mengakalinya dengan menambahkan tabel,untuk meletakkan form-form yang akan kita publikasikan. Untuk contohnya seperti di bawah ini: <p align=" center "><table border="0" cellspacing="1" width="104"><tr> <td width="72"><form method="get" action=" http://www.google.com/ "target=" _blank "><p><input type="submit" value=" Google " name="1"></form></td> <td width="69"><form method="get" action=" http://www.yahoo.com/ "target=" _blank "><p><input type="submit" value=" Yahoo " name="2"></form...

Membuat Link Berupa Form Button

Membuat Link berupa tombol  atau  form button  sebenarnya,disamping menambah kecantikan namun sekaligus merangsang pengunjung untuk mengklik form tersebut. Contoh  Link yang berupa form button/tombol ,seperti di bawah ini: Dari contoh di atas,anda bisa lihat,saat anda klik  form  tersebut akan menimbulkan popup sesuai alamat yang anda tentukan. Sedangkan kodenya,anda bisa copy di bawah ini: <form method="get" action=" http://cyber-newtron.blogspot.com/ " target="_blank"> <input type="submit" value=" Contoh saja! " name="q"> </form> Untuk tulisan  http://cyber-newtron.blogspot.com/  anda rubah sesuai nama blog anda. Untuk tulisan  Contoh saja! ,rubah sesuai keinginan anda. Sedangkan untuk tulisan  _blank  gantilah dengan  _self  jika anda menginginkan halaman,akan terbuka pada halaman itu sendiri,bukan pada jendela baru. Gimana siap mencoba?