cara Saya Widget Cara Saya Berbagi

Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Cara Saya berbagi tentang : Cara Memasang Widget Paypal Donasi di Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Memasang Widget Paypal Donasi di Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Memasang Widget Paypal Donasi di Blog menambah wawasan Jika Sobat Suka Dengan Cara Memasang Widget Paypal Donasi di Blog dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Memasang Widget Paypal Donasi di Blog pada blog ini

Cara Memasang Widget Paypal Donasi di Blog

PayPal adalah salah satu layanan e-commerce global yang terbesar dan terpercaya. Banyak pebisnis menggunakan layanan ini untuk melakukan transaksi pembayaran secara online di Internet. PayPal juga menyediakan widget berupa tombol otomatis yang dapat dipasang pada website atau blog untuk memudahkan pengguna PayPal dalam melakukan transaksi secara online, diantaranya Tombol Keranjang Belanja, Tombol Beli Sekarang, Tombol Donasi, Tombol Kupon Hadiah serta Tombol Langganan.

Jika anda memiliki website atau blog dengan tema yang mengangkat tentang Sosial Kemasyarakatan dan membutuhkan dukungan dana untuk kelangsungan program tersebut, maka anda dapat menggunakan atau memasang widget Tombol Donasi PayPal di blog anda untuk menerima pembayaran dari pengunjung yang bersimpati melalui account PayPal. Banyak para blogger telah memasang Tombol Donasi PayPal di blog mereka dan berharap mendapatkan donasi dari para pengunjung karena tertarik content blog yang memuat informasi yang dibutuhkan, terutama blog yang mengangkat tema Pengembangan Ilmu Pengetahuan dan Teknologi agar temotivasi untuk terus berkarya.

Berikut ini adalah tutorial Cara Memasang Tombol Donasi PayPal di blog.

Kunjungi website PayPal, jika anda belum ter-registrasi silahkahkan registrasi terlebih dahulu, jik sudah ter-registrasi silahkan login ke website PayPal

Pilih Tab Layanan Pedagang. Tutorial ini disesuaikan dengan seting bahasa pada website PayPal dengan menggunakan bahasa Indonesia.

Klik link Donasi pada bagian Fitur-Fitur Kunci

Pada halaman selanjutnya tentukan konfigurasi pembayaran yang akan digunakan setelah itu klik tombol Buat Tombol

Copy script Tombol Donasi PayPal

Buka tab baru pada browser, lalu login ke blogger dengan ID anda

Pilih menu Layout >> Add a Gadget dan pilih gadget type HTML/Javascript

Paste script Tombol Donasi PayPal pada kotak content dari gadget type HTML/Javascript, lalu tekan tombol Save untuk menyimpan gadget

Cek hasilnya pada halaman blog anda.

Jika anda ingin Tombol Donasi PayPal ini terpasang pada bagian bawah setiap postingan ikuti tutorial di bawah ini :

Pilih Menu Template, sebelumnya backup template anda terlebih dahulu

Selanjutnya klik Template >> Edit HTML >> Proceed beri tanda ✔ check pada kotak Expand Widgets Templates.

Cari kode data:post.body pada Dokumen HTML Template anda

Paste kode di bawah ini tepat di bawah kode data:post.body.

width='520'

PASTE KODE TOMBOL DONASI PAYPAL ANDA DI SINI

Pengunjung yang terhormat :

MASUKKAN KETERANGAN SINGKAT TOMBOL DONASI PAYPAL DI SINI

Ganti tulisan PASTE KODE TOMBOL DONASI PAYPAL ANDA DI SINI dengan kode PayPal yang telah anda buat sebelumnya, dan ganti tulisan MASUKKAN KETERANGAN SINGKAT TOMBOL DONASI PAYPAL DI SINI dengan keterangan singkat yang dapat menarik perhatian pengunjung blog. Untuk menyesuaikan ukuran lebar halaman posting pada blog anda, ganti kode width='520' silahkan disesuaikan, untuk ukuran border silahkan ganti kode border:5px dan kode #37BD07 untuk warna border, gunakan HEX Color Generator Tool yang terdapat pada side bar blog ini untuk mengetahui kode warna.

Periksa tampilan tombol ini, buka salah satu artikel yang telah anda publikasikan dan pastikan Tombol Donasi PayPal tampil di bawah artikel, jika berhasil ucapkan Alhamdulillah.

source : http://multipaste.blogspot.com/2012/04/tombol-donasi-paypal.html

Cara Saya berbagi tentang : Cara Membuat Tab View Menu Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Membuat Tab View Menu kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Tab View Menu menambah wawasan Jika Sobat Suka Dengan Cara Membuat Tab View Menu dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Membuat Tab View Menu pada blog ini

Assalammualaikum wr. wb.

Salam untuk semua Sobat Blogger. Sobat Blogger semua, pada kesempatan kali ini saya ingin menjelaskan Cara Membuat Tab View Menu (menu dengan tab). Tab view menu ini bisa membuat blog kita terlihat lebih cantik dan lebih profesional karena memang tampilannya yang menarik. Selain mempengaruhi tampilan blog, tab view menu ini juga bermanfaat untuk memperluas ruang pada blog yang membuat blog tidak terlalu berantakan. Kalau pengen tau bagaimana penampakannya silahkan lihat.

Screenshoot Tab View Menu

Langkah-Langkah / Cara Membuat Tab Menu View

Ok, sekarang kita masuk kepada proses pembuatan / pemasangan tab menu view. Pertama, Sobat login dulu ke akun blogger sobat, kemudian masuk ke Menu Tata Letak, klik Tambah Gadget, lalu pilih yang HTML/Javascript. Selanjutnya masukkan script dibawah ini kepada gadget tersebut.

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #000; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a><span style="color: #fff">Tab 1</span></a>
<a><span style="color: #fff">Tab 2</span></a>
<a><span style="color: #fff">Tab 3</span></a>
</div>
<div style="width: 300px; height: 200px;" class="Pages">

<div class="Page">
<div class="Pad">
Konten 1
</div>
</div>

<div class="Page">
<div class="Pad">
Konten 2
</div>
</div>

<div class="Page">
<div class="Pad">
Konten 3
</div>
</div>
</div></div></form>

<script src="http://septiamujizat.googlecode.com/files/tab_view.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div>

Keterangan Script :

Tulisan yang berwarna kuning adalah keterangan dari masing-masing kode.
Tulisan yang berwarna orange adalah warna judul Tab.
Tulisan yang berwarna hijau adalah judul Tab
Angka 300 pada 'Width' menunjukkan panjang kotak dan 200 pada 'height' menunjukkan tinggi kotak
Tulisan yang dicetak miring merupakan isi tab view.

Demikian tadi cara membuat tab view, cara ini sudah terbukti bekerja 100% dan mudah-mudahan juga bekerja pada template blog Sobat semua. Mohon maaf atas segala kekurangannya, barangkali ada salah dalam penulisan atau kata yang kurang berkenan.
Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.

Cara Saya berbagi tentang : Cara Membuat Widget Recent Post dengan Label Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Membuat Widget Recent Post dengan Label kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Widget Recent Post dengan Label menambah wawasan Jika Sobat Suka Dengan Cara Membuat Widget Recent Post dengan Label dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Membuat Widget Recent Post dengan Label pada blog ini

Cara Membuat Widget Recent Post dengan Label

Assalammualaikum wr. wb.

Salam sejahtera untuk Sobat blogger semua. Sobat blogger, ada satu lagi trik mempercantik blog nih. Trik kali ini adalah cara membuat widget post dengan Label. Selain mempercantik blog juga membuat blog lebih SEO Friendly. Dan langkah-langkahnya sangat mudah.

Langkah-Langkah Cara Membuat Widget Recent Post dengan Label:

Masuk ke Dasbor Blog
Kemudian ke Tata Letak
Klik Tambah Gadget
Pilih yang HTML/Java Script
Salin kode di bawah ini dan letakan pada gadget tersebut

<span id="pbl_labels"></span>
<div id="pbl_posts"> Recent Posts </div>
<script type="text/javascript">
var jumlah_maksimum_post = 7;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>
<script src="http://h1.ripway.com/ozyw42/Widget-ozyw/recentpostlabel-ozyw.js">
</script>
<script src="http://septia-mujizat.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script>
<script>
document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%74%65%78%74%2D%61%6C%69%67%6E%3A%72%69%67%68%74%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%30%2E%37%35%65%6D%22%3E%0A%57%69%64%67%65%74%20%62%79%20%3A%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6F%7A%79%2D%77%65%62%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%31%2F%30%37%2F%77%69%64%67%65%74%2D%72%65%63%65%6E%74%2D%70%6F%73%74%2D%70%6F%73%74%69%6E%67%2D%74%65%72%62%61%72%75%2E%68%74%6D%6C%22%3E%4F%5A%59%2D%57%3C%2F%61%3E%0A%3C%2F%64%69%76%3E'));
</script>

Ubah kode yang ditebalkan dengan yang di inginkan

*Keterangan :

Jumlah_maksimum_post adalah jumlah maksimum post yang kamu ingin tampilkan.
Dengan_ringkasan, true kalau kamu ingin menampilkannya dengan ringkasan dan false kalau kamu hanya ingin menampilkan judulnya saja.
Jumlah_karakter_ringkasan adalah jumlah karakter ringkasan yang ingin ditampilkan, ini harus diisi hanya jika kamu mau menampilkan dengan ringkasannya juga.
septia-mujizat.blogspot.com ganti dengan URL Blog kamu.

Klik Save
Kalo cara ini tidak berhasil sobat bisa coba cara membuat widget recent post dengan label yang lain yang sudah saya post di Cara Membuat Recent Post Dengan Label / Kategori. Mudah-mudahan kedua-duanya berhasil dan support.

Nah, itu dia langkah-langkah / cara membuat widget recent post dengan label. Mudah-mudahan berhasil dan membuat blog sobat lebih cantik dan SEO. Sekian saja dari saya, mohon maaf atas segala kekurangannya. Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.

Cara Saya berbagi tentang : Cara Membuat Widget Followers Valid XHTML Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Membuat Widget Followers Valid XHTML kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Widget Followers Valid XHTML menambah wawasan Jika Sobat Suka Dengan Cara Membuat Widget Followers Valid XHTML dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Membuat Widget Followers Valid XHTML pada blog ini

Cara Membuat Widget Followers Valid XHTML

Assalammualaikum wr. wb.

Salam sejahtera untuk Sobat blogger semua. Sebelumnya saya ucapkan terimakasih kepada Sobat blogger yang masih setia mengunjungi blog Dunia Komputer dan Internet ini. Pada kesempatan kali ini saya mencoba berbagi ilmu tentang "Cara Membuat Widget Followers Valid XHTML".

Manfaat Membuat Widget Followers Valid XHTML

Memang pada umumnya template suatu blog sudah ada widget followers bawaan bloggernya, tapi ternyata widget followers bawaan blogger itu banyak sekali kode xhtml-nya yang tidak valid dan ukurannya pun lebih berat. Pada saat saya masih menggunakan widget followers bawaan blogger saya periksa berat blog saya ternyata hasilnya lebih dari 100 KB, tapi setelah saya menggantinya menggunakan cara ini ternyata beratnya cuman 75 KB dan XHTML yang tidak validnya menjadi sangat berkurang yang pastinya sangat berpengaruh terhadap nilai SEO bagi blog kita. Nah bagi yang ingin mencoba menerapkan trik ini, silahkan baca langkah-langkahnya.

Langkah-Langkah Cara Membuat Widget Followers Valid XHTML

Pertama Sobat harus masukkin dulu widget followers bawaan blogger ke blogger Sobat (Login > Dashboard > Tata Letak > Tambah Gadget > Follower / Pengikut). Ini fungsinya hanya untuk melihat kode followers blog Sobat.
Setelah widget followers bawaan blogger dibuat, buat lagi widget HTML/JavaScript (Login > Dashboard > Tata Letak > Tambah Gadget > HTML/JavaScript).
Masukkan kode / script dibawah ini kedalam gadget tersebut.
<div class="widget-content"><script src="http://www.google.com/friendconnect/script/friendconnect.js"type="text/javascript"></script>
<div id="div-nznv300jljd2" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "200";
skin['TITLE'] = "";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#ffffff";
skin['ENDCAP_LINK_COLOR'] = "#ff8000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#ff8000";
skin['CONTENT_TEXT_COLOR'] = "#ffffff";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FF8000";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#ffffff";
skin['CONTENT_HEADLINE_COLOR'] = "#ffffff";
skin['FONT_FACE'] = "normal normal 100% \x27Trebuchet MS\x27,Verdana,Arial,Sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-nznv300jljd2",
height: 200,

site: "14775397019788979390"
,locale: 'in'

},skin);</script></div>
Ganti kode yang warna merah, lihat perbandingannya dan sesuaikan dengan yang ada pada source code widget followers blog Sobat yang telah Sobat buat tadi. Caranya buka blog Sobat kemudian klik kanan lalu pilih "View Source Code", buka dan cari yang seperti ini.
Nah silahkan lihat perbandingannya dan samakan dengan yang ada pada source code widget followers Sobat dan lihat hasilnya. Oh iya, jangan lupa hapus widget followers bawaan bloggernya.

Nah itu dia "Cara Membuat Widget Followers Valid XHTML". Cukup sekian postingan saya kali ini, mohon maaf atas segala kekurangannya.
Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.

Cara Saya berbagi tentang : Cara Membuat Like Box di Blog Valid XHTML Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Membuat Like Box di Blog Valid XHTML kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Like Box di Blog Valid XHTML menambah wawasan Jika Sobat Suka Dengan Cara Membuat Like Box di Blog Valid XHTML dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Membuat Like Box di Blog Valid XHTML pada blog ini

Cara Membuat Like Box di Blog Valid XHTML

Assalammualaikum wr. wb.

Salam sejahtera untuk Sobat blogger semua. Setelah kemarin saya memposting artikel mengenai Cara Membuat Widget Followers Valid XHTML, pada kesempatan kali ini saya juga memposting artikel yang hampir mirip yaitu "Cara Membuat Like Box Di Blog Valid XHTML". Widget like box (kotak suka terhadap suatu website) saat ini telah banyak di pasang pada website dan blog-blog oleh para webmaster, namun ternyata script like box yang dibuat oleh developer facebook tersebut tidak valid XHTML.

Manfaat Membuat Like Box Di Blog Valid XHTML

Perlu diketahui bahwa valid XHTML bagi sebuah website atau blog itu sangat penting karena dapat mempengaruhi dukungan (support) website terhadap berbagai macam browser. Selain itu, bila website atau blog kita valid XHTML maka website atau blog kita akan semakin disukai oleh crawler yang berasal dari google, yahoo, dan juga bing, yang artinya Valid XHTML juga mempengaruhi nilai SEO bagi suatu website atau blog.

Langkah-Langkah Membuat Like Box Di Blog Valid XHTML

Pertama Sobat harus Login dulu
Kemudian Sobat masuk ke Dashboard blog Sobat
Setelah itu masuk ke menu Tata Letak
Klik Tambah Gadget kemudian pilih yang HTML/JavaScript
Lalu masukkan kode dibawah ini kedalam gadget tersebut
<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<![CDATA[//><!]]>
</script>
</div>
Ganti kode yang harus dan ingin diganti sesuai dengan kebutuhan
Simpan dan lihat hasilnya

Ok, berakhirlah sudah artikel kali ini mengenai Cara Membuat Like Box Di Blog Valid XHTML, mohon maaf atas segala kekurangannya.
Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.

Cara Saya berbagi tentang : Cara Membuat Cursor Bertaburan Bintang di Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Membuat Cursor Bertaburan Bintang di Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Cursor Bertaburan Bintang di Blog menambah wawasan Jika Sobat Suka Dengan Cara Membuat Cursor Bertaburan Bintang di Blog dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Membuat Cursor Bertaburan Bintang di Blog pada blog ini

Cara Membuat Cursor Bertaburan Bintang di Blog

Assalammualaikum wr. wb.
Salam sejahtera untuk Sobat blogger semua. Para blogger tidak ada habisnya nyari cara buat bikin blognya tambah cantik dan keren. Berbagai cxara dilakukan untuk memperindah tampilan blog. Selain karna hobi dan menyenangkan, memperindah tampilan blog juga membuat pengunjung blog betah berlama-lama diblog.

Nah, kali ini saya akan memberikan tips mempercantik blog dengan membuat cursor di blog menjadi bertaburan bintang. Tanpa banyak basa-basi, langsung ke langkah-langkahnya.

1. Login ke dashboard blogger sobat

2. Masuk ke Layout à Page Element

3. Tambahkan gadget HTML/JavaScript

4. Pilih salahsatu kode taburan bintang dibawah dan salin ke gadget HTML/JavaScript tersebut

Bintang Putih : <script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.putih.js' type="text/javascript"></script>

Bintang Merah : <script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.merah.js' type="text/javascript"></script>

Bintang Ungu : <script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.ungu.js' type="text/javascript"></script>

Bintang Hijau : <script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>

Bintang Biru : <script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js' type="text/javascript"></script>

5. Jangan lupa di simpan widgetnya

Ok, selesai sudah postingan saya kali ini yang berjudul "Cara Membuat Cursor Bertaburan Bintang di Blog", mohon maaf atas segala kekurangannya.

Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.

Cara Saya berbagi tentang : Cara Memasang Kalender di Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Memasang Kalender di Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Memasang Kalender di Blog menambah wawasan Jika Sobat Suka Dengan Cara Memasang Kalender di Blog dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Memasang Kalender di Blog pada blog ini

Cara Memasang Kalender di Blog

Assalammualaikum wr. wb.
Salam sejahtera untuk Sobat blogger semua. Pada kesempatan kali ini saya akan berbagi tutorial ringan tentang "Cara Memasang Kalender di Blog". Kalender merupakan salah satu aksesoris blog yang dipergunakan untuk mempercantik tampilan blog. Kalender juga berguna untuk pengunjung blog kita supaya mereka bisa mengetahui tanggal dan hari. Selain itu, tampilan blog juga sangat berarti bagi para blogger, karena sangat mempengaruhi minat pengunjung terhadap blog yang kita miliki yang tentunya akan sangat berpengaruh kepada trafik. Nah, yang pengen tau cara bikin kalender di blog ikuti aja langkah mudah berikut ini.

Klik di sini.
Silakan pilih jenis kalender yang Sobat suka.
Selanjutnya tinggal di copas aja kode HTML nya ke blog kamu dengan menggunakan widget HTML.

Ok, berakhir sudah postingan saya kali ini mengenai "Cara Memasang Kalender di Blog". Mudah-mudahan tutorial ini berhasil diterapkan, mohon maaf atas segala kekurangannya.
Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.

Cara Saya berbagi tentang : Cara Memasang Widget Translator di Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Memasang Widget Translator di Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Memasang Widget Translator di Blog menambah wawasan Jika Sobat Suka Dengan Cara Memasang Widget Translator di Blog dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Memasang Widget Translator di Blog pada blog ini

Cara Memasang Widget Translator di Blog

Assalammualaikum wr. wb.

Salam sejahtera untuk Sobat blogger semua. Sekarang saya memberikan tutorial tentang "Cara Memasang Widget Translator di Blog". Mungkin sebagian Sobat blogger ada yang masih bingung kenapa harus pake traslator segala. Fungsi translator sendiri adalah penerjemah dari satu bahasa ke bahasa lainnya. Nah, kan kalo kita postingin artikel paling cuman satu bahasa jadi kalo mau liat dalam bahasa lain tinggal di translate aja pake menu translator tersebut yang nantinya akan nge-link ke google translate. Nah, langsung sajak ke langkah-langkahnya.

Masuk ke Dashboard blog Sobat
Masuk ke Rancangan (Tata Letak)
Klik Tambah Gadget
Pilih yang HTML/Java Script
Salin kode di bawah ini dan masukkan ke widget tersebut

<div style="text-align: center;">
<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5UbTEgDZzQhkscLVp0yUmBBMbFHmNWa4BnZ70CiqPZ-WxolqHhAHvKhn6d4JAeG6uohdLaVLnpnYLTBW5K3Kp2hJqK9BGRznkqmZXUcWq8KBeMqU0KazddoyOoZWCpHfr0DqvPmze7sw/s144/uk-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="French" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcbUlFZEhAQvMMzCwyJU5wR5afgVa2u_VwnFL8aqQosOKWV6fi8ODfsmzSNM_6Y3qyBv3x3gCHZFIm2STkeO7m8hYLZV8gg8WXWtkPdchI5PztVKxnjzTAv6Bl2UHXCyZqO_9AuJ_hA33E/s144/france-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR1-e-oyBzpBRhLQKXMR8CPwIk0jlPsqNGEVig2C2ZWJeaq0Uh8ZA0JRlcE_k9Ofa2t7PokhNSDQiDG3RD63D5rbM5JEnuAeSgLGCqzYNJOjAX5iJEzoWDMyOZcuNo2KNOZjvIlGa1wm-Z/s144/german-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Spain" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVsnTp9LZbo5ml141gLgjMeVv8ZWhbEdEMHgT2cLiNAavtt-HP42eks9jtZWmkP5SHbViDW09HvU6yO76c96wL3XiSC3KQRQaRhn4y2ZhM6fBXPbX3_tNa2eKZHKDhmaXElsWgO7_hTlA/s144/spain-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil1mGTrX0bmrSXkfXz9l6spY5JS5JntC85beGJN-C_JR0yQUKbQoesaxANssPm7ZPIMByBiR_8UkNaaaOckQ1QKejt1enRII0b5UU_j6WDu8xfeH5DVSIJoV-A8urqJyiXl0OHFmahq_rI/s144/italy-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Dutch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4LoOSZpTYBzG112PyqqIh3Cn8S4PH0BxQrMVCVwy7REMS_d3nm-npIUBNpr7zGi7DAbs17bpJoyDZRXhvMnsVY540zBK3RjseP-1VE7s9R6rKbBQlogsQHgbtCE00jCcMsJN3OqWtIqSy/s144/dutch-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Russian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1qyDRbVgFg1FSMTvLxWc61m2pd_wp8T04XR71grP7tErxATGXKm5aj2L4posdXUFGOuKVB88eu4UuhLUr1r0WJHHy6MkobEiw9YUVVDNIp53obiDlNSPcDi-qeWFutFNrxD6Mj_S9C_UD/s144/russian-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" title="Brazilian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgASVckaYCU9GC9clx_1Z-UFx_KXoFWV2dO58KS0z9FKdNoBKAhhw3bvtGAUpLk_zfwqS28RRfM1sPSuh6sKCR5FgXPcLKMqL_6iQpGwRJDsNlpoFkd4ccv0wJngGn0zSM0lrE72_MvRTXB/s144/brazil-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Japanese" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFiku9OGkc7j47XTDihsDwDe8ete_ZAXJSBY0eJoiIokg_hiOxXEKODhE88R-iz1rVzn-Qa388xmt2VxZXgPkcQFpL1zSQca5ffH4qO5a_QOh44NgoZt5lOSAFo6Ynqh32wd3feGZIWlEQ/s144/japan-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" title="Korean" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwX4yLuaMwf0EFZ6lLbNPxGF8YIY6kqsKUnuJqJR_HMxDNaCGFMhI9ZAgicJwTEdvQAQ1fBFQ7PJPhvy8GU0AcSlDlZcbqa4_g4mW1P1cqB0jPXP7GkW07BrjIljDtzAx-nhbfbcEVRmMn/s144/korean-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Arabic" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_faAeX0SZ_X-BYhLgQEsBaS6kKIk0-fVCQ8F_OOtDoGesxBWXPkeZaGOXgaLmfK5cKCzms0MhJTsX9ecZ-qI-serrHWghB9rTi9BYJV201IWilkIvqWlHqg94BLagkjcexRK8WBEDKjcy/s144/arab-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>

<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" 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" title="Chinese Simplified" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja2vtWwd8dyojxniUNOSftY9YXiaBXWTe6FaKHUibwzLH4fziTox_CB0C9XiY-p3At6qfBiwyrIOzapqdUvLRlGRMiQOm2E5OHd3KRoCaKGrPXn_NLE_fZPJwIQhNzTAfEJDNYIEsRHBXE/s144/china-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>
</div>

Lalu simpan widget tersebut dan selesai.

*Sebagai catatan, tidak semua template support dengan cara ini, walaupun tidak membuat error tapi biasanya google translate gagal mentranslate blog. Apabila hal ini terjadi, sebaiknya Sobat mencari cara lain atau menggunakan translator bawaan blogger.

Nah, berakhir sudah postingan saya kali ini mengenai "Cara Memasang Widget Translator di Blog", mohon maaf atas segala kekurangannya.
Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.

Cara Saya Berbagi Untuk Menambah Wawasan

Cara Saya berbagi tentang : Cara Memasang Widget Paypal Donasi di Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang : Cara Membuat Tab View Menu Untuk Menambah Wawasan

Screenshoot Tab View Menu

Langkah-Langkah / Cara Membuat Tab Menu View

Keterangan Script :

Cara Saya berbagi tentang : Cara Membuat Widget Recent Post dengan Label Untuk Menambah Wawasan

Langkah-Langkah Cara Membuat Widget Recent Post dengan Label:

Cara Saya berbagi tentang : Cara Membuat Widget Followers Valid XHTML Untuk Menambah Wawasan

Manfaat Membuat Widget Followers Valid XHTML

Langkah-Langkah Cara Membuat Widget Followers Valid XHTML

Cara Saya berbagi tentang : Cara Membuat Like Box di Blog Valid XHTML Untuk Menambah Wawasan

Manfaat Membuat Like Box Di Blog Valid XHTML

Langkah-Langkah Membuat Like Box Di Blog Valid XHTML

Cara Saya berbagi tentang : Cara Membuat Cursor Bertaburan Bintang di Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang : Cara Memasang Kalender di Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang : Cara Memasang Widget Translator di Blog Untuk Menambah Wawasan

Blog Archive

Category