Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Senin, 12 Maret 2012

Cara Memasang Widget Jam Di Blog

Kategori: ,


Salah satu situs web yang menyediakan widget Jam adalah ClockLink, Disana Anda dapat menemukan berbagai model widget jam menarik untuk Anda pasang pada blog Anda, dan tentunya secara gratis.

Dibawah ini adalah screenshot contoh beberapa model widget jam yang disediakan oleh ClockLink :



Cara Memasang Widget Jam Di Blog :

Langkah 1 : Kunjungi situs www.clocklink.com
Langkah 2 : Pada sidebar web tersebut adalah kategori yang dapat Anda pilih, silahkan tentukan salah satu pilihan model widget yang Anda sukai.

Langkah 3 : Setelah Anda menentukan salah satunya klik "View HTML Tag" dibawah Jam tersebut untuk mendapatkan kode script-nya.



Langkah 4 : Pada halaman baru yang muncul klik "Accept"



Langkah 5 : Sesuaikan warna untuk tampilan widget jam dan jangan lupa atur Zona waktu serta ukuran widget yang akan di tampilkan.




Langkah 6 : Setelah Anda menyelesaikan Langkah 5, selanjutnya Copy kode script yang terdapat pada kotak dibawahnya



Langkah 7 : Setelah berhasil mendapatkan kode script silahkan menuju pada halaman Dasbor blog Anda

Langkah 8 : Pada halaman Dasbor blog, klik Rancangan kemudian klik Tambah Gadget pilih HTML/JavaScript



Langkah 9 : Paste kode script yang sudah Anda copy tadi kedalam konten Gadget

Langkah 10 : Untuk penempatan Widget ini bisa Anda sesuaikan sendiri
Langkah 11 : klik Simpan

Selesai.
Baca Selengkapnya ...

Minggu, 11 Maret 2012

Cara Memasang Tombol Share Di Bawah Posting Blog

Kategori:

Pada umumnya tujuan publisher memasang tombol share sosial media (Facebook,Twitter, Dkk) adalah untuk memudahkan pembaca artikel pada blog mereka yang ingin membagikan artikel yang telah mereka baca kepada publik lainnya. Lebih penting lagi, dengan memasang tombol share pada blog juga sangat menguntungkan bagi pemilik blog tersebut, salah satunya artikelnya akan cepat dikenal dan menyebar luas melalui berbagai sosial media.

Dan tentu akan mendatangkan trafik yang baik untuk blog Anda. Jadi untuk pembaca yang kebetulan memang belum memasang tombol share media sosial ini pada blog-nya, saya sarankan segeralah.


Tombol Share Dibawah Posting
Screenshot oleh http://gudangcara.com











Cara Memasang Tombol Share Dibawah Posting Blog :

Langkah 1 : Login pada blogger
Langkah 2 : pada halaman Dasbor klik Rancangan => Edit HTML


Langkah 3 : Centang pada Expand Template Widget, berfungsi untuk menampilkan seluruh kode didalam template.



Langkah 4 : Cari kode <data:post.body/>
Tips : Gunakan tombol CTRL+F untuk membantu menemukan kode diatas

Langkah 5 : Copy seluruh kode dibawah ini dan Paste dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='medium'/>
<!-- Place this render call where appropriate -->
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>

NB :
Ganti tulisan  'User Name' diatas dengan ID Twitter Anda.

Langkah 6 : Simpan template

Selesai, silahkan lihat hasilnya.

Semoga bermanfaat.
Baca Selengkapnya ...

Cara Memasang Widget SMS Gratis

Kategori: ,

Widget SMS online adalah sebuah widget yang memberikan layanan mengirim SMS gratis secara online ke semua operator. Dengan memasang widget SMS Online Gratis ini dapat menarik  pengunjung blog/web untuk betah berlama-lama di blog/web Anda. Widget ini disediakan oleh situs www.sms-online.web.id
Cara Memasang Widget SMS Online Gratis Di Blog :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor pilih Rancangan
Langkah 3 : Klik Tambah Gadget, pilih HTML/JavaScript




Langkah 4 : Copy kode dibawah ini :

<iframe name="I2" src="http://sms-online.web.id/widget"style="border: 1px solid rgb(255, 255, 255);" frameborder="0" height="264" scrolling="no" width="84%"> not support</iframe>

Langkah 5 : Paste kode diatas kedalam konten Gadget
Langkah 6 : Untuk penempatan Widget ini bisa Anda sesuaikan sendiri
Langkah 7 :  Simpan

 Selesai
Baca Selengkapnya ...

Cara Membuat Efek Zoom Gambar Pada Blog

Kategori:


Fungsi zoom gambar pada blog adalah membuat efek gambar membesar pada blog saat cursor diarahkan pada gambar tersebut.

Cara Membuat Efek Zoom (In) Pada Gambar Blog :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor, klik Rancangan => Edit HTML



Langkah 3 : Centang pada Expand Template Widget, berfungsi agar kode tampil keseluruhan di dalam template.



Langkah 4 : Cari kode  ]]></b:skin>
Tips : Gunakan tombol CTRL+F untuk memudahkan pencarian kode didalam template.

Langkah 5 : Copy kode dibawah ini dan letakkan diatas kode ]]></b:skin>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
 }

Langkah 6 : Simpan template

Silahkan lihat perubahan efek hover pada gambar-gambar di blog Anda.
Baca Selengkapnya ...

Cara Membuat Fungsi Scrool Pada Arsip Blog

Kategori:

Pada umumnya fungsi scroll biasa digunakan untuk tujuan menghemat space pada template blog, Anda bisa menggunakannya pada Arsip Blog jika ingin. Tampilannya seperti screenshot dibawah ini :


Cara Membuat Fungsi Scroll Pada Arsip Blog :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor blog Anda, klik Rancangan => Edit HTML


Langkah 3 : Centang pada Expand Template Widget, berfungsi untuk menampilkan seluruh kode pada template Anda.



Langkah 4 : Cari kode yang seperti ini :

<div id='ArchiveList'>

Kode lengkapnya seperti dibawah ini :

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
   Dst ..,

Langkah 5 : Copy dan Paste  kode dibawah ini diatas kode <div id='ArchiveList'>

<div style='overflow:auto; width:ancho; height:220px;'>
 dan juga tambahkan tag penutup </div>


Sehingga hasilnya akan menjadi seperti ini :

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:220px;'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>

Pada angka 220px diatas adalah tinggi kotak scroll, silahkan Anda sesuaikan.

Langkah 6 : Simpan template

Selesai

Semoga bermanfaat.
Baca Selengkapnya ...

Cara Ping Manual Di Google

Kategori:

Pengertian PING :
Secara umum PING (Packet Internet Gopher) diartikan sebagai program utilitas yang dapat digunakan untuk memeriksa Induktivitas jaringan berbasis teknologi Transmission Control Protocol/Internet Protocol (TCP/IP). Dengan menggunakan utilitas ini, dapat diuji apakah sebuah komputer terhubung dengan komputer lainnya. Hal ini dilakukan dengan mengirim sebuah paket kepada alamat IP yang hendak diujicoba konektivitasnya dan menunggu respon darinya, (id.wikipedia.org | lanjut baca)
 

Fungsi PING Untuk Blog/Web :
Fungsi PING blog/web adalah untuk melaporkan tulisan atau artikel blog/web terbaru ke mesin pencari (Google, Yahoo, Bing, dkk) agar artikel atau tulisan baru pada blog/web tersebut dapat cepat terindex oleh mesin pencari.

Cara PING Blog Manual Di Google :

Langkah 1 : Buka halaman http://blogsearch.google.com/ping



Langkah 2 : Masukkan URL blog/web Anda pada kotak isian "Your blog's address"

Langkah 3 : Klik "Submit Blog"



Selesai.

Catatan :
Jangan terlalu sering melakukan PING untuk blog/web Anda, karena itu justru akan dianggap spam oleh mesin pencari. Direkomendasikan lebih baik melakukan PING blog/web adalah 1 (satu) minggu sekali.
Baca Selengkapnya ...

Cara Ping Blog Di Pingomatic

Kategori:

Pengertian PING :
Secara umum PING (Packet Internet Gopher) diartikan sebagai program utilitas yang dapat digunakan untuk memeriksa Induktivitas jaringan berbasis teknologi Transmission Control Protocol/Internet Protocol (TCP/IP). Dengan menggunakan utilitas ini, dapat diuji apakah sebuah komputer terhubung dengan komputer lainnya. Hal ini dilakukan dengan mengirim sebuah paket kepada alamat IP yang hendak diujicoba konektivitasnya dan menunggu respon darinya, (id.wikipedia.org | lanjut baca)


Fungsi PING Untuk Blog/Web :
Fungsi PING blog/web adalah untuk melaporkan tulisan atau artikel blog/web terbaru ke mesin pencari (Google, Yahoo, Bing, dkk) agar artikel atau tulisan baru pada blog/web tersebut dapat cepat terindex oleh mesin pencari.

Cara Ping Blog Di Pingomatic :

Langkah 1 : Buka halaman http://pingomatic.com



Langkah 2 : Isi formulir "Blog Details"
  • Blog Name : Isi dengan nama blog Anda
  • Blog Home Page : Isi dengan URL Blog Anda
  • RSS URL (Optional) : Masukkan RSS Feeds Blog Anda

Langkah 3 : Selanjutnya pada "Services to Ping" pilih layanan yang ingin di PING untuk blog. Jika ingin memilih semua selain Specialized Services, klik "Check all"

Contoh pengisian Blog Details :



Langkah 4 : Klik "Send Pings"



Tunggu sampai Pingomatic melakukan proses PING selesai hingga ada laporan seperti gambar dibawah ini :





















Selesai.

Catatan :
Jangan terlalu sering melakukan PING untuk blog/web Anda, karena itu justru akan dianggap spam oleh mesin pencari. Direkomendasikan lebih baik melakukan PING blog/web adalah 1 (satu) minggu sekali.
Baca Selengkapnya ...

Cara Menggunakan Google Ping

Kategori:

Pengertian PING :
Secara umum PING (Packet Internet Gopher) diartikan sebagai program utilitas yang dapat digunakan untuk memeriksa Induktivitas jaringan berbasis teknologi Transmission Control Protocol/Internet Protocol (TCP/IP). Dengan menggunakan utilitas ini, dapat diuji apakah sebuah komputer terhubung dengan komputer lainnya. Hal ini dilakukan dengan mengirim sebuah paket kepada alamat IP yang hendak diujicoba konektivitasnya dan menunggu respon darinya, (id.wikipedia.org | lanjut baca)


Fungsi PING Blog/Web :
Fungsi PING blog/web adalah untuk melaporkan tulisan atau artikel blog/web terbaru ke mesin pencari (Google, Yahoo, Bing, dkk) agar artikel atau tulisan baru pada blog/web tersebut dapat cepat terindex oleh mesin pencari.

Cara Menggunakan Google Ping :

Langkah 1 : Buka halaman http://googleping.com



Langkah 2 : Isi formulir "Blog Details" :
  • Blog Name : Isikan dengan nama blog Anda
  • Blog Home Page : Isi dengan URL Homepage blog Anda
  • RSS URL (optional) : Masukkan RSS Feeds blog Anda
  • Email (required for some) : Masukkan alamat email Anda
Lihat contoh pengisian formulir dibawah ini :



Langkah 3 : Centang pada pilihan "Services to Ping". Klik tulisan "Cek All" untuk mencentang semuanya.



Langkah 4 : Terakhir klik "Send Pings"


Selesai.

Catatan :
Jangan terlalu sering melakukan PING untuk blog/web Anda, karena itu justru akan dianggap sebagai tindakan spam oleh mesin pencari. Direkomendasikan lebih baik melakukan PING blog/web adalah 1 (satu) minggu sekali.
Baca Selengkapnya ...

Cara Membuat Semua Link Di Blog Terbuka Otomatis Di Tab Baru

Kategori:


Cara Membuat Semua Link Di Blog Terbuka Otomatis Pada Tab Baru :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor blog Anda, klik Rancangan => Edit HTML



Langkah 3 :  Centang pada Expand Template Widget, berfungsi agar seluruh kode ditampilkan didalam template.



Langkah 4 : Cari kode <head>
Tips : Gunakan tombol CTRL+ F untuk memudahkan pencarian kode diatas.

Langkah 5 : Copy kode dibawah ini dan letakkan dibawah kode <head>

<base target='_blank' />

Sehingga hasilnya akan menjadi seperti ini :

<head>
<base target='_blank' />

Langkah 6 : Simpan template

Silahkan lihat hasilnya, lakukan percobaan klik pada link yang terdapat di blog Anda.
Baca Selengkapnya ...

Cara Merubah Blog Nofollow Menjadi Dofollow

Kategori:

Pengertian Dofollow :
Dofollow adalah istilah untuk web atau blog yang jika kita memberikan komentar ke blog tersebut maka berarti kita menaruh link ke blog tersebut dan dihitung sebagai backlink oleh google.

Pengertian Nofollow :
Nofollow adalah istilah untuk web atau blog yang jika kita memberikan komentar ke blog tersebut maka berarti kita tidak menaruh link ke blog tersebut dan tidak dihitung sebagai backlink oleh google. Namun tetap orang lain bisa berkunjung melalui link yang kita pasang melalui komentar.

Cara Merubah Blog Nofollow Menjadi Blog Dofollow :

1. Login pada blogger
2. Masuk pada Rancangan => Edit HTML


3. Beri tanda Centang pada Expand Template Widget
4. Cari kode yang mirip seperti dibawah ini :
Tips : gunakan CTRL+F untuk memudahkan pencarian kode
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a class='comments-autor-name' expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>

5. Hapus kode rel='nofollow' ditas kemudian ganti dengan kode rel='dofollow'

Sehingga hasilnya akan menjadi seperti dibawah ini :

<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a class='comments-autor-name' expr:href='data:comment.authorUrl' rel='dofollow'><data:comment.author/></a>
<b:else/>

6. Simpan template
7. Selesai
Baca Selengkapnya ...

Cara Merubah Ukuran Kotak Komentar

Kategori:


Cara Merubah Ukuran Kotak Komentar Pada Blog :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor klik pada Rancangan => Edit HTML


Langkah 3 : Centang pada Expand Template Widget, berfungsi untuk menampilkan seluruh kode didalam template.
Langkah 4 : Cari kode yang mirip seperti dibawah ini :

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='480'/>'

Tips : Gunakan CTRL+F untuk memudahkan pencarian kode

Keterangan :
Kode height='410' diatas adalah Tinggi kotak komentar
Kode width='480' ditas adalah Lebar dari kotak komentar

Silahkan Anda sesuaikan sesuai keinginan

Langkah 5 : Simpan template

Selesai.
Baca Selengkapnya ...

Sabtu, 10 Maret 2012

Cara Mengganti Tulisan Poskan Komentar

Kategori:


Kalimat Poskan Komentar atau Post a Comment pada blog yang terletak diatas kotak komentar merupakan default set dari Blogger.
Anda dapat merubah kalimat tersebut sesuai keinginan sendiri dengan mengikuti tutorial dibawah ini.

Cara Mengganti Atau Merubah Tulisan Poskan Komentar/Post a Comment Pada Blog :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor klik Rancangan => Edit HTML


Langkah 3 : Centang pada Expand Template Widget, berfungsi untuk menampilkan seluruh kode didalam template.



Langkah 4 : Cari kode <data:postCommentMsg/>

Tips : Gunakan tombol CTRL+F pada keyboard untuk memudahkan pencarian kode diatas.

Pada template Anda akan terdapat 2 (dua) kode yang sama persis seperti diatas.

Langklah 5 : Hapus ke-dua kode tersebut kemudian ganti dengan tulisan/kalimat yang ingin Anda tampilkan.

Langkah 6 : Simpan template

Selesai.
Baca Selengkapnya ...

Jumat, 09 Maret 2012

Cara Mengganti Warna Background Blog Dengan Gambar

Kategori:

Cara Mengganti Warna Background Blog Dengan Gambar :

1. Login pada blogger
2. Pilih Rancangan => Edit HTML


3. Centang pada Expand Template Widget

4. Cari kode body { , kode lengkapnya seperti dibawah ini :

body{
background: #FFFFFF ;color: #3C3C3C;font-family: Georgia,Helvetica,Sans-serif;
font-size: 13px;margin: 0;padding: 0;}

Setiap template mungkin berbeda, Anda hanya tinggal mencari kode yang mirip seperti diatas.
Tips : gunakan Ctrl+F untuk memudahkan pencarian kode.

5. Hapus seluruh kode diatas kemudian ganti dengan kode dibawah ini :

body {background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGjujG2uAbCmugL-0uzYUv47FifKbdSNEmKEGoJL8MZj2yvcU4Nxr4mDXHAnb9DmnGMR3rld6RHShhwLziyDbZpGzEZrE4wiZCbpwyBEBsvsKoLHxrd3TyPOVSrHPEdJPiWuuTuA9Nd-YI/s0/background.png) left top repeat-x;color:#3C3C3C;font-family:cursive,Helvetica,Sans-serif;font-size:13px;margin:0;padding:0;}

Keterangan :
Kode  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGjujG2uAbCmugL-0uzYUv47FifKbdSNEmKEGoJL8MZj2yvcU4Nxr4mDXHAnb9DmnGMR3rld6RHShhwLziyDbZpGzEZrE4wiZCbpwyBEBsvsKoLHxrd3TyPOVSrHPEdJPiWuuTuA9Nd-YI/s0/background.png adalah URL gambar untuk background blog, silahkan Anda ganti dengan URL gambar Anda.

6. Klik Pratinjau untuk meninjau tampilan baru background blog Anda
7. Terakhir klik Simpan
Baca Selengkapnya ...

Cara Mengganti Warna Dasar Background Blog

Kategori:

Cara Mengganti Warna Background Pada Template Blog :

Langlah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor klik Rancangan => Edit HTML
Langkah 3 : Centang pada Expand Template Widget
Langkah 4 : Cari kode body { , kode lengkapnya seperti dibawah ini :

body {
background: #FFFFFF ;color: #3C3C3C;font-family: Georgia,Helvetica,Sans-serif;
font-size: 13px;margin: 0;padding: 0;}

Setiap template mungkin tidak sama, jadi Anda hanya tinggal mencari kode yang mirip seperti diatas.
Tips : gunakan Ctrl+F untuk memudahkan pencarian kode.

Langkah 5 : Hapus kode #FFFFFF diatas kemudian ganti dengan kode warna baru sesuai yang Anda inginkan, silahkan lihat kode warna disini

Langkah 6 : Klik Pratinjau terlebih dahulu sebelum menyimpan template
Langkah 7 : Jika sudah yakin dengan warna baru untuk background blog Anda, klik Simpan

Semoga bermanfaat.
Baca Selengkapnya ...

Cara Menghilangkan Powered By Blogger

Kategori:

Powered By Blogger atau Didukung Oleh Blogger merupakan atribut bawaan dari Blogger pada blog Blogger/Blogspot.

Cara Menghilangkan Atribut Powered By Blogger :

1. Login pada blogger
2. Pilih Rancangan => Edit HTML


3. Centang pada  Expand Template Widget
4. Cari kode ]]></b:skin>

5. Copy kode dibawah ini :
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
6. Letakkan kode diatas sebelum kode ]]></b:skin>
7. Klik Pratinjau untuk melihat hasilnya
8. Jika sudah benar klik Simpan Template
9. Selesai
Baca Selengkapnya ...

Kamis, 08 Maret 2012

Cara Memasang Kode Warna (#3) Pada Blog

Kategori:

Lihat tampilan Kode Warna (#3)

Cara Membuat atau Memasang Kode Warna (#3) Pada Blog :

1. Login pada blogger
2. Masuk pada menu Posting => Edit Laman
3. Kemudian Buat Laman Baru


4. Copy kode dibawah ini :
<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess">
<param value="http://www.2createawebsite.com/build/col.swf" name="movie">
<param value="high" name="quality">
<param value="#ffffff" name="bgcolor">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>

5. Letakkan kode diatas pada konten Laman

Penting !!
Pilih pada mode Edit HTML saat meletakkan kode diatas



6. Klik Pratinjau untuk melihat hasilnya
7. Jika sudah, terakhir klik Tayangkan Laman untuk mempublikasikan.
8. Selesai

Semoga bermanfaat ^.^
Baca Selengkapnya ...

Rabu, 07 Maret 2012

Cara Memasang Google Translate Pada Blog

Kategori: ,


Google Translate adalah tool dari Google yang berfungsi untuk menterjemahkan bahasa blog/web ke berbagai bahasa lain. Memasang widget ini pada blog untuk tujuan agar pengunjung blog yang berasal dari negara lain tetap dapat mengerti maksud dan tujuan penyampaian artikel di blog Anda.

Cara Memasang Google Translate Pada Blog :

Langkah 1 : Kunjungi situs http://translate.google.com/translate_tools
Langkah 2 : Pilih atau sesuaikan terlebih dulu fitur gadget sebelum mengambil script-nya, seperti dibawah ini :
  •  Step 1 : pilih Add translation to the entire webpage
  •  Step 2 :, pilih bahasa yang digunakan pada blog Anda

  • Step 3 : klik Show optional settings


     


    Pilih All Language untuk menerapkan seluruh Bahasa yang ada
    Atau pilih Specific languages untuk menampilkan hanya Bahasa yang ingin Anda pilih.
    Pada Display Mode silahkan Anda sesuaikan sendiri
    Advanced biarkan saja default
  • Step 4 : Copy seluruh script yang terdapat pada  kotak dibawahnya


Langkah 3 : Masuk pada halaman Dasbor blog Anda kemudian klik "Rancangan"




Langkah 4 : Klik Tambah Gadget => Pilih HTML/JavaScript



Langkah 5 : Paste Code script Google Translate yang sudah Anda copy kedalam konten Gadget

Langkah 6 : klik Simpan

Selesai
Baca Selengkapnya ...

Senin, 20 Februari 2012

Cara Memasang Google Translate Versi Bendera

Kategori: ,

Google Translate memiliki fungsi untuk menterjemahkan bahasa pada  blog/web dari bahasa aslinya ke berbagai bahasa lain. Memasang widget ini pada blog/web cukuplah penting karena apabila sebuah blog/web mendapat kunjungan dari pengunjung yang berasal dari negara lain, mereka pun akan mengerti maksud penyampaian artikel pada blog/web tersebut.


Google Translate V. Bendera
Screenshot oleh www.gudangcara.com














Tampilan widget Google Translate Versi Bendera ini tampak seperti screenshot diatas, untuk menggunakannya, klik pada salah satu bendera yang ingin Anda pilih maka secara otomatis blog Anda akan diterjemahkan ke bahasa tersebut pada tab baru yang muncul.

Cara Memasang Google Translate Versi Bendera Pada Blog :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor klik Rancangan



Langkah 3 : Klik Tambah Gadget => pilih HTML/JavaScript 



Langkah 4 : Copy seluruh kode dibawah ini :

<div class="widget-content">
<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrZArqYLUqxFPpTB_WN5g7ERNeThK1NBUHXDVVUzwpRh6b8eB9fOX-qImNOm6x692Yg9QfBXbm6CjKWG0498sjDlXyCwwkVlawbvxhTfMam_m9eJGZfzrO5ZyXFV8DoNESCkZqUt3Lis8/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic3f-l-zOrWfaat174p0DVlDnXad9guQSR_IIKxmJqYxMkKzLT5BSYCrrs9TIYMe-Md6yH8zpYQ45m8ANzJK9WxW-8alfsTJzw-NtP_fVmfK9UOJX7jHAOl437KtFz3OmHD2yQJK7UKVI/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwfYRs4RMLMFw3YsJqhonAGNSfcXtyMEoU1Rl4CY5FWi2nobhw-TONxLSOfDC6vYo6uM2qsDO1p1HzHLhyPk9bCR-Rl7lmwhVrxqAiLB2TidenujAwW609uzjk32pOnWsodJeXhTJnaZV/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhws86cbVC09aQ3WmNWJQP5HN1iDLkKKK3pKCmcPzuctvAZb0zO_uFX-TdnM1QfjgdOwtfM_ktWCHCAi8u0ku04g8sTPd9UmdJ7VCp8jnfq87Z9qdh1R898CkaH0VpeBf1WfiT_dq6-50gB/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichM-67XY9C6YQWx6n9ywXxb6qjPBWFNjr2e1a3KScOXLbivqCodhVRFPqpISF2YXHH3nfZZdElidoEdUMZrXsRFce2yTknXenhV39Wj4QrlPDhfiQxy50jJmG9I9h-eHCKvHdxiyWw3U/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQoJgqFf-vjbZVgtCfnPtVs8HGthND0np049OHX3I0EpIZrTrasTZpvSW59rO_3VgHvCP5ASlJAC1brBUsN2s0SIy3hotJiHYaBvFIxxrjGXN01TTsD5RRbIZK-Tiinlt4ynNLXKkBsAk/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<br /><br />

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzyUKfykEm-YE1WHmxL-Isu9GSKgJMAlQUTSYgEL0xNtu1OzPKgiHtgt6p2py_1kYCwxyDNSyqZjtjEF9gR_cQ3auXKJU3s1-Dc7G2jaftPaESS9eqnHAmdgy4ffbtFUx2wJknCodiSag/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBF3k4NKKf2E-5LrfCnp1JTQ7HkJtdIWmgYa_jtys0CilrX3zf05NhTETxKb-cuQuTCe3uQZisl4jBf4ABkTS74d8etQI02SSeKRCMyIKqK0GWWNu1zh5WAmsudos-sqTi-nRVOJoIEu4/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCtYpQBtUoGWNF58b1cFSwP2Yo3sGzuB1ZHYIIsUSCMrJQbU2hcpkI1un6Zhqk5Zp9tHkXwaR36vWhN7Br-oFLeUkfRy-hm9DxtnLr00agofQdknEbUpRIwbDu1mQhhGizm-8Un8Gwnycr/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyUGkiqpErpj6qdUvu93VFkIpHM6V_bVqaeTLjSNXcTPBumyGYHwoqdnS115-jg6PLWF8gk2My1THWfmCN7PGQ1-Vh0vEeuon2lYq2ospAusO3c_CQNXMwU96QPiLRqaORXipvfEiL5eM/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTE0rhWtHgN1_EnrF8LA3KgxYQU319ZXlMSfg0Z6NWNC8OvJlFj2aM_8vCnPByVGZqHoWihlNmoYN7wbMM2tQnGwDxvU9RqWkBU9MiolxMROHB1Yw8jAhl-ziPrERSAYz6aw-bm72w3Qw/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR0It7GxxAHWer-XgBKrTxTI0yYyjPmUQ1j6rrGQobTec56OWghprF6nTBptm5zGZdE6xAqOQl041zb2y0VjjvGY4gIp4hDwun1wPkWANigMz1J7GAHpU5ti1ziKig6JJwHnPbIG8LeaQ/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br />
</center>
</div>
</div>

NB :
Pastikan tidak ada kode yang tertinggal saat meng-copy kode diatas.

Langkah 5 : Letakkan seluruh kode diatas yang sudah Anda copy kedalam konten Gadget.
Langkah 6 : Klik Simpan

Selesai.
Baca Selengkapnya ...