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

Rabu, 06 Maret 2013

Cara Membuat Yahoo! Mail

Yahoo!

Yahoo! Mail adalah sebuah penyedia surat elektronik (webmail) dari Yahoo!. Ia merupakan penyedia surat elektronik terbesar di Internet, dengan jutaan pengguna. Penyaing utama Yahoo! Mail ialah Windows Live Hotmail, Gmail dan AOL Mail.
Pada 26 Agustus 2007, versi AJAX untuk Yahoo! Mail diperkirakan sudah lengkap dan mulai menggantikan Yahoo! Mail versi lama. Pengembangan antara muka baru ini bermula pada Juli 2004, walaupun adalah mungkin prototipe lain telah dimajukan sebelum itu. Pada masa ini ia serasi dengan Internet Explorer 7 dan Mozilla Firefox serta Camino (sebagai sebagian rancangan Yahoo! untuk menaiktaraf semua tampaknya supaya serasi dengan Firefox). Walaupun dapat digunakan melalui Opera dan Safari, terdapat sedikit masalah pada pengaturan letaknya. Yahoo! mail bisa digunakan sebagai pengganti SMS.

Bagaimana Cara Membuat Yahoo! Mail?


  • Pertama anda harus mengisi informasi tentang anda. Klik DISINI











  • Setelah anda mengisi informasi , anda akan di alihkan dan memasukan pertanyaan rahasia
 













Selesai! anda sekarang sudah bisa membuat Yahoo! mail. Jika tutorial di atas tidak mengerti anda bisa berkomentar di bawah ini!
Terima Kasih!

Cara Membuat GMail

GMail atau dikenal juga dengan Google Mail adalah layanan email berbasis web yang disediakan oleh Google secara gratis.
Layanan ini diluncurkan pada tanggal 21 Maret 2004 dan sempat membuat heboh banyak kalangan karena langsung menyediakan kapasitas email 1 GB yang pada saat itu sangat tidak wajar. Dan untuk pendaftarannya tidak terbuka untuk umum tetapi harus melalui undangan dari orang yang sebelumnya sudah mendapatkan account.
Dan uniknya untuk menghargai kita yang menjadi pengguna GMail maka setiap detik kapasitas layanan ini terus bertambah. Pada saat penulisan ini dibuat, kapasitas penyimpanannya sudah mencapai 7316 MB.

Nah itulah Pengertian GMail,, Sekarang Bagaimana Cara Membuat GMail?
Cara Membuat GMail:

  • Pertama anda harus mengisi informasi mengenai anda Klik DISINI
  • Setelah itu nanti anda akan diminta nomor phone anda

 
  • Pilih salah satu dengan cara SMS atau Telepon 
  • Kemudian masukan kode konfirmasi yang dikirimkan google kepada HandPhone anda
  • Nah Setelah itu perbaruilah  Info/Profil anda.

Jika cara di atas tidak berhasil anda bisa berkomentar di bawah ini.
Terima Kasih Semoga Bermanfaat!  

Selasa, 19 Februari 2013

Cara Membuat Related Posts Di Bawah Posting

Related posts sangat penting keberadaannya pada suatu blog , karena selain bisa menunjang SEO , related posts juga berfungsi untuk memudahkan pengunjung untuk mengakses artikel kita yang berkaitan dengan artikel yang sedang di baca oleh pengunjung.
Jadi pengunjung lebih bisa berlama-lama menelusuri blog kita sobat, tentunya dengan Related Posts Di Bawah Posting ini akan menunjang profesionalitas blog kita. Nah karena begitu vital fungsinya , saya akan share tutorial ini.
Oh Yea saya hampir lupa dengan fungsi dari Related Posts Di Bawah Posting . Fungsi dari related posts adalah menampilkan artikel yang berkaitan yang ada dalam blog kita. Masih belum paham..? Begini lo misalnya sobat memposting artikel dengan label Edukasi, News, Fisika, atau apa aja deh maka jika pengunjung mengklik artikel kita yang misalnya berlabel tutorial blog maka akan muncul menu dibawah postingan kita yang menyajikan artikel-artikel yang berlabel tutorial blogger.

Dibawah ini tampilan dari related posts nya :


Dari pada saya menjelaskannya sampai berbuih-berbuih, lebih baik saya langsung saja kepada intinya yaitu Cara Membuat Related Posts Di Bawah Posting.
  • Login Ke Blogger
  • Setelah Anda Login Maka Anda Sekarang Sudah Berada Di Dashboard Blog Anda
  • Setelah Itu Anda Cari Menu "Template" Setelah Ketemu Menunya Sekarang Anda Click , Setelah itu Anda Click Tulisan "Edit HTML" .
  • Setelah Mengklick Tulisan Edit HTML Maka Sekarang anda Centang Kotak Yang Bertulisan " Expand template widget " .
  • Setelah Itu Anda Cari Code Berikut Di Dalam HTML Template Anda "</head>" , Untuk Mempermudah Pencarian Anda Bisa Mengunakan CTRL + F.
  • Setelah Ketemu Sekarang Anda Copy Code Di Bawah Ini Tepat Sebelum Code Yang Di Cari Tadi ( </head> ). 

<style> #related-posts { float : left; width : 540px; 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMizpXczZzUpxbTuMN_asNoSbBQTqVaXdn5hyphenhyphenIVtxWdrKOdvyV0CRM-svzKs15Fz__nFzEpbEPSBJOAz68MlZSgOxBKsGlIJ60y7kJdoI6s6N01b1R_lRsNJjScIZTXZekYn8JxOyv_Z4/") 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://zamzam123.googlecode.com/files/ladj.js' type='text/javascript'/>
  • Sekarang Anda Cari Code "<data:post.body/>" jika ada dua, pilih yang kedua dan letakkan kode di bawah ini dibawah kode "<data:post.body/>" .

<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>  
  • Sekarang Anda Click "Simpan Template" Dan Anda Lihat Hasilnya .
Keterangan :
  • Bacalah Tutorial ini dengan teliti, Supaya Related Yang di bawah postingan ini Bisa / Berhasil .
Sekian Tutorial tentang Cara Membuat Related Posts Di Bawah Posting semoga bisa bermanfaat bagi kita semua.

Senin, 18 Februari 2013

Cara Membuat dan Menambahkan Widget Follow Button Twitter

Setelah cukup lama saya tidak membahas tentang tutorial blogger, maka sekarang saya akan membahasnya. Dan sekarang kita akan masuk ke dalam topik 'Cara Membuat/Membikin/Menambahkan Twitter Follow Button di blogspot-Blogger dengan Mudah Dan Cepat'. Memang, selain lewat Facebook kita juga bisa memanfaatkan twitter sebagai ladang mencari penggemar atau bahkan teman sesama blogger. Sebenarnya apa kegunaan dari twitter follow button ini? Simpel saja, dengan twitter follow button ini kita bisa mencari follower twitter dengan cepat melalui blog yang kita miliki.

cara menambahkan widget ini ke dalam blog :
  1. Klik link ini: https://twitter.com/about/resources/buttons#follow
  2. Kemudian klik 'Ikuti' pada menu 'Pilih Tombol'
  3. Masukkan nama pengguna/akun twitter anda pada kolom yang tersedia, kemudian atur sedemikian rupa sesuai selera anda.
  4. Jika sudah selesai mengatur-ngatur anda tinggal mencopy kode script yang tersedia.

Cara menambahkannya dalam blog.
  1. Masuk ke akun blogger anda.
  2. Klik 'Opsi Lainnya' atau 'More Options'
  3. Pilih 'Tata Letak' atau 'Layout'
  4. Kemudian klik 'Tambah Gadget' atau 'Add a gadget' di lokasi yang anda suka.
  5. Pilih widget HTML/JavaScript
  6. Beri judul sesuai selera atau kosongkan saja
  7. Dan copykan kode script yang telah anda dapatkan tadi.
  8. Klik 'Simpan' atau 'Save' dan lihat apa yang terjadi dalam blog anda. 
Sekian Dari Saya Thanks ^_^

Cara Memasang like button Facebook di setiap Posting

Sekarang saya akan menerangkan sedikit cara memasang like button facebook di setiap posting , sekarang saya hanya akan menerangkan sedikit bagaimana memasang like button di setiap posting secara otomatis  . Caranya sangat mudah silahkan anda ikuti cara ini .


Cara Memasang Like Button Facebook Di Setiap Posting


1. Cara pasang like button di postingan pertama login ke blogger, kemudian pilih menu Layout> Edit HTML.
2. Backup template anda terlebih dahulu.
3. Periksa kotak centang Expand Template Widget. (Jangan lupa untuk download template untuk keamanan)
4. Cari kode di bawah ini:  <data:post.body>
.5. Setelah anda mendapatkan kode diatas , anda taruh kode berikut ini di bawah kode diatas

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

 Ingat apabila anda sudah memakai navigasi breadcrumb maka kode html diatas akan ada dua ,, anda cari yang kedua nya

6. Simpan template dan lihat hasilnya.

Caranya sangat mudah kan untuk pasang like button di posting , silahkan anda tinggal komentar kalau ada yang ingin ditanyakan. Selamat berbingung ria dan semoga bermanfaat!!

Minggu, 17 Februari 2013

Cara membuat Label berputar-putar di blog


Kali ini saya akan share tentang cara membuat label berputar-putar di blog, cara ini sudah banyak di bahas oleh master-master blog terdahulu.
Disini saya hanya mengulas ulang, siapa tahu ada sahabat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sahabat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri.
Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.
 
Berikut ini langkah-langkah cara membuat label berputar-putar di blog:
1. Seperti biasa sobat harus login dulu di akun blog sahabat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode berikut:
  • Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
  • Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>
5. Setelah ketemu sobat copy paste code berikut ini tepat dibawah kode yang sobat cari tadi
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Created by <a href='http://www.zam-bekerz.blogspot.com/'>Bekerz</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
 
6. Klik save / simpan template Catatan: Apabila label belum muncul sobat setting secara manual dahulu.
Carany buka layout>pilih gadget>pilih labels>

Pilih Cloud. dan klik save
dan lihat bagaimana hasil nya..
Jika ada yang ingin ditanyakan atau ada yang belum jelas silahkan sahabat bertanya di kotak komentar yang tersedia. Selamat berbingung ria dan semoga bermanfaat!!

Cara Pasang Widget Share Button di atas dan di bawah Posting

Cara Pasang Widget Share Button di atas dan di bawah Posting. Share button adalah salah satu widget terbaik yang dapat memudahkan pembaca / pengunjung untuk berbagi isi konten blog. Biasanya widget ini diletakkan pada bagian sebelum posting (di bawah judul post) ataupun di bawah posting itu sendiri. Widget ini juga bisa membantu meningkatkan traffic blog kurang lebih sekitar 30% - 40%.
Selain sebagai penunjang traffic blog yang sobat kelola, widget ini dapat sekaligus menghias tampilan blog karena bentuknya yang unik namun tetap menarik. Widget facebook like, tweet, pin it, dan share button ini berbentuk deretan 4 buah button / tombol secara horizontal.


Cara Pasang Widget Share Button di atas dan di bawah Posting

1. Silahkan menuju AddThis.
2. Pada bagian kiri sobat akan disajikan beberapa variasi model widget, pilih model widget share button. Penampakan model / style widget bisa dilihat pada gambar berikut.

pilih model widget share button

3. Sekarang copy code yang tersedia pada bagian kanan di bawah bagian "Preview"
Copy dan Paste Script tersebut

4. Silahkan menuju Blogger > Template > Edit HTML.

5. Klik Lanjutkan > Centang Expand Widget Template.

6. Cari kode <data:post.body/> . Untuk memudahkan pencarian tekan tombol F3 pada keyboard atau tekan Ctrl + F secara bersamaan

7. Letakkan kode Share Button tadi sebelum kode <data:post.body/> untuk menampilkannya di bawah judul posting (sebelum isi posting) dan setelah kode <data:post.body/> untuk menampilkannya setelah posting.

Jika ada yang ingin ditanyakan atau ada yang belum jelas silahkan sobat bertanya di kotak komentar yang tersedia. Selamat berbingung ria dan semoga bermanfaat :)