Cara membuat Tabel di blog atau postingan di blog

Tabel merupakan bagan berisi data-data untuk mengelompokkan data berdasar jenis maupun kategori. keberadaan tabel di blog merupakan hal yang penting selain memudahkan para pembaca blog dalam memahami isi dari artikel blog yang anda publikasikan. Terus bagaimana cara membuat tabel dengan baik dan benar? Akan saya jelaskan disini secara lengkap dan detail: Secara mendasar Table di blogger memiliki kode seperti berikut:

 

Table : Merupakan bagan dari tabel itu sendiri bisa anda hias dengan warna garis, panjang tabel, style border dan lain sebgainya.
Tr : Merupakan baris tabel
Td : Merupakan kolom pada Tabel
 

masukkan script anda disini

Contoh Cara penulisan di dalam artikel blog: 

1.Tabel Biasa

masukkan script anda disini

Belajar Tabel

2.Tabel Biasa dengan Huruf di posisi center / tengah

 

masukkan script anda disini

Belajar Membuat Tabel

3.Tabel Biasa dengan Huruf di posisi center / tengah serta border tebal

 

masukkan script anda disini

Belajar Tabel

4.Tabel Biasa dengan 2 (dua) kolom / columns

masukkan script anda disini

Tabel 1

Tabel 2

5.Tabel Biasa dengan 2 (dua) kolom / columns serta border tebal dan Posisi huruf center / tengah

   

masukkan script anda disini

Tabel 1

Tabel 2

6.Tabel Biasa dengan 2 (dua) kolom / columns dan dua baris

masukkan script anda disini

Kolom 1	Kolom 2
Baris 1	Baris 2

7.Tabel Biasa dengan 2 (dua) kolom / columns dan dua baris serta border tebal juga huruf posisi center / tengah

masukkan script anda disini

Kolom 1	Kolom 2
Baris 1	Baris 2

Read More...

Tutorial Custom Domain Blogspot dari Member Area Idwebhost

Berikut tutorial penyettingan terbaru untuk setting domain.blogspot.com anda menjadi domain.com

1. Silahkan masuk ke login blogspot Anda, kemudian klik “setelan”

2. Klik “siapkan url pihak ke-3 untuk domain anda”

3. Masukkan domain anda dan pastikan anda menuliskan dengan www di depannya. misal www.domainmu.com

4. Anda akan mendapatkan 2 CNAME.

dalam contoh misal CNAMEnya berikut :

1. www ghs.google.com 

dan

2. 2orl7p6hxjpg gv-4gxsy73yvfjqb5.dv.googlehosted.com

Kedua CNAME tersebut yang akan kita gunakan untuk setting di member area idwebhost.

5. Silahkan masuk ke member area idwebhost member.idwebhost.com

6. Setelah masuk member area anda. silahkan klik domain

7. Setelah muncul list domain anda yang telah/masih aktif. Silahkan pilih domain yang akan di custom ke blogspot dan klik tombol setting.

   8. Klik Nameserver. Silahkan ubah name server domain ke name server khusus untuk kelola dns

• Untuk versi panduan ini wajib menggunakan ns1.idwebhost.id, ns2.idwebhost.id. Jika ada kesulitan mohon dikonsultasikan ke CS kami.
• LALU KLIK GANTI NAME SERVER.

Info tambahan : untuk semua domain yang menggunakan menu kelola dns harus menggunakan nameserver tersebut . jika tidak memakai name server itu maka setting dns anda tidak akan berfungsi sampai kapanpun.

9. Setelah ubah nameserver, silahkan menuju menu KELOLA DNS.

10. Pada kolom Jenis Record silahkan pilih A (Address). Kolom Nama Host isikan simbol  “@” tanpa tanda petik, hasilnya akan berubah menjadi nama domain sendiri setelah disimpan.

Untuk priority silahkan di kosongkan karena kolom tersebut hanya digunakan untuk setting mxrecord

Pada tahap ini silahkan inputkan 4 ip blogspot berikut satu persatu :

216.239.32.21

216.239.34.21

216.239.36.21

216.239.38.21

Tampilan hasil penyetingan 4 IP A Records di atas.

 Info tambahan : untuk host @ ketika di simpan bisa berubah menjadi nama domain itu sendiri.

 11. Masukkan cname yang di dapat dari blogspot pada kolom “CNAME”

 

Cara setting/inputnya sama dengan A (Address) hanya saja A(Address) nya di ubah ke CNAME  ( Alias ).

Berikut apabila sudah tersetting lengkap mulai dari ip hingga kedua cname

2. Setelah seluruh settingan selesai. silahkan ditunggu dahulu propagasi perubahan dns nya selama 6-8 jam setelah penyettingan dilakukan.

Read More...

CARA PASANG IKLAN DI YOUTUBE UNTUK MENGHASILKAN UANG

Menonton video di YouTube sepertinya sudah menjadi kebutuhan dan sering dilakukan oleh generasi internet saat ini. Kini memang banyak yang lebih tertarik pada video dibandingkan membaca artikel di blog dan website. Dapat dikatakan bahwa 1 menit video saja dapat mewakili hingga 1.8 juta kata. Tak heran jika kini YouTube menjadi tontonan wajib bagi semua kalangan.

Para YouTuber pun menggunakan kesempatan emas tersebut untuk menghasilkan uang dengan memasang iklan pada channel mereka. Mata pencaharian mereka didapatkan dengan cara menghasilkan uang dari YouTube. Kenyataannya monetisme YouTube mampu menghasilkan uang yang tidak sedikit.

Dari GA (Google Adsense) lah pundi-pundi penghasilan datang dari channel YouTube kalian. Video yang ada pada channel mu dipasangi iklan. Dan Tapi bagaimana cara pasang iklan di YouTube?

Begini Cara Pasang Iklan Di YouTube

Sebelum memasuki tahapan caranya, ada yang harus kalian ketahui yakni Google AdWords. Google AdWords memberikan kesempatan untuk menarik pelanggan dengan iklan video kreatif.

Google AdWords sendiri menawarkan sebuah alat spesifikasi yang lebih dikenal dengan Google AdWords For Video. Berbekal tool tersebut, kalian dapat mengatur dan menampilkan dimana iklan akan tampil dan siapa yang akan melihat iklan kalian nantinya. Ini biasa disebut dengan penargetan. Jika target audience tidak diatur dengan tepat, maka performa iklan kita juga bisa ikut buruk.

Memasang iklan di channel YouTube memang tidak berbeda jauh dengan memasang iklan pada blog. Akan tetapi sebelum memasang iklan, kalian harus menjadi penerbit AdSense di blog, baik itu hostes maupun non-hostes. Jadi sangat disarankan bila belum memiliki akun, daftarlah AdSense terlebih dahulu. Bila akun AdSense telah siap saatnya mengetahui step-by-step cara memasang iklan pada channel YouTube.

• Pertama aktifkan akun GA dalam satu browser yang sama.
• Buka youtube.com masuk ke channel kalian. Perhatikan bagian atas profil terdapat subscibers dan video Manager. Pilih Video Manager.

• Maka akan muncul halaman dashboard, lanjutkan dengan memilih menu channel disebelah kiri lalu klik Enable pada bagian Monetization.

• Selanjutnya akan muncul bagian konfirmasi. Klik Enable My Account bila akun kalian belum aktif.
• Jika sudah mengaktifkannya, akan segera muncul lembar persetujuan. Tersedia tiga konfirmasi yang harus di checklist, centang semua dan klik Accept.

• Akan muncul jendela selanjutnya yaitu halaman preview. YouTube akan melihat akun AdSense mu, apakah tergolong akun hostes atau non hostes. Bila akun kalian Hostes, maka akan muncul 2 opsi pilihan jenis iklan, Overlay in-video ads dan skippable video ads. Klik Preview untuk melihat dan dilanjutkan dengan klik Monetize.
• Sempurnakan cara mudah memasang iklan di YouTube ini dengan klik Got It.

Cobalah cek video kalian sekarang, kemungkinan besar iklan sudah muncul pada channel kalian. Cara mendapatkan uangnya juga sama seperti blog, satu klik akan ada uang masuk ke dompet kalian. mengenai harga iklan di YouTube juga berdasarkan iklan.

Langkah selanjutnya yang harus kalian lakukan adalah meningkatkan jumlah penonton dan yang menjadi pengikut atau langganan pada kanal channel kalian. Semakin banyak pengikut, semakin banyak pula uang yang diperoleh nantinya. Catatan penting! Sebelum memasang iklan AdSense di YouTube, pastikan video kalian tidak mengandung unsur pornografi. Jika seperti ini bersiap-siaplah akun AdSense kalian akan di banned.

Setelah membaca ulasan tadi tentu kini kalian sudah paham dan bersiap menambahkan iklan di YouTube kalian bukan? Tapi jangan lupa untuk selalu memberikan video yang bersifat positif serta tidak mengandung unsur pornografi. Jika berani melakukannya maka resikonya sangat jelas, akun AdSense kalian akan dibanned dan sudah tidak dapat lagi mendapatkan uang dari YouTube.

Read More...

Cara Mudah Membuat Link Download AdF.ly

Bismillah saya mau berbagi ilmu tentunya Sebagai blogger tentu menghasilkan pundi-pundi uang dari hasil blog sudah menjadi harapan dan keinginan, namun menghasilkan uang dengan cara seperti ini hendaknya bukan menjadi tujuan utama para blogger, sharing atau berbagi pengetahuan misi utama yang harus diingat oleh setiap blogger.

Namun demikian jika Anda menginginkan lebih dari itu, apa lagi untuk blog yang konten atau isinya terdapat banyak link download pasti artikel cocok untuk membantu blogger untuk menghasilkan uang hanya dengan membuat link download pada konten blog yang Anda inginkan.

Bagaimana cara membuat link download yang menghasilkan uang?

Pertanyaan itu sering muncul pada blogger-blogger yang baru bergabung dengan bisnis dunia maya. Artikel ini merupakan langkah termudah untuk menghasilkan uang dengan cara membuat link download AdF.ly.

Apa itu Adf.ly?

AdF.ly adalah layanan  tool untuk cloaking url atau url shortening, dan kelebihannya kita dapat memperoleh bayaran bila link kita itu dikunjungi atau diklik oleh yang mendowload. Link download AdF.ly sudah terkenal sejak dulu karena layanan itu tidak mengarah pada kondisi orang yang mendownload merasa kebingungan. Link download AdF.ly mempunyai keunggulan-keunggulan diantaranya; Pertama, pengahasilan dapat dibayarkan jika sudah terkumpul sebanyak $5 atau jumlah dolar dikali rupiah. Kedua, link download AdF.ly tidak membingungkan konsumen atau orang yang mendownload file atau apapun dari konten blog.

Bagaimana cara membuat link download AdF.ly?

Langkah-langkah untuk membuat link download AdF.ly cukup mudah, silakan ikuti saja panduan ini dengan pelan-pelan.

Cara mendaftar link download AdF.ly

1. Untuk membuat link dowload AdF.ly anda harus mendaftar terlebih dahulu. Untuk daftar AdF.ly silakan klik di sini
2. Setelah masuk ke alamat AdF.ly Anda hanya perlu kilk Join Now, lihat gambar di bawah; 

3. Kemudian Anda diminta untuk mengisi biodata, saya sarankan isi biodata itu dengan lengkap. Setelah itu ceklis I agree to the terms and conditions. Lalu klik Join. 

4. Setelah point 3 dilakukan dengan benar, maka Anda akan menerima e-mail dari AdF.ly, biasanya email tersebut tidak masuk ke inbox tetapi masuk ke spam, Lihat gambar di bawah. Kemudian klik alamat yang tertera pada e-mail. 

5. Setelah mengklik alamat yang tertera pada e-mail, Anda akan di arahkan ke alamat Log In AdF.ly. Silakan Anda klik Log In dengan memasukkane-mail dan password Anda ketika mendaftar AdF.ly.
6. Setelah point ke-5 sukses dilakukan Kemudian copy link file yang akan didownload (biasanya disimpan di google drive), paste pada kolomShrink, kemudian klik Shrink. 
7. Setelah diklik Shrink Nanti alamat file dari google drive yang anda pada kolom Shrink tersebut akan berubah menjadi alamat yang lebih pendek, lihat gambar; 

8. Nah kali ini Anda berada pada tahap finishing, tinggal copy link yang sudah di Shrink kemudian paste ke blog Anda dan selesai. 

Sekian cara membuat link download AdF.ly ini, semoga dapat membantu para saudara blogger dalam membuat link download dari layanan AdF.ly.

Selamat mencoba, salam sukses!

Read More...

Energy Saver Untuk Blog Anda.

Blog anda boleh diletakkan dalam mode energy saver jika anda mahu. Kalau dunia realiti ada Earth Hour untuk menunjukkan sokongan kepada penjimatan tenaga, blog anda pun boleh.:)



Contoh blog apabila diletakkan energy saver seperti gambar di bawah.



Tutorial untuk letakkan energy saver ini seperti berikut.


1. Dari dashboard > design > edit html.
(backup template untuk langkah berjaga²)

2. Dengan menggunakan fungsi Find (ctrl + F), cari kod </head>

3. Copy kod di bawah dan paste SEBELUM kod </head>

<script language='javascript' src='https://sites.google.com/site/unwanted86/javascript/savetheenvironment.js' type='text/javascript'/>

Contoh:



4. Save dan lihat hasilnya.

Read More...

Animated Recent Post Ver2

Recent post menunjukkan apakah post terbaru yang baru dihasilkan oleh seseorang blogger untuk blognya. Adanya animated recent post widget, dapat menambahkan lagi 'seri' bagi senarai recent post anda.



Anda boleh lihat demo animated recent post ver2 ini di blog demo ini.

Tutorial untuk membuat animated recent post ini adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://tutorialuntukblog.blogspot.com/2011/07/animated-recent-post-ver2.html" target="_blank">get this widget here</a></small>

3. Save dan lihat hasilnya.

Read More...

Tutorial Perkataan Ikut Cursor

Ingin perkataan mengikut cursor anda semasa melayari blog.?


Contohnya seperti di bawah.




Tutorial untuk buat perkataan bergerak mengikut cursor adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript (more info)

2. Copy dan paste kod berikut dalam html/javascript yang anda buka.

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'comic sans';
color: #FF0080;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Perkataan anda di sini";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,


mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>

Note: Tukar 'Perkataan anda disini' dengan apa yang anda mahu.

3. Save dan lihat hasilnya.:)


Bagi yang ingin sedikit ubahsuai, boleh rujuk beberapa perkara berikut.

1.Tukar style

font-style: normal; (pilihan lain italic, oblique, atau inherit)

2. Tukar warna perkataan
color: #FF0080; (untuk code warna, rujuk entri ini HTML color code

3. Tukar jenis tulisan
font-family: 'impact'; (pelbagai lagi bentuk perkataan yang ada, boleh rujuk dibawah)

Read More...

Tutorial Gerakkan Title Blog

Title blog secara default adalah dalam keadaan statik. Anda boleh tukarkan title blog anda dengan mudah dan juga anda boleh membuatkan ianya bergerak dari kanan ke kiri.



Tutorial untuk buatkan title blog bergerak adalah seperti berikut.


1. Dari dashboard > Design > Add a gadget > Html/Javascript

2. Copy dan paste code berikut dalam ruangan HTML/Javascript

<script language=javascript>
msg = "Title Blog Anda";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

Note: Tukarkan 'Title Blog Anda' dengan apa sahaja yang anda mahu.

3. Save dan lihat hasilnya.:)

Read More...

Kumpulan template Blogger terbaik

t

Untuk sebagian blogger yang me-monetize blog-nya dan cukup “ngirit” untuk membayar hosting tersendiri, tentunya Blogspot adalah salah satu blog platform favorit. Nah, untuk anda-anda yang blogspot mania, hari ini, berbagigratisan.com memberikan informasi GRATIS theme Blogger yang pastinya akan membantu memperindah blog anda … dan … tentu saja harapan akhirnya adalah menambah trafik pengunjung ke blog tersebut.

Oke, langsung aja silahkan melaju ke link ini untuk melihat koleksi-koleksi theme blogspot GRATIS. Blogger Templates Free, adalah sebuah portal yang mengumpulkan template-template terbaik Blogger/Blogspot dan menyimpannya di server mereka, anda tinggal mereview dan mengunguh template tersebut untuk anda aplikasikan ke blog anda, dan pastinya ini adalah GRATIS.

Read More...