Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Jumat, 22 Februari 2013

Cara Membuat Link Download di Blog

07.12.00  Vicrul  7 comments

#KLIK GAMBAR UNTUK MEMPERBESAR#
Sebenarnya postingan tentang membuat link download ini simple sih. Kita hanya cukup mengerti menu - menu dalam blog itu sendiri. Berhubung dengan adanya request dari seorang teman, maka akan saya jelaskan. Pertama - tama jika anda ingin menyediakan jasa download file dalam ukuran kecil (maks 10 mb) saya sarankan anda untuk registrasi di http://www.ziddu.com/. Biasanya di ziddu ini tempat untuk mengunggah file kerja pdf, word, ppt, excel, dll. Jika file yang ingin anda unggah berukuran besar (10 mb ke atas) saya sarankan untuk memakai http://www.sharebeast.com/. Biasanya di share beast digunakan untuk mengunggah game, aplikasi, dan software yang lain. Bukan apa - apa sih ini hanya sebagai contoh saja. Jika anda tahu tentang web jasa penyedia download yang lain, ya bisa saja juga pakai yang anda tahu.

Untuk tutorialnya saya menggunakan ziddu.
1. Registrasi bagi yang belum memiliki akun

2. Isi data pribadi anda

3. Akun anda telah jadi. Setelah itu langsung saja anda log in dengan memasukkan email dan password yang anda isikan tadi. Tampilan yang akan muncul seperti gambar berikut
Pilih file anda terlebih dahulu, setelah itu klik upload.

4. Setelah selesai, masuk ke menu "my files"
Setelah itu, klik "share" maka akan keluar alamat document link. nah document link tersebut itulah yang kita gunakan pada tempat sebuah download. Jika link tersebut saya buka tampilannya ya seperti ini


A. Membuat Link Download dengan Text
Pertama - tama buat entri baru, terus klik menu "link".
Maka akan tampil kotak seperti ini
kolom nomor 1 ini digunakan sebagai kata pengganti alamat download anda. Jika anda tulis google saja, anda langsung di arahkan di alamat website yang anda tuliskan pada nomor 2.
Sebagai contoh jika anda ingin mengaplikasikan pada download ziddu tadi bisa juga kok. kolom 1 anda tulis dengan kata "Download", kolom 2 anda isi halaman link ziddu yang anda copas. Selesai deh.

B. Membuat Link Download dengan Gambar
Pertama - tama buat entri baru, terus klik menu "insert image".

Kedua ganti dalam mode HTML
Kode gambar pada HTML harap di ganti link halaman anda pada tulisan 2 tanda panah. Selesai.
========================================================
Intinya itu begini lho :

1. buka akun Blogger anda.
2. Klik "Entri Baru" 
3. Selanjutnya silahkan klik mode "HTML" 
4. Copy paste kode dibawah ini kedalam postingan.
<a href=”IsiDenganLinkDownload“><imgheight=”80” src=”IsiDenganLinkGambar“width=”200” /></a> 
5. Silahkan ganti tulisan yang berwarna merah dengan link dan ukuran yang sesuai dengan selera anda. 
6. Langkah terakhir silahkan Simpan dan lihat hasilnya.

klik tombol share untuk saling berbagi kepada sesama ya ^^
Read More

Selasa, 19 Februari 2013

Cara Mengganti Template Blog

01.34.00  Vicrul  4 comments


#KLIK GAMBAR UNTUK MEMPERBESAR#
Sudah pernah mengganti template blog yang lebih variatif dan lebih mengoptimalkan fungsi blogmu? Tetapi untuk mengganti blog itu harus dengan menggunakan bahasa HTML lho. Tenang, sebenarnya bahasa HTML itu tidak seberapa rumit kok. Yang harus kita ketahui adalah bahasa umumnya saja seperti <script>,<head>,<body>, dll. Pada postingan ini kita hanya mengcopy paste kode HTMLnya saja.

Baik yang pertama - pertama yang kalian lakukan adalah :
1. Tentukan dulu website yang kalian pilih untuk mengganti template blog kalian. Saran saya www.btemplates.com atau www.zoomtemplate.com
2. Contoh yang saya pakai www.btemplates.com

3. Pilih gambar template sesuai selera anda
4. Download template tersebut
5. Buka folder tempat download file template tadi disimpan
6. Extract winrarnya
7. Pilih file yang berformat .xml (sizenya paling besar)
8. Buka file menggunakan "notepad"
9. Ctrl+A, copy semua kode - kode tersebut

Disaat yang bersamaan :
1. Log In ke blogger
2. Pilih menu lain "Template"
3. Edit HTML

4. Centang expand widgate
5. Letakkan / Paste kode - kode yang di copy tadi
6. Simpan Template
7. Hapus widget (jika widget tidak perlu) dan Pertahankan widget (jika memang diperlukan)
8. Selesai

Sekian yang dapat saya sampaikan mengenai cara mengganti template blogspot. Setelah ini akan saya jelaskan tentang mengoperasikan blog.
klik tombol share untuk saling berbagi kepada sesama ya ^^

Read More

Fungsi Menu Dalam Blog

00.40.00  Vicrul  No comments


#KLIK GAMBAR UNTUK MEMPERBESAR#
Sebelum melangkah lebih dalam, saya akan menjelaskan menu - menu dalam blog.
Setelah log in anda pasti menjumpai menu utama seperti ini :


1. Menu yang bergambar pensil ini berfungsi untuk mempostingkan artikel / konten blog
2. Membuka daftar postingan yang telah kita buat
3. Merupakan menu lain dari gambar ini


a. Ikhtisar
Menu ini hanya menampilkan keterangan dan informasi pada blog kita

b. Pos (Daftar Entri)
1. Menampilkan semua postingan (yang masih di simpan maupun yang sudah di publikasikan)
2. Menampilkan daftar postingan yang disimpan saja
3. Menampilkan daftar postingan yang telah di publikasikan saja
4. Mencentang semua tanda pada daftar postingan
5. Memberikan tag / kategori postingan yang kita buat
6. Mempublikasikan daftar postingan ke halaman blog
7. Menghapus daftar postingan
#cara 5,6,7 harus mengikuti langkah ke 4 terlebih dahulu, atau mencentang pada salah satu postingan

c. Laman
#Untuk menggunakan menu ini, saya sarankan untuk mengganti template anda terlebih dahulu. Karena tampilan template default dari blogger kurang bisa mendukung tampilan menu laman. Harapannya adalah mengoptimalkan fasilitas menu ini.
Untuk mengganti template anda bisa search di www.btemplates.com atau www.zoomtemplate.com.
Dan jika belum tau bagaimana cara mengganti template, anda bisa klik DISINI

1. Laman kosong : cara menggunakan menu ini seperti membuat postingan. Didalamnya tetap ada pilihan menu lain compose / html
2. Laman baru : pilihan menu yang mengarahkan kita ke suatu alamat website lain dengan mengklik laman yang telah dibuat.
#Jika anda telah mengganti template, saya sarankan untuk tidak mengutak atik menu nomor 3,4,5. Karena laman yang anda tampilkan di blog akan hilang.
3. Meletakkan menu pada bagian atas blog
4. Meletakkan menu pada bagian samping blog
5. Tidak menampilkan menu ini di blog

d. Komentar
Menu komentar ini tampilannya hampir sama seperti tampilan menu Pos. Jadi anda pasti mengerti deh jika melihat tampilan model gini.

e. Google +
Menu tambahan social network Google Plus

f. Statistik
Menampilkan statistic (traffict) pengunjung blog kita dari hari ke hari, bulan ke bulan, dan sepanjang waktu setelah kita membuat blog

g. Tata Letak
1. Mengganti Logo Blog di bagian alamat browser kita.
untuk mengganti logo kita diharuskan memiliki logo yang berukuran 1:1 (persegi)
2. Menambahkan widget / gadget pada halaman blog. Gadget / widget sendiri merupakan pernah pernik atau fitur tambahan yang kita tambahkan di blog. untuk menggunakannya tinggal klik "tambah gadget" dan secara otomatis akan muncul jendela baru seperti ini
3. Klik tanda (+) untuk menambahkannya
#gadget disini merupakan gadget milik blogger. Sebenarnya banyak sekali gadget yang ada di google. tinggal anda search saja, terus copy kode htmlnya, dan gunakan fasilitas java script/html yang ada di bawah

 h. Template
Menu ini berfungsi untuk mengubah tampilan blog kita. seperti yang kita lihat pada tanda panah. Pilihan di menu edit html merupakan menu vitalnya blog. Ibaratkan jantungnya manusia, pada menu tersebut kita bisa menambahkan gadget, ganti template blog, mengubah bentuk blog sesuai selera kita, dll. Akan tetapi sebelum kita melangkah lebih jauh, kita harus paham tentang bahasa HTML.

i. Setelan
Bisa diatur sesuai selera anda.

Sekian yang dapat saya sampaikan mengenai fungsi menu dalam blog. Setelah ini akan saya jelaskan tentang mengoperasikan blog.
klik tombol share untuk saling berbagi kepada sesama ya ^^
Read More

Kamis, 14 Februari 2013

Cara Membuat Blog dan Email Google

23.03.00  Vicrul  No comments

#KLIK GAMBAR UNTUK MEMPERBESAR#
Kebutuhan manusia akan teknologi telah meningkat. Berbagai kebutuhan hidup seperti pekerjaan dan pendidikan mengharuskan kita memiliki pengetahuan tentang teknologi, terutama teknologi informasi dan komunikasi yang lebih umumnya tentang komputer. Nah salah satu hal yang harus dipenuhi sebelum kita berkecimpung di dunia maya, kita diharuskan memiliki sebuah email (elektronik mail). Contoh yang lagi tren - trennya adalah facebook. Hampir 80 juta penduduk di muka bumi ini telah memiliki akun facebook. Nah sebelum memiliki akun facebook, kita pasti disuruh registrasi dengan menginputkan email kita. Sama halnya dengan Blog. Jika ingin memiliki sebuah alamat blog, kita diharuskan mencamtumkan email. Dalam hal ini syarat email yang di gunakan adalah email google.  Baiklah langsung saja saya jelaskan bagaimana cara membuat email dengan menggunakan gmail.

1. Masuk ke browser anda (Mozilla Firefox / Google Chrome / dll). Lalu ketik sebuah alamat di www.blogger.com. Lalu klik tombol 'daftar' di kotak merah yang berada di pojok kanan atas

2. Maka akan muncul form pendaftaran "Buat akun google baru"

Setiap kolom kotak pendaftaran kita di haruskan untuk mengisi.
  • Nama depan & Nama belakang : isi terserah
  • Pilih nama pengguna anda : alamat email anda (ex : blablabla@gmail.com)
    • Pembuatan nama hanya bisa menggunakan huruf, angka dan titik
  • Buat sandi : password email anda
    • Minimal  8 karakter
  • Konfirmasi sandi anda : ketik ulang password yang diisi tadi
  • Tanggal lahir : guna memperlihatkan info tanggal lahir kepada seseorang yang terhubug dengan akun kita
  • Gender : ada 3 opsi. laki - laki, wanita atau lainnya
  • Ponsel : ini harus diisi dengan nomer ponsel milik anda, karena nanti kita dikirimi pesan pengkonfirmasian melalui kode yang dikirim lewat HP kita
  • Alamat email anda saat ini : jika sudah memiliki email, sebagai contoh yahoo (ymail) misalnya, silahkan untuk diisikan. Jika tidak punya email, ya dilewati saja.
  • Buktikan bahwa anda bukan robot : ketika kedua kata dibawah atau bisa mengklik lewati verifikasi ini (akan diverifikasi lewat nomer ponsel) jadi akan 2 kali kerja lewat nomor ponsel
  • Setujui persyaratan
  • Lalu menuju ke langkah berikutnya

3. Inilah tampilan selanjutnya. Jika tadi sudah mencantumkan nomor telepon, langsung saja pilih yang pesan teks (SMS) dan pilih lanjutkan

4. Masukkan kode yang telah dikirim di nomor ponsel anda

5. Langsung lanjut ke blogger

6. Pilih profil blogger yang disebelah kanan. lalu pilih "buat profil blogger terbatas"

7. Ketikkan sebuah nama yang ingin di tampilkan pada judul blog kita.

Pepengaturan default akun blog yang terbaru ini agak aneh karena bahasa blog yang kita gunakan berbasis bahasa arab. Memang ada pilihan mengganti bahasa di bagian pojok kanan atas, tapi berulang kali dilakukan tetap tidak akan bisa kita ganti. Jadi langsung saja untuk lanjut ke blogger.

8. Inilah buktinya bahwa blog kita berbahasa arab.

Tapi tenang saja, bahasanya bisa diganti bahasa indonesia kok. langsung saja arahkan kursor di atas pojok kiri yang ada tanda (bawah) dengan bahasa arab. Pilih bahasa indonesia dan seketika itu pula bahasa blog yang anda gunakan telah menjadi bahasa indonesia.

9. Beginilah tampilan yang sebenarnya. Setelah itu langsung ke menu pilihan blog baru (panah biru)

10. ikuti intruksi yang ada di form pendaftaran

11. Lihat perubahan yang terjadi setelah membuat blog dan sebelum membuat blog (nomor 9 dan 11).
Setelah itu cek blog yang telah anda buat (panah biru sebelah kanan)

12. Taraaa.. blog anda telah jadi !


Baiklah cukup sekalian dulu untuk tutorial membuat email dan blognya. Untuk postingan selanjutnya akan saya jelaskan menu - menu dan komponen dalam blog itu sendiri. Terima kasih karena sudah menyimak.

klik tombol share untuk saling berbagi kepada sesama ya ^^
Read More

Kamis, 31 Januari 2013

Cara Menambahkan Komentar Facebook pada Blogspot

02.00.00  Vicrul  1 comment


#KLIK GAMBAR UNTUK MEMPERBESAR#
Rasa-rasanya para blogger telah dimanjakan dengan berbagai fitur dalam berkomentar ya? Seperti ada kata Reply untuk membalas komentar teman, dan ada juga komentar diberi garis berwarna yang dimana komentar tersebut menandakan milik si admin. Nah pada hari ini saya akan share yang lebih terbaru nih, yaitu kita bisa berkomentar dari dua sumber, yaitu dari Blogspot dan Facebook. Kotak komentar tersebut seperti sebuah menu, jadi kita memiliki dua opsi untuk berkomentar. Letaknya tetap berada di bawah posting yang kita entri. Untuk lebih jelasnya bisa melihat preview gambar dari kotak komentar milik saya.


Kotak Komentar Facebook


Kotak Komentar Blogspot
Bagaimana? Apakah ini yang anda cari? Jika iya, yuk meluncur ke tutorialnya.

1. Masuk / Log in ke blog

2. Pilih menu template

3. Edit HTML

4. Expand template widget

5. Gunakan Ctrl + F untuk mencari sebuah kata

6. Cari kode ]]></b:skin>

7. Jika sudah ketemu, letakkan kode berikut di atas kode ]]></b:skin> yang kamu cari tadi lalu simpan
.comments-page { background-color: #;}
    #blogger-comments-page { padding: 0px 5px; display: none;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px;
    cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}

8. Cari kode </head> lalu letakkan kode berikut diatasnya dan simpan
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID Facebook Kamu' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }
    </script>
9. Perhatikan Kode Diiatas.!!!
Pada tulisan yang berwarna biru, silahkan ganti dengan ID Facebook kamu. Misalnya link profil Facebook kamu adalah : https://www.facebook.com/Nama Akun Facebook Kamu, maka ID kamu itu adalah yang berada pada tulisan berwarna biru.

10. Cari kode <div class='comments' id='comments'> lalu masukan kode ini dibawahnya
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='630'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'> 
Angka 5 adalah jumlah komentar yang akan ditampilkan pada komentar Facebook.
Angka 630 merupakan lebar kotak komentar Facebooknya.
Dan kamu bisa mengubah angka-angka tersebut, sesuai dengan lebar template blog kamu.


12. Kilk "Simpan Template" atau "Save"

Sekian yang dapat saya share pada sore hari ini. Terima kasih atas perhatiannya.
klik tombol share untuk saling berbagi kepada sesama ya ^^
Read More

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More