Tutorialz Ku

Daftar isi blogger dengan navigasi halaman

noreply@blogger.com (Anonymous) — Sat, 4 May 2013 09:48:00 -0700

Hey,ketemulagi bersama blog tutorialz ku.apakah anda sehat?kalo sehat terakannya mana(ya pasti gak bakal kedengeran saya lah).oke kali ini blog tutorialz ku akan membahas tentang cara membuat daftar isi blogger dengan navigasi halaman,daftar isi/site map ini adalah hasil editan Mas Taufik.tapi saya tidak bermaksud membajak postingannya,saya hanya ingin berbagi.Oce langsung aja.

Untuk awalnya pilih Laman pada sidebar.kemudian,pada menu Laman baru pilih Laman kosong :

kemudian anda akan melihat formulir halaman statis seperti ini.klik mode HTML

copy kode di bawah ini kemudian letakan di dalam formulir tadi

<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_default-theme.css" type="text/css" />
<script type="text/javascript">
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "JQuery",
    loadingText    = "Loading...",
    totalPostLabel = "Jumlah posting:",
    jumpPageLabel  = "Halaman",
    commentsLabel  = "Komentar",
    rmoreText      = "Selengkapnya &#9658;",
    prevText       = "Sebelumnya",
    nextText       = "Berikutnya",
    siteUrl        = "http://tutorialz-ku.blogspot.com",
    postsperpage   = 10,
    numchars       = 370,
    imgBlank       = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg";
</script>
<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/blogger-archive-with-pagination.js"></script>

Ganti Url http://tutorialz-ku.blogspot.com dengan alamat blog anda lalu simpan.

Pengaturan

Opsi	Nilai	Keterangan
showPostDate	true	Ganti nilainya menjadi `false` jika Anda tidak ingin menampilkan bulan terbit artikel.
showPostDate	false
showComments	true	Ganti nilainya menjadi `false` jika Anda tidak ingin menampilkan jumlah komentar pada artikel.
showComments	false
idMode	true	Jika bernilai `true`, sistem penaggalan artikel akan menjadi berbahasa Indonesia. Jika bernilai `false` sistem penanggalan artikel akan berubah menjadi berbahasa Inggris.
idMode	false
sortByLabel	true	Digunakan untuk memfilter artikel/posting. Jika ingin menampilkan posting dengan kategori tertentu saja, pilihlah nilai `true`. Setelah itu tentukan nama label pada variabel `labelSorter`.
sortByLabel	false
labelSorter	"JavaScript", "Widget", ... (nama label)	Tentukan nama label jika opsi `sortByLabel` bernilai `true`.
totalPostLabel	"Jumlah posting:", ... (teks)	Tentukan keterangan jumlah posting (yang di bawah navigasi).
jumpPageLabel	"Halaman", ... (teks)	Tentukan keterangan lompatan posting (yang di bawah navigasi).
commentsLabel	"Komentar", "Comments", ... (teks)	Digunakan untuk menentukan label jumlah komentar (contoh: 10 Komentar).
rmoreText	"Baca Selengkapnya", "Read More", ... (teks)	Digunakan untuk menentukan label link menuju posting asli.
prevText	"Sebelumnya", "Previous", ... (teks)	Digunakan untuk menentukan label navigasi mundur.
nextText	"Berikutnya", "Next", ... (teks)	Digunakan untuk menentukan label navigasi maju.
siteUrl	(URL Blog)	Ganti URL ini dengan URL blog Anda.
postsperpage	10, 30, ... (numerik)	Digunakan untuk menentukan jumlah posting yang tampil pada satu halaman.
numchars	100, 200, ... (numerik)	Digunakan untuk menentukan jumlah karakter ringkasan posting.
imgBlank	no-image.jpg (URL Gambar)	Gambar cadangan jika posting yang tampil tidak memiliki gambar.

NB : Jika ingin mengganti tema sebaiknya langsung saja pergi keblog DTE atau blogMas Taufik Dengan Link : http://www.dte.web.id/2012/03/daftar-tema-widget-daftar-isi-blogger.html

Modifikasi kotak pesan komentar blog

noreply@blogger.com (Anonymous) — Thu, 2 May 2013 23:36:00 -0700

hallo sobat bloggers,apa kabar ? apakah sehat atau sakit? kalo sehat ya alhamdulillah.oh iya sobat bloggers kali ini blog Tutorialz Ku akan berbagi cara modifikasi kotak pesan komentar blog.yg demonya bisa di lihat di blog ini atau gambar di samping(tapi bagusan gambar disamping dibandingkan demo blog saya).Ya walau pun kode CSSnya dapet dari blog lain yang penting saya bisa berbagi,karena ini kesempatan saya untuk ngepos karena hari senin tanggal 6 mei saya melaksanakan UN (ujian negara),karena saya masih kelas 6.Oke langsung aja ke TKP.

1. logginn ke blogger.com

2. pilih blog yg mau kamu edit kotak pesannya

3. Klik template

4. Klik Edit html (tampilan edit html baru tidak tau cara edit nya kilk disini)

5. cari kode ]]></b:skin> (ctrl + f) dan masukan kode berikut di atas kode tadi

#pra-comment{
position: relative; 
background:#FFFFFF;/* Warna background kotak */
width:100%;
padding:10px; 
font:normal 12px trebuchet ms; 
text-align:justify; 
border:3px solid #FE80DF;/* Warna border kotak */
   border-radius: 10px;
   box-shadow: 0 0 0 2px #000000, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
margin:0 10px 10px 0; 
margin-top: 10px; 
line-height: 1.3em; 
} 
#pra-comment::after, #pra-comment::before { 
top: 100%; 
border: solid transparent; 
content: " ";
height: 0; 
width: 0; 
position: absolute; 
pointer-events: none 
} 
#pra-comment::before { 
border-top-color: #FE80DF; 
border-width: 15px; 
left: 10%; 
margin-left: -36px 
}
#pra-comment::after { 
border-top-color: #FFFFFF; /* Samakan dengan warna background */
border-width: 9px; 
left: 10%; 
margin-left: -30px
}

6. lalu cari kode <p><data:blogCommentMessage/></p> dan ganti dengan kode berikut :

<div id='pra-comment'><data:blogCommentMessage/></div>

7. simpan template

eiit belom selesai

8. Selanjutnya, masuk ke Setelan - Pos dan Komentar.

9. Pada kolom pesan formulir komentar, masukkan tulisan atau kata-kata mutiara yang ingin ditampilkan

10. Selesai

Keterangan : Ganti kode warna dengan warna-warna yang disukai.

jgn lupa tinggalin komentar ya sob.

Cara membuat kata sambutan dan penutup

noreply@blogger.com (Anonymous) — Wed, 1 May 2013 03:41:00 -0700

Pasti sobat udah taukan yg namanya kata sambutan dan penutup??
ya pasti tau,dan kebanyakan blogger memakai kata sambutan dan penutup agar di bilang blogger ramah karna menyambut dan memberi kata penutup.OKE lah langsung aja CEKIDOT.

Cara membuat kata sambutan dan penutup

1. login ke blogger.com

2. pilih blog yg kamu mau edit.

3. Pilih Tata letak -- add gatget -- html javascript

Kode untuk kata sambutan

<SCRIPT language='JavaScript'>alert("Selamat datang");</SCRIPT>

Kode untuk kata penutup

Keterangan :

warna biru adalah text yg akan muncul di kata sambutan /penutup,diganti atau tidak itu terserah anda

Cara Menghilangkan gambar tang dan obeng di blog

noreply@blogger.com (Anonymous) — Thu, 25 Apr 2013 07:22:00 -0700

Tombol tang dan obeng yang muncul di halaman blog saat kita sedang dalam keadaan login berfungsi untuk melakukan edit pada bagian tertentu secara cepat. Fungsi ini memang penting bagi kita yang sering melakukan editing dan ingin melakukannya dengan cepat. Karena dengan hanya mengklik ikon tombol tang dan obeng tersebut kita akan langsung diarahkan menuju ke bagian elemen laman yang dituju untuk diedit atau dimodifikasi.

Walawpun agak sedikit merepotkan bagi para bloggers,tapi seperti yg saya jelaskan di atas.Widget ini tidak makan waktu(irit).
oke langsung saja blog tutorialz ku kasih kode script menghilangkan gambar tang dan obeng,langsong yok.

1.Login ke blogger.com

2.Pilih blog yg mau kamu hilangkan gambar tang dan obengnya

3.Klik template

4.Lalu,klik edit HTML

5.cari kode ]]></b:skin> (klik ctrl +f di kotak edit html)

6.masukan kode di bawah ini,di atas kode ]]></b:skin>

.quickedit{
display:none;
}

7.Celecai dan lihat hacilnya di blog sobat,semoga bermanfaat

Cara edit template blogger versi baru

noreply@blogger.com (Anonymous) — Sat, 20 Apr 2013 06:22:00 -0700

anda pasti bertanya-tanya,kenapa nih kok tampilan edit HTMLnya beda??.tapi ini tampilannya keren gan modern abis hampir sama kaya Edit HTML wordpress,tapi fitur edit HTML yg baru ini enak sob,gak perlu Centang Expaid Template Widget itu nguras tenaga dikit.tapi kita bisa search lang sung gan(gengan cara ctrl +F).tarus udah ada jump to widget yg di tandai dengan tanda seperti paly music sob.

Cara Edit Template Tampilan Baru

pertama kalo mao edit udah disediain pilihannya sob.tinggal klik Jump To Widget ntar akan muncul pilihan widget yg ada di blog sobat.setiap widget yg loe pilih nanti bakal ada tanda seperti play music atau panah kecil dan ada angka urutannya sob(lihat gambar)

sekarang untuk cari kode di template.sekarang gak perlu susah-susah centang expaid template widget sekarang dah moderen choy enaknya yg praktis.untuk search kode tinggal klik di dalem kotak edit HTML(sembarang aja).lalu klik CTRL + F pasti nanti akan muncul kotak search yg ada di kanan atas kotak EDIT HTML,di ketik aja kodenya sob nanti akan ketemu.(look gambar)

Itu aja yang baru di edit tempalte Blogger gan. Untuk Format Template itu tentu fungsinya untuk memformat tempalte blog biar lebih rapi dan valid, silahkan aja dicoba sendiri gan. Sekian dulu ulasan singkat gw tentang cara edit template Blogger versi baru ini, semoga bermanfaat. Jangan lupa ninggalin komentar di bawah sob.

tambahan :

biasanya anda su sah mencari kode ]]></b:skin>,dan adanya cuma <b:skin>...</b:skin> atau tan da <blabla>...</blabla> itu untuk menyingkat kode kode misalnya <b:skin>...</b:skin> itu ada lah singka ada ri bskin CDATA sampai ke ]]></b:skin> klik aja ...nya dah cukup sekian dan terima kasih

Cara Membuat Efek Banjir Di blog

noreply@blogger.com (Anonymous) — Tue, 16 Apr 2013 01:54:00 -0700

Hallo Sobat blogger,dah pernah ngerasain banjir dirumah sobat belom?kalo belom sobat cobain aja nih cara membuat efek banjir di blog yg bisa membuat blog sobat buanjir.ini.tentunya ini sangat unik loh.tapi menggangu.dan yg lebih uniknya semua ini GRATIS.untuk bukti silahkan klik di bawah ini :

untuk live demo efek banjir

Cara Membuat Efek Banjir Di Blog :

1.masuk ke blogger.com

2.pilih blog yg mau kamu pasang efek ini

3.Klik Tata Letak

4.Klik Add gatget--pilih HTML/JavaScript

5.Masukan kode di bawah ini :

6.Simpan gatget

sekarang sobat bisa lihat hasilnya.efek ini akan membuat blog anda tenggelam akibat banjir.dan sobat bisa melihat ikan dan gelembung saat banjir.tapi efek ini membuat kita tidak bisa mengklik link(bisa kalo efek ini di tutup).sekian dan trima kasih.

Membuat Efek DauN Berjatuhan Diblog

noreply@blogger.com (Anonymous) — Tue, 16 Apr 2013 01:12:00 -0700

Hallo sobat bloggers,kali ini blog Tutorialz Ku akan bagi bagi efek daun berjatuhan.efek ini sedikit unik loh
dah gitu pola berjatuhnya pun berayun-ayun.cara membuat efek ini cukup mudah untuk pemula apa lagi master wah tutup mata dah bisa kali(ngarang).tapi sepertinya efek ini akan mempengaruhi loading.yg lebih uniknya lagi efek ini GRATIS.yo langsung aja.

1. login ke blogger.com

2.pilih blog yg mau kamu tambahkan efek ini

3.Klik Template -- Edit Template

4.Cari Kode </head> pada edit template dengan menekan F3 Atau CTRL + F

5. Copy Kode Javascript Dibawah ini Tepatnya Di atas kode </head>

6. Simpan,dan selesai semoga berhasil

Cara membuat daftar isi otomatis keren di blog

noreply@blogger.com (Anonymous) — Fri, 12 Apr 2013 01:28:00 -0700

enak ya kalo punya daftar isi otomatis dan kita gak usah nulis daftar isi manual kan cape apalagi kita mempunyai banyak entri/postingan waduh bisa 1 tahun nulis daftar isinya (terlalu berlebihan) nah kali ini blog Tutorialz-Ku akan share cara membuat daftar isi otomatis keren di blog tetapi blog Tutorialz-Ku akan share 2 versi yaitu versi scroll dan versi no scroll.

untuk demo yg versi scroll

untuk demo yg versi no scroll

nah dah liat kan live demonya keren ga? ya pasti keren lah (keren bagi admin)

dah langsung aja ke TKP

A.Versi scroll

masuk ke www.blogger.com
pilih blog yg mau kamu pasang daftar isi
klik laman,lalu klik laman baru,terus klik laman kosong (bingung?liat gambar)
klik html,masukin kode,judul,simpan(Bingung?liat gambar)

5. taruh kode di bawah ini tepat di kotak no 2

<div style="border: 1px solid rgb(255, 255, 255); height: 400px; overflow: auto; padding: 10px; text-align: justify; width: auto;"> <script src="http://tutorialz-ku.googlecode.com/files/daftar-isi-blog.js">
</script><script src="http://tutorialz-ku.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>

6.selesai tinggal klik simpan

B.Versi no Scroll

masuk ke www.blogger.com
pilih blog yg mau kamu pasang daftar isi
klik laman,lalu klik laman baru,terus klik laman kosong (bingung?liat gambar)
klik html,masukin kode,judul,simpan(Bingung?liat gambar)

5. taruh kode di bawah ini tepat di kotak no 2

Membuat Sumber Link Blog otomatis Saat Di COPAS

noreply@blogger.com (Anonymous) — Wed, 10 Apr 2013 00:29:00 -0700

Apakah Anda kesal saat artikel anda di COPAS (copy paste) ya dah pasti anda kesel nah kali ini BLOG Tutorialz Ku akan membagikan cara membuat sumber link blog otomatis saat di copas.Tapi Ya gak bakal bisa menghindari COPASER cuma ngasih Tulisan Sumber Doank Sih dan jika ada yg mengcopas artikel sobat pasti akan ada tulisan sumber Saya Kasih Contoh:

akuakuakuakuakiassajdbgasjghasfhgajsgjgdajdghajjsjsjsjsjsjsjsjssjsjsjsjsjsjsjsjsjsjsjsjsjsjsjsjsjjjj.
Sumber : tutorialz-ku.blogspot.com/2013/04/membuat-sumber-link-blog-otomatis-saat-di.html

Ok Langsung aja ke TKP

Masuk ke https://id.tynt.com/account/sign_up

Isi sesuai yg ada di gambar di bawah ini :

Abis Itu Pasti Akan Ke Tampilan seperti Gambar Di bawah Ini (setelah menyelesai kan step 1) :

2.copy code yg berwarna hijau diatas kode </head>

1.2.caranya login ke www.blogger.com
2.2.Klik blog yg mau kamu edit
3.2.Klik Template (lihat gambar di bawah ini)

4.2.Klik Edit Html (Lihat gambar Di bawah ini)

5.2 Taruh code tadi yg didapat dari tynt.com di atas kode </head>

6.2. Selecai

Coba anda copas artikel anda sendiri ke facebook atau yg lainnya pasti ada tulisan sumbernya jika anda suka dengan artikel ini mohon di berikan komentar.

Cara Menghapus Link Aktif Pada Komentar

noreply@blogger.com (Anonymous) — Tue, 9 Apr 2013 05:03:00 -0700

Udah tau maksud dari link aktif kan sob??? hehehe, ya kurang lebih begini, apabila ada seorang atau lebih pengunjung yang berkomentar pada sebuah artikel di blog kita dan kemudian mereka menempatkan sebuah kata atau kalimat yang ditautkan pada link yang mereka sudah siapkan.

Kira-kira begini link yang mereka tautkan :

<a href='http://tutorialz-ku.blogspot.com/'>Contoh Link Aktif</a> --->> Contoh Link Aktif

Nah, untuk kita sebagai pemilik blog tentu ini sebuah cara yang tidak sehat mengingat si penaruh link tersebut mendapatkan backlink dari kita namun tidak sebaliknya. Padahal masih ada cara-cara sehat yang bisa dilakukan, seperti misalnya saling bertukar link sehingga satu sama lain dapat diuntungkan.

Sebenarnya, untuk mencegah pengunjung blog menautkan link aktif pada komentar nya dapat dilakukan dengan cara yang santun, misalnya dengan memberikan informasi di sekitar kotak komentar untuk tidak menampilkan link aktif, seperti halnya di blog ini, menerapkan fitur moderasi komentar, sampai pada menghapus secara manual komentar yang sekiranya menautkan link aktif.

Tapi, tidak sedikit yang mungkin entah tidak membaca tulisan yang kita pasang tersebut atau mungkin sengaja untuk tetap menautkan link aktif pada komentar nya, sehingga dibutuhkan cara-cara yang dapat secara otomatis mencegahnya.

Ok, langsung aja kita praktek sob...

1. Login di blogger.

2. Pilih Template - Edit HTML - Centang Expand Template Widget.

3. Cari kode ]]></b:skin> dan letakkan kode berikut tepat diatasnya :

#comments p a {display:none;}

4. Cari kode </head> dan letakkan salah satu kode berikut tepat diatas nya :

|> Untuk mengganti link aktif dengan kalimat :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery("#comments p").find("a").replaceWith("<span>Peringatan: Dilarang Menampilkan Link Aktif</span>");
});
</script>

|> Untuk mengganti link aktif dengan link temen-temen :

script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery("#comments p a").attr("href", "http://URL-anda.com/");
});
</script>

5. Simpan Template.

Untuk Bukti Silahkan Sobat Cuba Komentar LINK AKTIF Di Salah Satu Artikel Sobat.

Contoh Link Aktif

Cara Membuat Blog Di Wordpress

noreply@blogger.com (Anonymous) — Mon, 8 Apr 2013 00:32:00 -0700

Oke, sebelum anda memulai membuat sebuah blog di wordpress.com, anda harus membutuhkan sebuah email dulu. Yang paling bagus adalah email dari Google. Namun tidak harus google. Jika anda punya email lain yang sudah ada misalnya yahoo, bisa anda gunakan. Namun jika belum bisa lihat cara membuat akun Email >> http://tutorialz-ku.blogspot.com/2013/04/langkah-dan-cara-membuat-email-di-gmail.html
Kalau sudah, silakan ikuti langkah-langkah/cara berikut untuk membuat blog di wordpress.com:

Jalankan browser Anda kemudian buka http://www.wordpress.com. Tunggu hingga muncul tampilan awal WordPress.com.
Klik Get Started Here
Isi formulir yang telah tersedia:
- Blog Address: Untuk alamat Blog anda
- Username: Untuk Username Login
- Password: Password anda, dan confirm password di bawahnya
- Email Address: Masukkan Email anda untuk konfirmasi akunkemudian klik Tombol Create Blog.
Selanjutnya Anda diminta untuk melakukan aktivasi blog dengan cara mengeklik link yang dikirimkan ke email Anda.
Klik link yang ada di pesan email Anda.
Setelah Anda klik link tersebut maka Anda akan langsung menuju halaman dashboard. Ini artinya akun Anda telah aktif dan blog Anda telah jadi.
Dan Selesai.

Nah, untuk mengelola blog, seperti membuat posting, membuat kategori, atau membuat halaman dan lainnya, sama saja seperti wordpress yang di install sendiri. Anda bisa baca di artikel cara mengelola wordpress. Silakan lihat link di atas tadi.

Cara Membuat Blog di blogger

noreply@blogger.com (Anonymous) — Mon, 8 Apr 2013 00:06:00 -0700

Cara membuat blog di blogger - Blog merupakan salah satu jenis portal internet yang dinamis dan konten atau isinya yang terus menerus diperbaharui berdasarkan urutan waktu. Pada dasarnya fungsi blog hanya digunakan sebagai jurnal atau catatan pribadi yang di publikasikan secara online. Namun seiring berjalannya waktu fungsi blog banyak berubah ke arah yang lebih jauh seperti situs berita, portal tutorial, dll.

Jika anda ingin memulai belajar cara membuat blog, anda bisa menggunakan platform blog gratisan di blogger. Berikut ini adalah step by step cara membuat blog di blogger/blogspot.

Cara membuat blog di blogger

Sebelum memulai, anda diharuskan untuk membuat akun GMAIL. Silahkan lihat Cara membuat email di gmail di gmail terlebuh dahulu.

Setelah email jadi, ikuti langkah langkah dibawah ini :

Silahkan kunjungi situs http://www.blogger.com
Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan bawah, ubah bahasa ke Indonesia agar lebih mudah difahami.
Silahkan langsung masuk/login dengan menggunakan username/nama pengguna serta password/sandi gmail anda ( akun email anda bisa untuk login ke blogger).
Isilah formulir yang ada :
1. Nama tampilan : isi dengan nama yang ingin tampil pada profile blog anda.
2. Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria.
3. Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.
4. Klik tanda panah bertuliskan “Lanjutkan”.
Klik tombol “Blog Baru”.
Isilah formulir :
1. Judul : Isi dengan judul blog yang di inginkan, misal : Coretan sang penghayal
2. Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.
3. Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).
4. Lanjutkan dengan klik tombol “Buat blog!”.
5. Sampai disini blog anda telah berhasil di buat.
Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “Mulai mengeposkan”.
Isi judul serta artikel. Akhiri dengan klik tombol “Publikasikan”.
Silahkan lihat blog anda dengan klik tombol “Lihat Blog”
Selesai.

Disini blog blogger anda sudah jadi, dan anda sudah bisa mempromosikan blog anda ke teman dan orang yang anda kenal, untuk membangun komunitas online.

Langkah dan cara membuat email di gmail (mail google)

noreply@blogger.com (Anonymous) — Sun, 7 Apr 2013 23:51:00 -0700

Langkah Dan cara membuat email di gmail (google mail) - Postingan ini untuk anda yang masih bingung membuat email dari gmail Google. Fungsi email dari gmail selain bisa digunakan untuk mengirim emal dapat juga digunakan untuk membuat Blog. Jika anda memiliki akun dari gmail ini maka otomatis semua produk google bisa anda akses dengan akun ini.

Berikut ini Langkah-langkah membuat Email Gmail

Langkah pertama dalam cara membuat email Gmail adalah membuka alamat mail.google.com pada browser anda.
Pada halaman registrasi log in sebelah kanan terdapat kolom Sign in dan Create an account, silahkan klik CREATE AN ACCOUNT.
Anda akan masuk ke halaman pendaftaran dan isi-kan semua data lengkap anda, detail nya sebagai berikut:

Nama: Isi-kan nama anda anda sendiri, nama depan dan nama belakang.
Nama Masuk-Log yang diinginkan: isi-kan dengan sebuah kata yang menjadi alamat email anda, dan pastikan kata tersebut belum ter-pakai oleh orang lain, cek dengan mengklik cek ketersediaan.
Password: Ini adalah kata sandi yang hanya anda yang mengetahuinya. Pakailah kata sandi yang rumit tapi gampang diingat oleh anda sendiri.
Confirm your password: Untuk memastikan kata sandi yang anda masukan benar, google meminta anda untuk memasukkan kembali kata sandi yang anda tulis sebelumnya.
Pertanyaan Keamanan: pilih jenis pertanyaan yang disediakan Google.
Jawaban: Jawaban dari pertanyaan sebelumnya (pastikan jawabannya hanya anda yang bisa mengetahuinya).
Email Pemulihan: Isi-kan alamat email anda yang sudah ada, ini berguna jika ada masalah dengan atau lupa sandi.
Lokasi: isi Lokasi anda.
Tanggal lahir: Isi tanggal lahir, bulan dan tahunnya.
Ketik kode yang ditampilkan: Anda harus mengetik kode sama persis seperti gambar di-atas, jika salah ulang sampai benar.
Centang kotak kecil (persyaratan Layanan) yang tersedia untuk meng konfirmasi anda menyetujui persyaratan dari google.
Jika data sudah di isi dengan lengkap silakan anda tekan tombol “saya menerima. Buat akun saya” untuk melanjutkan

Selanjutnya Ada verifikasi tambahan dari google salah satunya melalui Handphone, masukan nomor handphone anda dan tunggu sampai kode verifikasi dikirim oleh google melalui SMS. apabila anda sudah menerima kode verifikasi tersebut kemudian masukan pada kolom verifikasi yang sudah disediakan.

Selanjutnya anda akan diarahkan ke halaman email anda dan silahkan isi profil anda. Email Berhasil anda buat.

Membuat Artikel Terkait Dengan Icon

noreply@blogger.com (Anonymous) — Sun, 7 Apr 2013 22:48:00 -0700

Buat sobat blogger yang ingin membuat artikel terkait dengan icon, berikut Blog Tutorial ingin berbagi sedikit Tutorial bagaimana cara pasang artikel terkait dengan icon...
Silahkan sobat simak dibawah ini langkah-langkah penerapannya:

Login ke blogger dengan ID sobat.
Pilih Rancangan.
Pilih Edit HTML jangan lupa centang Expand Template Widget
Cari kode </head> untuk mempermudah pencarian tekan Ctrl+F3.
Lalu copy code di bawah ini dan paste di atas </head>

 <style type='text/css'> #related-posts { float : left; width : 
100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 
11px Verdana; margin-bottom:10px; } #related-posts .widget { 
list-style-type : none; margin : 5px 0 5px 0; padding : 0; } 
#related-posts .widget h2, #related-posts h2 { font-size : 20px; 
font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } 
#related-posts a { text-decoration : none; } #related-posts a:hover { 
text-decoration : none; } #related-posts ul { border : medium none; 
margin : 10px; padding : 0; } #related-posts ul li { display : block; 
background : 
url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgjLJiCAk5VggZT0DiVVHqXwagsoavGRq4Ll-e8HBwfpJbvdXGt_gHB-YH0qUJD0B0UlDeqLCUpAjgd0lNvanuiw2ecHBPCfCqgo37r-YLqb7qmf3Ar_AxN8pwjg6pW_sJsM3z0soFR3M/

.png&quot;)
 no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; 
padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; 
line-height : 2em; border-bottom:1px dotted #cccccc; } </style> 
<script src='http://belajarblogging.googlecode.com/files/relpost.js' 
type='text/javascript'/>

Kalau sudah, lalu cari kode <data:post.body/>
Kemudian copas kode di bawah ini setelah kode <data:post.body/> tersebut

<b:if cond='data:blog.pageType == "item"'><div 
id="related-posts"><font face='Arial' size='3'><b>Related
 Posts : </b></font><font color='#FFFFFF'><b:loop 
values='data:post.labels' 
var='label'><data:label.name/><b:if cond='data:label.isLast 
!= &quot;true&quot;'>,</b:if><b:if 
cond='data:blog.pageType == &quot;item&quot;'><script 
expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + 
&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-

results=5&quot;'
 type='text/javascript'/></b:if></b:loop> 
</font><script type='text/javascript'> 
removeRelatedDuplicates(); 
printRelatedLabels();</script></div></b:if>

Terakhir save template anda

Keterangan:
Kalau gambarnya ingin sesuai selera anda, tinggal ganti kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgjLJiCAk5VggZT0DiVVHqXwagsoavGRq4Ll-e8HBwfpJbvdXGt_gHB-YH0qUJD0B0UlDeqLCUpAjgd0lNvanuiw2ecHBPCfCqgo37r-YLqb7qmf3Ar_AxN8pwjg6pW_sJsM3z0soFR3M/.png
dengan url image yang kamu inginkan, sedangkan kode max-results=5 di atas menunjukkan jumlah post maksimal atau artikel berkaitan yang akan tampil pada setiap halamannya, sesuaikan saja dengan selera anda.

Membuat Back To Top Keren Di Blog

noreply@blogger.com (Anonymous) — Sun, 7 Apr 2013 03:52:00 -0700

Saat kita baca postingan yang panjang banget sampe ke bawah, terus pengen baca lagi dari atas tapi scroll mouse rusak. Apa pernah loe ngalamin hal tersebut gan? Kalo pernah pasti repot karena harus narikin tombol scroll di browser ya gak. Apalagi kalo pake laptop cuma pake touch pad waduh bikin sebel.

Nah Kali Ini Blog Tutorialz Ku Akan NgeShare Cara Membuat Back To Top Keren Di Blog Karya Bang SEO CIYUS

Blog kalian udah ada tombol back to topnya belom? Kalo belom, pasang sekarang juga, tombol back to top ini emang bukan navigasi utama tapi bisa jadi sangat penting buat beberapa pengunjung gan. Gak susah kok membuat tombol back to top di blog gan cuma tinggal nambahin widget tanpa perlu edit HTML.

Kali ini gw bakal share cara membuat tombol back to top di blog yang gampang gan. Kalo loe berminat silahkan langsung disimak cara buatnya gan gak pake ribet. Contohnya kayak yang ada di blog ini posisi tombol ada di kanan gan.

Cara Membuat Tombol Back To Top Keren Di Blog

Pertama masuk ke Blogger lalu pilih Layout terus Add a Gadget dan tambahin HTML/JavaScript gan. Terus tinggal loe pastein kode di bawah ini di kotak kosongnya.

Kalo udah di pastein sekarang tinggal di ganti URL Gambar Back To Top sama url gambar punya loe gan lalu di Save. Coba sekarang buka blog loe pasti udah ada tombol back to topnya gan.

Kalo loe gak punya gambar tombolnya ni gw sediain gan, ada yang animasi sama standar tinggal dipilih aja.

Animasi :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFmNK0HKC-mfmVE4wi12CVkd5jP8n03Z8zPM-huPRrrfnhTGPaHmgcF1kUWWy_4lYX2WwfFTSBR2qQ4UMRTbL_cm1qCG677iplbGuUejZbCRx-e6pvSTTEMTapaCyCaS7AOLXRJAPcNMIt/s1600/back+to+top10.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPORHp5XMiCOq4_WkyycwAwD-nd0njTCjyVjkgfi0miLWFrK0PQOXbGIDvGa2B_P8Gi_ZPipqcc9N5aWhS3eQB_FKf7M0DiTZm_V3el6XvO4VOM-gWddtQ9mQSZ5WYwNFPUJ_L_56TGlMm/s1600/back+to+top4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDV9DaLgXnhDqNuNdhyphenhyphenWNGHSGlCYX1wzHltGWtM7fX7BwO2jsTzZ4AN4Fz6MZKIFIMu5bvJig1xJGdo8wuIon2-UaSHVmnmHkNjV-ygn-mHx3JCaSNjx9LDQ97kmsQnYvQyMZ_tr_1UfJl/s1600/back+to+top7.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPi_pPGMFJYJr49AhTIpH8s14eEVVd6yCGMkQfkd6ML8_RFESDrfPW51KfvX_2TSOnqqk6J-yQX-IbITC8cuTSm1oKpZROWlrK8UShzZT5wkE-JPOYcGnJCfKj0RBOqpKjTs2_ltKLpFKV/s1600/back+to+top9.gif

Standar

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzJ-2dxSrPy3boBjRFmfhycXtSOnDbPa22lzZwQn5OTF5-wmAnXJ8k2EmI41ycdbhpntbYOqK8NMPfPTuwavvmTYa3VGN4enHuIioPyw3X158IrNtlT74LJjrXw9382nkSTZeYD2CGt0uz/s1600/back+to+top13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijDVrdyyvxmRrdC1vRsvXmDzRBz-GtpywccL4hmKNlq7-5GOl9DbYbfrXrWA9STEnmTQNJ5PDXYfUs4eYz5pf1sKT_JJ8lYhx2cXCaVM7jjHx73wQLQZsSRTXqFtiSdtbvAQzP_Ek07ZLz/s1600/back+to+top14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Bn__YajLNw_r2L7WyZfUJruZz56r7dyNLqu7Vj53a_injziZW1SuwXIcN8mo9zW09fhnfN412clGAQCpXJekLklaYM3nvSmlBcnarLSmshLBFhZ2YzTUA60HGxb32LGhdEnVPUnndmKO/s1600/back+to+top15.png

Beres gan, gampang kan cara membuat tombol back to top di blognya. Ow ya kalo loe mau rubah kecepatan scrollnya bisa di edit aja scrollduration, semakin besar angkanya semakin lambat gerakan ke atasnya gan.

Sekian dulu yang bisa gw share tentang cara membuat tombol back to top, semoga bermanfaat buat kalian semua. Jangan lupa ninggalin komentar ya gan