Kumpulan Informasi Loker dan Kuliah di Indonesia

Showing posts with label Ngeblog. Show all posts
Showing posts with label Ngeblog. Show all posts

Wednesday, December 23, 2015

Cara Membuat Formulir Dalam Blog Dengan Mudah

12:25:00 PM Posted by Abdul Rohman No comments
Cara membuat formulir dalam blog
Sering Kita jumpai sebuah blog atau web yang menampilkan formulir seperti; form pendaftaran, form survey, form konfirmasi pembayaran, form saran kritik dan lain-lain. Tujuan dan manfaat formulir sangat baik untuk menjalin komunikasi antara pengunjung dengan admin blog atau website. Contoh dalam web jual beli online, form konfirmasi sangat dibutuhkan untuk transaksinya setelah melakukan transfer uang. Contoh lain, form saran dan kritik sangat baik untuk mengevaluasi sebuah blog atau web Kita. Dan selanjutnya ada sebuah laporan atau data yang Kita terima.
 
Nah... sekarang, bagaimana cara untuk membuat fomulir dalam blog..?

Langsung saja, penulis akan memberikan Cara Membuat Formulir dengan contoh membuat formulir , langkah demi langkah, yaitu sebagai berikut:

1. Buka Blogger.com dan masuk ke akun Anda

2. Buka tab baru dan buka alamat drive.google.com

3. Klik kiri Tombol Baru dan pilih google formulir, disini akan terbuka tab baru untuk formulir

4. Silahkan isi judul formulir serta deskripsinya dan buatkan pertanyaan nama dengan pilihan jawaban singkat, dan klik tambah untuk menambahkan pertanyaan


5. Ulangi langkah ke 4 dengan membuat (1) pertanyaan email dengan jawaban singkat, (2) pertanyaan jenis kelamin dengan jawaban pilihan ganda, (3) pertanyaan pesan kritik dan saran dengan jawaban paragraf.

6. Setelah membuat 4 pertanyaan diatas, sekarang Kita buat Tanggapan yang sebagai laporan ketika formulir ada yang mengisi. Klik menu tanggapan sebelah kanan menu pertanyaan, lalu klik + warna hijau, lalu tuliskan nama tanggapan dan klik tombol buat. Secara otomatis formulir dan tanggapan tersimpan dalam google drive


7. Klik Tombol Kirim, lalu klik sematkan HTML, lalu copy codingnya.


8. Buka akun blogger, lalu pilih menu laman, dan laman baru.

9. Ketik nama dalam isian laman, lalu pilih HTML, paste dalam text area coding, dan klik tombol publikasikan.


10. Klik menu Tata Letak, klik edit dalam laman, lalu pilih kritik dan saran, dan simpan


11. Dan akhirnya Anda bisa melihat hasilnya dalam laman yang baru.

12. Setiap ada pengisian secara online, maka akan terlaporkan dalam file tanggapan google drive.
Nah... bagaimana mudah....?

Untuk lebih jelasnya lihat video tutorial Cara Membuat Formulir Dalam Blog ini :


Demikian Cara Membuat Formulir Dalam Blog, mudah-mudahan bermanfaat dan selamat mencoba.

Wednesday, December 9, 2015

Cara Merampingkan Alexa Yang Tinggi atau Gemuk

4:45:00 PM Posted by Abdul Rohman 2 comments
Saat ini dalam dunia maya, banyak perusahaan adsense yang mempertimbangkan rangking Alexa sebuah website atau blog sebelum dijadikan mitra kerja seperti google adsense, IdBlogNetwork dan lain-lain.

Apa yang telah Kita ketahui semakin kecil nilai Alexa rank, semakin tinggi ranking maka semakin bagus blognya, contohnya detik.com merupakan web yang memiliki nilai Alexa yang ramping dan secara otomatis pengunjung website pun banyak.

Bagi para blogger atau pemilik blog atau website yang memiliki angka Alexa yang tinggi ( gemuk ), silahkan ikuti trik dibawah ini adalah sebagai berikut : 

1. PasangWidget Alexa, untuk memantau keadaan blog Anda 

2. Blogwalking, adalah kegiatan berkunjung ke blog lain yang memiliki Alexa Rank yang tinggi dari blog Kita dan memberikan respons dengan memberikan komentar yang didalam terdapat identitas Kita. Dengan ini secara tidak langsung dapat meningkatkan trafik blog Kita. 

3. Daftarkan Blog atau website Kita ke Search Engine Google, Yahoo, MSN dan masih banyak yang lainnya. Hal ini dilakukan untuk agar blog Kita cepat terindek di mesin pencarian.

4. Daftarkan Blog ke Technorati, Technorati adalah salah satu direktori blog yang berfungsi sebagai blogsearch, online bookmarks, dan untuk mengetahui blog mana saja yang memasang blog Kita.

5. Mencari Backlink sebanyak-banyaknya dan berkualitas. Backlink ini biasanya didapat di forum-forum atau di situs Doffolow.

6. Bookmark Blog sebagai Homepage Browser di computer yang sering digunakan untuk browsing. Dalam hal semakin banyak membookmark maka akan semakin baik.

7. Lakukan Update Blog, Hal ini Kita harus rutin untuk mengupdate blog dengan artikel, update bisa dilakukan 2 hari sekali, 1 minggu 2 kali, dan lebih bagus lakukan update setiap hari.

8. Tulis artikel tentang Alexa, Hal ini dengan tujuan supaya Alexa memberikan respon. Konten Artikel ini bisa berisi untuk mengajak para pembaca untuk men download Alexa Toolbar. Dan jangan lupa untuk memberikan label pada artikel tentang Alexa tersebut.

9. Melakukan ping, Hal ini pernah saya tulis di artikel sebelumnya di "Meningkatkan penunjung blog dengan google ping", hal ini dilakukan untuk merefresh blog kita di database mesin pencarian.

10. Belajarlah tentang ilmu SEO yang mudah dan cara yang benar. Hal ini bisa Kita pelajari di blog-blog yang terpercaya atau Anda bisa sisihkan uang untuk membeli buku tentang SEO, karena dengan buku tersebut tingkat kebenarannya tinggi.

Semoga Tulisan ini bermanfaat. Terima Kasih.

Thursday, December 3, 2015

Tips Meningkatkan Alexa Rank Dalam Blog

10:03:00 AM Posted by Abdul Rohman No comments
Setelah Anda membuat gadget Alexa dalam blog, langkah selanjutnya adalah bagaimana cara meningkatkan Alexa Rank. Cara untuk meningkatkan Alexa Rank adalah bagaimana cara mengecilkan angka Alexa Rank. Semakin kecil nilai Alexa, semakin tinggi rangking dan semakin bagus blognya.

Dibawah ini adalah tips-tips cara meningkatkan Alexa Rank adalah sebagai berikut:

1. Membuat Artikel yang unik, artikel unik akan memberikan pengaruh yang positif bagi rangking Alexa Kita. Jika artikel kita hasil capos atau copy paste, rangking yang dihasilkan sulit naik.

2. Update Artikel secara rutin, merupakan salah satu indikasi utama Alexa rank dalam memberikan ranking. Apa yang telah Kita ketahui portal-portal berita seperti; Detik, Kompas, Vivanews dan lain-lain. Portal tersebut memiliki Alexa yang sangat ramping karena update artikel secara rutin.

3. Melakukan optimasi untuk semua artikel, salah satu hal menjadikan artikel Kita mendapatkan trafik tinggi serta dapat bertarung di SERP adalah optimasi.

4. Mencari Backlink profil yang banyak, Dalam Alexa Backlink ini disebut Alexa Link in. Backlink ini biasanya lebih cepat didapat di forum forum maupun situs Dofollow. Dan biasanya hal ini dilakukan dengan komentar di blog-blog orang lain dengan menyertakan identitas diri.

5. Memperbanyak Trafik dari sosial media, Apa yang telah Kita ketahui banyak portal-portal yang memanfaat facebook, twitter dan lain-lain untuk sharing artikelnya. Hal ini untuk meningkatkan trafik kunjungan terhadap blog atau web.

6. Memasang Meta Alexa di Blog, Meta ini berfungsi untuk mempercepat menaikan ranking Alexa Kita. Untuk mendapatkannya Kita bisa login di situs Alexa blog Kita


7. Memasang Toolbar Alexa di web browser seperti mozilla firefox, Cara ini memang akan mempermudah Alexa rank dalam mengupdate ranking blog Kita.

Tuesday, December 1, 2015

Meningkatkan Traffic Blog dengan situs social bookmarking

12:11:00 PM Posted by Abdul Rohman No comments
Banyak cara yang perlu Kita coba untuk meningkatkan traffic blog yaitu salah satunya dengan social bookmarking, yang sering dilakukan oleh banyak orang.

Nah.. sekarang apa itu social bookmarking...?

Social Bookmarking adalah situs yang memungkinkan penggunanya untuk menemukan, mengirimkan, menyebarluaskan dan memberi voting terhadap sebuah artikel dari jaringan internet. Situs social bookmarking paling populer adalah Reddit, Digg, StumbleUpon dan Del.icio.us.

Dengan memanfaatkan situs social bookmarking sangat penting untuk meningkatkan traffic sebuah blog. Apalagi jika situs social bookmarking tersebut memiliki Page Rank yang tinggi dan dofollow. Dengan memiliki Page Rank, tidak hanya meningkatkan traffic, tapi juga meningkatkan Page Rank dan menurunkan angka Alexa sebuah blog.

Dibawah ini beberapa situs social bookmarking dofollow Indonesia yaitu sebagai berikut :


Dengan submit artikel Anda ke beberapa situs social bookmarking dofollow untuk mendapatkan backlink gratis dan untuk meningkatkan traffic Blog.

Saturday, November 28, 2015

Meningkatkan Penunjung Blog Dengan Google PING

7:35:00 PM Posted by Abdul Rohman No comments
Kata PING sering Kita jumpai baik di computer maupun perangkat bergerak ( mobile ). Di komputer melakukan PING untuk melakukan tes koneksi jaringan antara computer satu dengan komputer lainnya. Dan di mobile atau smartphone ( saat ini ) terutama di aplikasi Black Barry Mesenger ( BBM ) digunakan untuk mengetes komunikasi atau memberi alarm ke penerima pesan untuk segera membaca pesannya. Dalam Google PING digunakan untuk menguji konektivitas mesin pencarian dengan blog atau web Kita. Ping juga sebagai cara untuk mempererat hubungan blog kita dengan mesin pencarian. Dengan demikian, Kita bias memberi tahu pada mesin pencarian bahwa blog atau web kita sudah ada update terbaru. Dengan melakukan PING secara rutin maka secara tidak langsung akan ada pengunjung-pengunjung melalui mensin pencari mencari isi konten blog atau web Kita.

Dibawah ini adalah langkah-langkah untuk melakukan google ping yaitu sebagai berikut:

1. Sebelum melakukan ping, pastikan Anda sudah menulis artikel terbaru di blog Anda
2. Silahkan buka situs “www.googleping.com”
3. Lalu Anda Masukkan form pengisian dibawah ini yaitu; Blog Name, Blog Home Page, RSS URL, dan Email.

4. Memilih semua layanan ping dengan menekan link “ Check All “ pada setiap bagian.

5. Jika sudah menentukan layanan ping, silahkan klik tombol “Send Ping”

6. Silahkan tunggu proses pengiriman ping hingga selesai. Setelah selesai akan tampil hasil ping yang telah Anda lakukan.

Namun perlu di ingat, jangan terlalu sering melakukan ping sebab akan dikira Anda melakukan SPAM.

Thursday, November 26, 2015

Cara Membuat Blog : Menampilkan User Online Status

4:24:00 PM Posted by Abdul Rohman No comments
Dalam membuat blog ada yang dikatan user online status yaitu gadget yang digunakan untuk mengetahui orang sedang online didalam blog Kita. Dengan tampilan user online status Kita dapat menganalisis seberapa besar pengunjung blog kita dalam rentan hari, minggu atau bulan. User online status yang sudah ada banyak variasinya mulai dari klasik sampai dengan modern. Sekarang ini juga ada situs penyedia gadget user status online seperti; http://whos.amung.us/showcase/. Untuk membuat user online status bisa dilakukan dengan langkah-langkah sebagai berikut:

1. Login ke Blogger
2. Pilih Menu Tata letak
3. Klik Tambah Gadget
4. Klik + pada bagian HTML/JavaScript
5. Isikan judul dan tuliskan kode dibawah ini sesuai bentuk atau style user online status dibawah ini;

Kode model klasik:
<script id="_waueio">var _wau = _wau || []; _wau.push(["classic", "kqh9gpocm5t3", "eio"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Kode Berwarna:
<script id="_waub4z">var _wau = _wau || [];
_wau.push(["colored", "kqh9gpocm5t3", "b4z", "ffcc07000000"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/colored.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Keterangan: Kode yang berwarna merah adalah kode warna, bisa anda ganti dengan kode berikut:
"b4z", "ffcc07000000" = Kuning
"rvm", "9f0700000000" = Merah
"48h", "2c6600000000" = Hijau Tua
"en6", "5eff28000000" = Hijau Muda
"d01", "b7008f000000" = Ungu
"0py", "1529ff000000" = Biru Tua
"sze", "00ffef000000" = Biru Muda
"78l", "fbfff7000000" = Putih
"fly", "000000000000" = Hitam

Kode Model Kecil:
<script id="_waufly">var _wau = _wau || []; _wau.push(["small", "kqh9gpocm5t3", "fly"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Kode Model Tab:
<script id="_waunaz">var _wau = _wau || [];
_wau.push(["tab", "kqh9gpocm5t3", "naz", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Klik tombol simpan

Dan lihat hasilnya seperti Gambar diatas.

Wednesday, November 25, 2015

Cara Membuat Blog : Menampilkan tulisan arab dalam posting atau artikel

4:10:00 PM Posted by Abdul Rohman No comments

Cara membuat blog kali ini adalah menampilkan tulisan arab dalam sebuah posting atau artikel, secara default dari lembar kerja atau tulis blogger masih menggunakan tulisan alphabet. Tulisan arab dalam sebuah blog juga sangat cocok untuk blogger yang memiliki artikel atau posting yang bertemakan islam terutama untuk menampilkan ayat al-qur’an dan al-hadist ataupun fatwa-fatwa dari ulama-ulama. 

Dalam hal ini Kita tidak hanya menampilkan terjemahan ayat al-qur’an dan hadist tetapi Kita bisa menampilkan lafaznya dari terjemahaan tersebut yaitu tulisan bahasa arab.

Untuk menampilkan tulisan arab bisa menggunakan program web yang bersituskan : www.yamli.com/arabic-keyboard/. Dengan website tersebut Kita bisa menuliskan bahasa arab dengan menuliskan terlebih dahulu pengucapan tulisan atau bahasa arab dengan bahasa indonesia, misalnya alhamdulillah maka akan muncul alhamdulillah (tulisan arab). Tulisan alhamdulillah (tulisan arab) Kita copy paste kedalam lembar postingan.


Cara lain untuk menuliskan tulisan arab dengan megcopy paste tulisan di microsoft word yang telah ditambahkan font arabic dalam sistem microsoftnya.

Mudah-mudahan bermanfaat.

Tuesday, November 24, 2015

Cara membuat Blog (Kode Neon Lights Text)

4:26:00 PM Posted by Abdul Rohman 3 comments
Neon Light Text merupakan efek tulisan seperti cahaya neon yang berganti warna dan terlihat ada animasi teks. Sehingga tampilan teks dalam blog akan terlihat lebih menarik. Untuk membuat neon lights text diperlukan variabel :

Variabel mesagge, berisi teks yang akan ditampilkan
Variabel neonbasecolor, menentukan warna awal dalam tulisan
Variabel neontext color, menentukan warna kedua dalam tulisan
Varabel flashspeed, kecepatan berganti warna

Cara membuat Neon Lights Text dalam blog yaitu dengan langkah-langkah sebagai berikut;
Masuk akun Blogger
1. Pilih Menu “ Tata Letak ”
2. Pilih “ Tambahkan gadget ”
3. Pilih “ HTML/JavaScript “
4. Tuliskan Kode dibawah ini dalam “ konten “, untuk form judul tidak perlu diisi :
<h2>
<script language="JavaScript1.2">

/*
Neon Lights Text
By JavaScript Kit (http://javascriptkit.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="
SERVICE KOMPUTER"
var neonbasecolor="gray"
var neontextcolor="orange"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>

5. Klik Simpan

Keterangan:
Tulisan yang berwarna merah ganti dengan tulisan yang anda mau
Tulisan yang berwarna jingga adalah warna awalnya
Tulisan yang berwarna hijau adalah warna kedua
Tulisan yang berwarna ungu adalah kecepatan berganti warnanya
6. Klik Lihat Blog

Dan Hasilnya:













Tuesday, November 10, 2015

Membuat Tulisan Berjalan Dalam Halaman Web

10:22:00 PM Posted by Abdul Rohman No comments
Tulisan Berjalan merupakan variasi yang menarik dalam tampilan web, ada yang teks berjalan mulai dari kanan kiri dan mengulangi lagi dari kanan, ada juga teks berjalan dari kanan kekiri dan setelah sampai dibatas kiri teks tersebut kembali kesebelah kanan, dan banyak lagi variasi lainnya. Dalam membuat teks berjalan dalam halaman web dibutuhkan tag <marquee>…</marquee>
Dibawah ini macam-macam contoh teks berjalan (<marquee> adalah sebagai berikut:

1.Marquee Biasa
Kode:
<marquee>GRUP KULIAH</marquee>
Keterangan:
Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

2.Marquee dengan jeda
Kode:
<marquee scrolldelay="1000"> GRUP KULIAH </marquee>
Keterangan:
-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.
-Text yang berwarna biru adalah waktu jedanya , jadi bisa anda ganti sesuai selera anda. (1000 = 1 detik)

3.Marquee dengan menentukan ukurannya
Kode:
<marquee loop="5"> GRUP KULIAH </marquee>
Keterangan:
-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.
-Text yang berwarna biru adalah lama putaran, jadi bisa anda ganti sesuai selera anda.

4. Marque dengan menentukan lebar kotak
Kode:
<marquee width="50%">GRUP KULIAH</marquee>
Keterangan:
-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.
-Text yang berwarna biru adalah lebar kotak marquee-nya, jadi bisa anda ganti sesuai selera anda.

5. Marquee dengan menentukan warna kotak
Kode:
<marquee bgcolor="orange">GRUP KULIAH</marquee>
Keterangan:
-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.
-Text yang berwarna biru adalah warna background kotak marquee-nya, jadi bisa anda ganti sesuai selera anda.

6. Marquee dengan menentukan pesannya
Kode:
<marquee title="Tempat pesan">GRUP KULIAH</marquee>
Keterangan:
-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.
-Text yang berwarna biru adalah pesan yang akan tampil bila kursor anda berada di jalur kotak marquee-nya, jadi bisa anda ganti sesuai selera anda.

7. Marquee dengan menentukan kecepatan tulisan
Kode:
<marquee scrollamount="15">GRUP KULIAH</marquee>
Keterangan:
-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.
-Text yang berwarna biru adalah kecepatan tulisannya, jadi bisa anda ganti sesuai selera anda.

8. Merquee bergerak kearah lain
Kode:
<marquee direction="right">GRUP KULIAH</marquee>
Keterangan:
-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.
-Text yang berwarna biru adalah tulisan yang bergerak ke kanan, jika anda tidak mau, anda bisa merubahnya ke atas, atau ke bawah
Right     = kanan
Left        = kiri
Up          = atas
Down   = bawah

9. Marquee Bolak-balik
Kode:
<marquee behavior="alternate">GRUP KULIAH</marquee>
Keterangan:
Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

10. Merquee berhenti bila ada kursor
Kode:
<marquee onmouseover="this.stop()" onmouseout="this.start()">GRUP KULIAH</marquee>
Keterangan:
Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

11. Merquee Berlink
Kode:
<marquee><a href="http://grupkuliah.com/">GRUP KULIAH</a></marquee>
Keterangan:
-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.
-Text yang berwarna biru adalah linknya, jadi bisa anda ganti sesuai selera anda.



12. Merquee dengan menentukan panjang kotaknya
Kode:
<marquee height="100">GRUP KULIAH</marquee>
Keterangan:
-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah tinggi kotak marquee-nya, jadi bisa anda ganti sesuai selera anda.