Tampilkan postingan dengan label Tips And Triks Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tips And Triks Blogspot. Tampilkan semua postingan

Rabu, 13 Februari 2013

Recent Comments Widget di Blogger

1:10:00 AM
Blogger Ikuti Langkah-langkah berikut untuk membuat recent comment di Blogger (Blogspot) blog. :D

Langkah 1 :

Login ke Blogger. Lalu menuju ke Blogger Dashboard > Design/Layout > Page Element > Add a Gadget > HTML/JavaScript
Blogger Design
Blogger page elements
Blogger add a gadget
Blogger HTML/JavaScript

Langkah 2 :

Copy dan paste code dibawah ini :

<script style=text/javascript src=http://www.webaholic.co.in/other/recent-comments-widget.js></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://YOUR-BLOG-URL.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><span id=rcw-cr><a href=http://www.blogger.webaholic.co.in/2011/03/recent-comments-widget-for-blogger.html>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;} </style>


Langkah 3 :
 
ganti YOUR-BLOG-URL dengan blog url anda.


Langkah 4 :

Save the template.

Selasa, 05 Februari 2013

Cara Memasang Musik di Blog

7:26:00 PM

Cara Pasang Musik Di Blog

Umumnya, memasang lagu atau musik dapat memberatkan loading blog, oleh karenanya pilihlah layanan yang sekiranya tidak terlalu membebani. Kang Rohman sendiri menyarankan untuk mengupload file di google site dan player yang digunakan adalah google reader player karena keduanya adalah produk dari google yang tentunya dapat digunakan dengan akun gmail anda dan ini terbukti lebih cepat proses loadingnya.

Kode Google Reader Player

Untuk memasang lagu diblog perlu player yang digunakan, karena kita akan menggunakan Google reader player, maka kode yang digunakan adalah seperti berikut :

<embed type="application/x-shockwave-flash" flashvars="audioUrl=alamat_link_sumber_lagu" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="300" height="27" quality="best" wmode="transparent"></embed>

Yang harus anda ganti adalah kode alamat_link_sumber_lagu , itu adalah alamat sumber lagu. Darimana kita dapat alamat link sumber lagu? Kita upload dulu filenya ke file hosting di internet, contoh kali ini adalah akan menggunakan google site, nanti setelah musiknya diupload, alamat sumber lagunya akan kita dapatkan.

Upload File Di Google Site

Langkah pertama yang harus anda persiapkan adalah upload file lagu yang akan dipasang ke Google Site, oleh karenanya siapkan pula lagunya. Berikut adalah langkah-langkah untuk mengupload lagu ke google site :

  1. Silahkan kunjungi sites.google.com/?hl=id
  2. Apabila anda sudah mempunyai akun gmail, login pada form yang tersedia. Namun, bila belum mempunyai akun gmail, bacalah dulu panduan tentang cara membuat akun gmail.

    login gmail

  3. Alihkan perhatiah ke sebelah kiri monitor, lalu klik tombol Create

    create google site

  4. Ada beberapa form yang harus diisi.
    • Name Your Site : beri nama apa saja sesuai keinginan, misal : laguku
    • Type the code shown : tulis kode yang muncul
    • Lanjutkan dengan klik tombol Create.

      buat google site baru

  5. Setelah halaman tercipta, alihkan perhatian kesebelah kanan atas monitor, kemudian klik icon untuk membuat New Page.

    halaman baru google site

  6. Buatlah sebuah halaman baru, isi form yang diminta.
    • Name your page : isi dengan apa saja. Misal : kumpulan lagu
    • Select template to use : klik dulu menu nya, setelah opsinya keluar pilih File Cabinet
    • Lanjutkan dengan klik tombol Create



  7. Klik tombol Add File. Silahkan pilih file lagu yang ingin diupload dari komputer anda.

    add file

  8. Setelah file berhasil diupload, akan muncul link bertuliskan download. Klik kanan link tersebut lalu pilih Copy Link Location (bila anda menggunakan firefox).

    copy link location

  9. Paste pada notepad atau apa saja agar alamat file tersebut bisa digunakan nantinya. Contoh alamat file (alamat sumber lagu) :
    https://sites.google.com/site/gallerylagu/kumpulan-lagu/02%20-%20Sherina%20-%20Jalan%20Cinta.mp3?attredirects=0&d=1
  10. Hapuslah kode dibelakangnya, yaitu ?attredirects=0&d=1 karena kode tersebut tidak perlu digunakan. Jadi, kode sumber lagu yang akan kita gunakan adalah :
    https://sites.google.com/site/gallerylagu/kumpulan-lagu/02%20-%20Sherina%20-%20Jalan%20Cinta.mp3
  11. Langkah upload file selesai
Karena kita sudah mendapatkan alamat sumber lagu, maka kita dapat membuat kode playernya menjadi seperti berikut ( ini hanya contoh saja, tentu kode yang sebenernya sesuai dengan lagu yang anda upload ) :

<embed type="application/x-shockwave-flash" flashvars="audioUrl=https://sites.google.com/site/gallerylagu/kumpulan-lagu/02%20-%20Sherina%20-%20Jalan%20Cinta.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="300" height="27" quality="best" wmode="transparent"></embed>

Berikut contoh player yang nanti akan muncul (klik tombol play untuk menjalankan):



Langkah selanjutnya adalah memasang kode tersebut di blog anda, tentu bisa disidebar atau dimana saja sesuai dengan keinginan. Namun, sebagai contoh kita akan memasangnya dibagian sidebar blog.
  1. Silahkan login ke blogger dengan akun anda.
  2. Klik pada nama blog anda.
  3. Klik menu Tata Letak

    tata letak
  4. Klik Tambah Gadget



  5. Klik pada widget HTML/Javascript
    html widget
  6. Paste kode musik seperti yang telah kita persiapkan tadi

    embed kode musik

  7. Klik tombol Simpan
  8. Selesai.

Itulah contoh bagaimana cara memasang lagu dengan mengupload sendiri. Untuk lagu yang telah tersedia tampa harus upload lagunya, anda bisa menggunakan situs berikut :

http://www.singingbox.org/index2.php

Sebagai tambahan, panduan Cara Pasang Musik Di Blog ini hanya sebatas memasang lagu di blog, janganlah disalah gunakan untuk membagi-bagi file musik karena itu ilegal atau melanggar hukum yang berlaku. Segala tindakan penyalahgunaan tanggung jawab anda masing-masing

Cara Membuat Blog Ramai dan Sering di Komentari

7:22:00 PM
Satu hal yang wajar ketika kita membuat blog, pasti blog tersebut ingin ramai dikunjungi banyak pengunjung, selain itu juga menginginkan banyak komentar yang masuk pada tiap postingan. Toh buat apa kita membuat blog kalau sepi pengunjung. Adapun komentar tidak menjadi patokan peringkat sebuah blog, akan tetapi menunjukan bahwa dengan banyaknya komentar setidaknya blog tersebut memang mempunyai pengunjung.

Sudah banyak penjelasan tentang cara membuat blog agar ramai pengunjung dan banyak komentar didalamnya. Akan tetapi, ada yang menarik perhatian saya ketika mengunjungi blog Odhzar Jhadeya, disampaikan dengan cerita fiksi, yang berupa konsultasi pemula dengan seseorang yang sudah malang melintang di dunia Blogging. Cerita ini akan saya suguhkan kembali buat sahabat blogger, dalam versi saya dan sedikit diberi tambahan.

Alkisah, ada seseorang yang baru membuat blog dan memang ia pemula di dunia blogging, sebut saja namanya "A". Dengan penuh semangat si "A" membuat postingan demi postingan. Waktu pun terus berjalan, 1-2 bulan blog si "A" masih sepi pengunjung dan hanya 1-2 komentar pada postingannya.

Si "A" pun menemukan seseorang untuk dijadikan tempat konsultasi, sebut saja namanya "B", akhirnya dimulailah percakapan antara "A" dan "B" walaupun hanya melalui sebuah email.

A : Saya sudah membuat blog dan banyak postingan, tapi kenapa masih sedikit pengunjung dan hanya 1-2 komentar saja? minta kritik dan sarannya dong
B : Saya sudah mengunjungi blog Anda, saya rasa pengunjung akan malas mengunjungi blog anda karena loadingnya terlalu berat. Coba hapus widget yang tidak diperlukan.


Si "A" pun kemudian membenahi blognya, dia buang widget-widget yang memberatkan dan tidak berguna. Sekarang blognya sudah jauh lebih cepat bahkan terasa ringan. Tapi.. tetap saja, sepi pengunjung dan komentar. Kembali si "A" menghubungi si "B"

A : Blog saya sudah ringan, tapi tetep aja masih sepi
B : Blog Anda sudah ringan memang, tapi tampilan blog anda tidak menarik. Teks yang sulit dibaca dan warna yang menusuk mata.


Si "A" mencoba membenahi blognya, memang ia sadar warnanya terlalu tajam, teks kecil, backroud dan teks yang sedikit samar. Ia benahi semua itu. Tapi.. tetap saja, sepi pengunjung dan komentar. Kembali si "A" menghubungi si "B"

A : Blog saya sudah ringan, tampilan sudah bagus,tapi tetep aja masih sepi
B : Blog Anda sudah ringan memang, tampilan menarik, tapi content blog Anda tidak berkualitas. Saya lihat banyak artikel copas, bahasa yang ga jelas, dll.

Dengan usaha yang keras, akhirnya si "A" berhasil membuat artikel yang fresh, penataan bahasa yang bagus, sederhana dan mudah difahami. Lambat laun pengunjung blogpun meningkat. Dan ternyata masih ada saja keluhan tentang komentar. Sepi dari komentar.

A : Sekarang sudah mulai banyak pengunjung, tapi kenapa masih sepi komentar?
B : Artikel yang Anda buat memungkinkan munculnya pertanyaan. Tapi saya malas berkomentar, mungkin yang lain juga karena Anda menggunakan komentar Facebook. Menurut saya, lebih bermanfaat tombol Like atau share ke facebook.


Oooh.. ternyata si "A" baru sadar, tidak semua blogger menyukai facebook, atau sempet suka tapi bosan dengan Facebook.

A : Saya sudah ganti ke komentar standard, masih sepi juga
B : Verifikasi captcha yang menyebabkan orang-orang malas berkomentar


Si "A" menghilangkan verifikasi captcha, dan kembali menghubungi si "B"

A : Captcha sudah saya hilangkan, jadi ga ada alasan lagi kayaknya nih
B : Saya coba membuat komentar di blog Anda. Semangat saya membuatnya, tetapi kata-kata "Komentar Anda akan muncul setelah dimoderasi", itu yang membuat saya malas untuk berkomentar lagi.

Wah.. masih ada aja ya... ia hilangkan captcha dan ia berfikir ayo apalagi, semuanya sudah beres. Si "A" kembali menghubungi si "B"

A : Ringan, tampilan bagus, conten original, komentar standar, tanpa captcha dan moderasi... Apa yang Anda sarankan saya telah laksanakan. Tapi tetep sepi komentar...
B : Saya lihat anda tidak pernah membalas komentar, saya malas memberikan komentar di blog Anda.


Komentar demi komentar di pelajari dan dibalas sebaik mungkin, tapi belum maksimal.. pengunjung belum sesuai harapan, begitupun dengan komentar...

A : Saya sudah berusaha ramah dan memberikan jawaban atas pertanyaan sahabat, apa lagi yang kurang?
B : Anda tidak pernah menulis komentar di blog saya, bagaimana mau berkomentar di blog Anda?bagaimana blog Anda mau dikenal luas di kalangan blogger, kalau tidak pernah mengunjungi mereka?


Sahabat, semoga gambaran di atas menjadi sebuah pelajaran bagi kita. Saya pribadi masih belum bisa melaksanakan semua hal di atas. Mungkin sahabat juga begitu. Terbentur dengan pekerjaan atau kesibukan lainnya.

Blog yang ringan, tampilan menarik, content yang berbobot, dan pertimbangan memasang captcha dan moderasi.. itu dapat menarik pengunjung ke blog kita. Captcha dan moderasi memang di perlukan untuk mengatasi spam. Tapi menurut hemat saya, blogger lebih aman dari spammer kalau di banding WP.

Blog saya tanpa Captcha dan Moderasi. Coba bandingkan, lebih enak di blog saya berkomentar atau di blog yang pasang captcha dan moderasi?

Selain itu, hal yang sangat penting tentunya, kita harus rajin blogwalking dan ramah terhadap pengunjung blog dengan menjawab komentar2 blogger.

Semoga bermanfaat...

Cara Mengubah Lambang Blogspot

7:18:00 PM
Tips Blogger yang akan saya bahas kali ini bukan hal yang baru, tapi melaikan merupakan hal yang wajib diketahui oleh para Blogger. Biasanya bagi blogger yang masih pemula atau baru Belajar Blogger, seperti halnya saya sendiri, kurang tahu dan masih bertanya-tanya bagaimana Cara Mengganti Logo Blogger Dengan Gambar Sendiri. Yang merasa kurang paham dengan cara ini bisa melihat contohnya pada Adress Bar Blog saya ini, jika blogger yang baru membuat blognya biasanya pada adress bar masih menggunakan logo Blogger yaitu huruf "B". Nah untuk merubahnya yang anda perlukan adalah gambar yang anda inginkan untuk dijadikan logo, tapi syarat gambarnya harus sudah terupload di Internet. Jangan khawatir banyak penyedia upload foto di Internet, contohnya saja PhotoBucket dan Picasa.
Setelah anda memiliki foto atau logo yang sudah diupload dengan disertai url foto tersebut anda sudah bisa melanjutkan Tips Belajar Blogger kali ini. Berikut cara-cara Tips Blogger tentang Cara Mengganti Logo Blogger Dengan Gambar Sendiri.
  1. Login dulu ke Blogger anda.
  2. Klik Rancangan pada Dashboard
  3. Klik Edit Html.
  4. Tekan Ctrl + F untuk mencari kode berikut ini :          <title><data:blog.pageTitle/></title>
             <b:skin><![CDATA[
  5. Copy kode ini di antara kode di atas : <link href='url foto yang telah anda upload' rel='shortcut icon'/>
  6. Contohnya seperti ini :
    <title><data:blog.pageTitle/></title>                                                                                <link href='alamat url foto yang telah anda upload' rel='shortcut icon'/>
    <b:skin><![CDATA[        
  7. Setelah itu Simpan Template dan anda sudah bisa melihat hasilnya. Demikian Tips Blogger tentang Cara Mengganti Logo Blogger Dengan Gambar Sendiri, semoga dapat bermanfaat untuk anda terutama bagi yang baru Belajar Blogger.

Kamis, 17 Januari 2013

Membuat Kotak Pesan di Bawah Postingan

5:39:00 PM
Broo,, kali ini gue mau kasih tahu sama broo kalo broo mau pasang kotak pesan di bawah postingan yang sudah broo buat. Kotak pesan yang akan kita buat ini akan diisi oleh sahabat sendiri dengan menggunakan bahasa sendiri dan akan di letakkan dibawah setiap postingan sebagai contoh kotak pesan yang saya buat di blog ini yaitu pesan kepada para pembaca artikel agar dapat memberikan komentar ke artikel yang dibaca seperti dibawah ini


Sebelum kita mulai bagi Muslim jangan lupa baca

Ok langsung aja ke TKP langkah – langkah untuk membuat kotak pesan dibawah postingan  blog sebagai berikut :
1. Seperti biasa masuk ke akun blog anda 
2. Pilih rancangan 
3. Pilih edit HTML
4. Centang Expand Template Widget, Sebelum mengedit silahkan download dulu template anda untuk menjaga kalau – kalu dalam melakukan perubahan terjadi kesalahan (error)
5. Cari kode HTML ini <div class='post-footer'>
6. Copy code ini dan pastekan sebelum / diatas kode <div class='post-footer'> yang tadi
<!-- Kotak Admin mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Mansyur Syamsudin</h4>
<div class='kontainer'>
<img src='http://lh6.googleusercontent.com/-LxU5AKvZrKk/AAAAAAAAAAI/AAAAAAAAAB8/DzQCzqCFvL8/s512-c/photo.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel <a expr:href='data:post.url'><data:post.title/></a> ini.Di Posting  <data:post.dateHeader/>.  Tak Lengkap Rasanya Jika Kunjungan Anda di Blog ini Tanpa Meninggalkan Komentar Untuk Itu Silahkan Berikan Kritik dan saran Anda Pada Kotak Komentar Di Bawah. Semoga Artikel <a expr:href='data:post.url'><data:post.title/></a> dapat Memberi manfaat untuk Anda ..Trima Kasih. :)
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin end -->
7. Silahkan ganti link URL gambar profil ('http://lh6.googleusercontent.com/-LxU5AKvZrKk/AAAAAAAAAAI/AAAAAAAAAB8/DzQCzqCFvL8/s512-c/photo.jpg') dengan link gambar profil sahabat. Ganti juga kata-katanya sesuai keinginan teman-teman.
8. Kemudian cari lagi kode ]]></b:skin>
9. Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin>

.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#ffffff;
border:none;
border-bottom:1px solid #699019;
color:#000;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FF0000;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

10. Simpan / save, semoga bermanfaat

Menambahkan Forum di Blog

5:36:00 PM
Dalam mengelola blog,, tentu kita sering merasa ingin mencukupi apa yang di butuhkan oleh pengunjung. Maka dari situ lah gue membantu broo untuk menerbitkan/membuat forum di dalam blog kalian. Dalam membuat forum diblog khususnya diblogspot sangat mudah karena kita tinggal memanfaatkan jasa website lain yang menyediakan fasilitas pembuatan forum diblog ini untuk melihat forum yang saya buat klik disini saya menggunakan jasa www.nabble.com  untuk membuatkan forum seperti tampak dalam gambar berikut..



ok langsung saja langkah - langkah untuk membuat forum diblog sebagai berikut :
1. Kunjungi www.nabble.com
2. Maka akan terbuka layar www.nabble.com seperti gambar berikut
3. Klik start a free forum dan isilah kolom-kolom yang disediakan
4. Selanjutnya buka email (yang tadi didaftarkan) untuk melihat konfirmasi email dari nabble
5. Klik konfirmasi email tersebut untuk masuk kembali ke www.nabble.com dengan user name sesuai dengan user yang didaftarkan (tertulis disudut kanan atas) trus klik continue
6. Selanjutnya klik option


7. Jika sahabat ingin melakukan perubahan warna dan lain-lain tampilan forum klik option->aplication->change appearance
8. Jika Sudah Selesai silahkan klik option->embedding options copy skrip yang muncul
9. Pengaturan diblog
  • Login dulu diblog sahabat
  • selanjutnya buat postingan baru lalu paste script tadi dari www.nabble.com 
Demikian langkah-langkah cara membuat forum diblog..semoga bermanfaat..

Membuat Label Dropdown di Blog

5:33:00 PM


HI..Sahabat blogger..sudah berapa hari ini tidak posting sesuatu di blog ini..Jadi kangen deh utamanya dengan komentar sahabat..hehehehe..Pada kesempatan kali ini saya akan coba berbagi mengenai cara membuat label bentuk dropdown di blog. 
Mungkin bagi sebagian sahabat tips ini sudah usang..Bagi saya yang masih newbie sangat bermanfaat utamanya guna menghemat tempat di blog..tidak seperti tampilan label sebelumnya..ok daripada berpanjang lebar lebih baik langsung aja deh cara membuat label bentuk dropdown di blog..cekidot..
Setelah sebelumnya saya sudah post cara menambahkan gadget label di blog selanjutnya tips kali ini saya akan berbagi cara membuat label bentuk dropdown kurang lebih tampilannya di blog seperti berikut ini 

Cara membuat label bentuk dropdown di blog

Cara Membuatnya :
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Untuk jaga-jaga back up template dulu 
5. Beri tanda centang pada Expand Template Widget 
6. Cari kode berikut :
<ul><b:loop values='data:labels' var='label'><li><b:if cond='data:blog.url == data:label.url'><data:label.name/><b:else/><a expr:href='data:label.url'><data:label.name/></a></b:if>(<data:label.count/>)</li></b:loop></ul>
    Untuk memudahkan Pencarian gunakan CTRL + F 
    Kalau sudah ketemu hapus kode tersebut dan ganti dengan kode berikut ini :
<select onchange='location=this.options[this.selectedIndex].value;'><option>Pilih Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:loop values='data:labels' var='label'><option expr:value='data:label.url'><data:label.name/>(<data:label.count/>)</option></b:loop></select>
Tulisan pilih kategori  bisa diganti sesuai selera sahabat..selanjutnya simpan pekerjaan dan lihat hasilnya sudah nampak seperti yang ada di blog aku ini..demikian tips blog cara membuat label bentuk dropdown di blog semoga bermanfaat..




Membuat Daftar Isi

5:30:00 PM
Daftar Isi

Cara buat daftar isi…..
Daftar isi merupakan sitemap yang menjadi bagian penting yang memegang peranan yang akan memberikan informasi tentang apa saja isi yang termuat atau ada di dalam blog kita, sehingga pembaca akan lebih mudah dalam mencari artikel atau tulisan yang sedang mereka cari didalam nya.


kenapa kok penting? karena sebagai navigasi atau sebagai tempat isi keseluruhan blog teman, jadi logikanya nih teman, seorang pengunjung ingin sekali melihat semua isi artikel blog kita, tentu pengunjung kita akan kebingungan jika blog kita tidak memiliki sitemap, dengan sitemap kita dan pengunjung kita lebih mudah melihat keseluruhan isi blog kita. 
Langsung aja deh.. membuat daftar isi otomatis yang ditentukan oleh Anda sendiri dapat mengikuti panduan dan tutorial berikut ini: 
  • Copy script berikut ini pilih salah satu (script 1 atau script 2)
Script 1 berdasarkan bulan posting:
<script src="http://jarlok.com/Script/Sitemap.js">
</script> <script src="http://nama-blog-anda.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Script 2 berdasarkan label:
<script src="http://inginberbagi2012.googlecode.com/files/daftarisi.js">
</script>
<script src="http://nama-blog-anda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

  • Login ke akun blogger anda.
  • Buat daftar isi Anda, terserah mau sebagai HTML/Javascript pada GADGET atau dihalaman posting.
  • Paste script yang di copy pada area (HTM/Javascript) / (Posting)
  • Simpan pekerjaan dan lihat hasilnya..
Demikian tutorial kali ini cara membuat daftar isi otomatis...semoga bermanfaat..
Suka dengan artikel ini jangan lupa klik g+1 dan like[facebook]...





Mengganti Kursor di Blog

5:20:00 PM
Broo... disini gue kasih tahu nih gimana cara2 untuk mengubah kursor yang tampil di blog kita jadi berubah. Gak sama seperti yang biasa tampil di Windows kita.
 Mungkin sahabat-sahabat melihat tampilan kursor yang berupa anak panah putih seperti ini sudah bosan....!!! Nah berikut ini gue coba memberikan beberapa alternatif yang bisa digunakan sebagai pengganti kursor tersebut dan langkah-langkah cara memasangnya diblog...Ok langsung aja broo...
Langkah - langkah mengganti kursor yang cantik Sebagai berikut :
1. Copy script berikut ini :
<style type="text/css">
body {
cursor:url("
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY_trIDrjNLJq4uLMUBbgU0rd-GEd9VUoJRBDqb4p_QHHEz4BMDpEmufyDXRXleBmUGgUiO-i4efzWYzTwXdZvsHLK50wAeJWcRLZx_bTwOsrX6Rgjtq2JyUJ036f_93L_m_sAbl5oV6A/h120/1.gif")
,default}
</style>
akan menghasilkan bentuk kursor seperti ini :
Berikut ini adalah beberapa pilihan cursor yang bisa digunakan Copy script yang ada dibawah masing-masing kursor yang anda inginkan ganti tulisan yang berwarna merah :
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY_trIDrjNLJq4uLMUBbgU0rd-GEd9VUoJRBDqb4p_QHHEz4BMDpEmufyDXRXleBmUGgUiO-i4efzWYzTwXdZvsHLK50wAeJWcRLZx_bTwOsrX6Rgjtq2JyUJ036f_93L_m_sAbl5oV6A/h120/1.gif

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0_psF5Rk3xAibZ0nlxY1C8ff7FC3KLYMs3MYs6bHD3wlviW1ojiFx5knaNgeclFcTQicPP6Cp45e2jCy-gQ8VSMViLfZzJM6nUbBmLoloSUAE2tFEYlfzQUXI5iJgwiS2O6_4bCaXAVU/h120/2.gif

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9KEh-Bl8Z2AwA4Gs03bEXJIsYb76m2RrReQJvWiHqSY3UdLTXM6ibP_zxwdGLAdnf5O5j2PjuqKoHTDwq_N_nV-RpMtjMczX3Qt43Lt9rC9KjI1VFVpcB3vhG-eh7loZR-H9y4MPD4M/h120/3.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrLet2bskKT9kOnQDMz3Y5Eu-7aQI5ZkeHjhvkU_e0MiqYHMLP0KcXhYOhkOCXWYvq07hxTwazNCVRDYgxEWeqJJgw2PoV6YR1bYBHgicBtXFRIEJn8y7Wg7S-IP-2EkV_2GfAefUXMoM/h120/4.gif
Setelah di copy script di atas langkah selanjutnya pengaturan diblog sahabat sebagai berikut :
1. Klik Rancangan.
2. Pilih Tata letak.
3. Klik Tambah Gadget.
4. Pilih HTML/Javascript kemudian paste script tersebut.
5. Simpan dan lihat hasilnya...

Rabu, 16 Januari 2013

Memasang Widget Translator di Blog

9:07:00 PM
Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...

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.

Coba sekarang lihat blogmu maka ada tampilan seperti ini :

Gadgets powered by Google


Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan...

Senin, 14 Januari 2013

Cara Menghilangkan Tanda Tang dan Obeng di Blog

11:02:00 PM
Sering aku ditanya tentang masalah ini. Yaitu tentang bagaimana cara menghilangakn tanda tang dan obeng yang muncul di blog kita. Bagi yang baru terjun didunia blog pasti ada yang bingung kenapa di blog mereka bisa muncul tanda tang dan obeng yang biasanya bisa digunakan untuk mengedit secara langsung untuk gadget2 atau element2 yang terpasang.

Sebenarnya itu bukan merupakan suatu masalah, karena tanda tersebut hanya muncul jika pemilik blog sedang login di account blognya dan hanya muncul di komputer orang tersebut. Jadi orang lain tidak bisa melihatnya. Dan kalau pemilik blog tersebut sudah "sign out" maka tanda tersebut tidak akan muncul lagi.

Jadi para blogger pemula gak usah khawatir ya ... :D

Comments Tips Mengedit HTML Blogspot

10:59:00 PM
Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".


4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.

Cara Pasang Flash di Blog

10:55:00 PM
Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :


* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.

Setting domain di co.cc

10:50:00 PM
Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai

2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
  • Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")

  • Untuk option "TTL" biarkan saja, gak perlu dirubah2

  • Pada option "Type" pilih yang "CNAME"

  • Untuk kolom "Value" isikan "ghs.google.com"

  • Sehingga akan seperti pada gambar dibawah ini:

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
  • Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"

  • Kemudian pilih "Switch to: • Custom Domain

  • Setelah itu klik pada "Already own a domain? Switch to advanced settings"

  • Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".


  • Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:
  • Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"

  • Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"

  • Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

Cara Memasang Yahoo! messenger emoticons di kotak komentar

10:36:00 PM
Yahoo! Messenger (YM)Cara membuat/memasang Yahoo! messenger emoticons di kotak komentar Blogger, YM emoticons adalah kumpulan smileys / ikon yang dimiliki oleh yahoo untuk menggambarkan atau mengekspresikan suasana perasaan kita pada saat kita chat sama teman-teman kita, ikon tersebut bisa dalam bentuk gambar yang bergerak maupun tidak, mungkin dari sobat blogger sudah tidak asing lagi dengan emoticons ini bukan? Yahoo emoticons ini bisa kita lihat pada software Yahoo messenger, bagi yang belum punya software YM bisa di download di situsnya Yahoo! biasanya sih online installer sama seperti aplikasi Windows Live Writer saat di-instal minta koneksi internet tapi yang full installer juga ada kok tinggal search aja di om Google

Cara Memasang Yahoo Messenger Emoticons di Kotak Komentar Blogger

Secara default kotak komentar (form comment) Blogger platform tidak dilengkapi dengan emoticons, tapi sobat jangan khawatir dengan sedikit tips dan trik kita bisa mengakalinya dengan memasang dan menambahkan sedikit script yang berisi beberapa kumpulan Yahoo messenger emoticons yang umum dipakai dalam chat.
Langkah-langkahnya adalah :
  • Login di Blogger > Template > Edit HTML
  • Centang pada Expand Widget Templates
  • Cari kode dibawah ini
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

Copy kode dibawah ini kemudian letakkan (paste) diantara kode diatas
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #2b2b2b; padding: 5px; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

Kemudian cari kode </body>
Copy kode dibawah ini dan paste tepat diatas kode </body>
<script src="http://bloggerpeer.googlecode.com/files/smiley.js" type="text/javascript"/><noscript><a href="http://bloggerpeer.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
Terakhir simpan dan sobat sudah bisa menggunakan emoticon dari Yahoo ini.
Jangan Lupa Koment nya ya.. ?