Tips Agar Blog Terlihat Elegan

Assalamu'alaikum sobat blogger, sudah lama rasanya saya tidak ngeblog lagi berhubung persiapan menjelang ujian nasional SMK tahun 2014 dan kini saya akan menyempatkan membuat tutorial tentang Tips Agar Blog Terlihat Elegan. Blog jika terlihat elegan dan profesional makan pengunjung akan betah berlama-lama di blog kita, nah maka dari itu saya akan berbagi Tips Agar Blog Terlihat Elegan, cekidot :

1. Mengecek tampilan blog Anda dengan browser yang berbeda
Tampilan halaman Anda mungkin cantik di browser Google Chrome, namun belum tentu bagus di browser Firefox, Opera atau lainnya. Oleh karena pengunjung Anda tidak hanya menggunakan satu browser saja. Lakukan pengecekan dengan browser yang berbeda.

2. Pilih warna blog yang sesuai
Warna adalah unsur yang pertama kali dilihat, sesuaikan warna blog dengan tema yang kebanyakan dibahas. Akan lebih pas jika blog cewek yang membahas masalah anak muda dengan tampilan pink. Sama juga dengan blog ini, yang membahas tutorial blog dengan warna hijau :D

3. Hindari memasang jam dan kalender
Coba Anda pikirkan fungsi memasang jam dan kalender di blog. Jika hanya untuk pengingat waktu, maka apa fungsi jam dan kalender pada taskbar windows. Memasang keduanya pada blog hanya memperlambat load page blog Anda.

4. Jangan pasang banyak iklan
Seberapa besar pendapatan dari iklan yang dihitung berdasarkan klik? Saya sendiri tidak begitu yakin akan mampu menghidupi sebulan. Jangan pasang iklan yang berlebihan, apalagi minta untuk mengkliknya.

5. Atur tata letak dan lihat tampilan.
Atur widget-widget yang dipasang, sesuaikan warnanya dengan blog. Tampilan jumlah postingan di halaman utama tidak terlalu banyak, sesuaikan juga dengan sidebar yang ada seberapakah ke bawahnya. Lihat tampilannya dengan browser yang berbeda, misalkan : Firefox, Flock, Mozilla, IE, Opera, Safari.

6. Pilihlah template yag sesuai
Template merupakan hal penting di blog, adapun cara mengganti template blog silahkan baca disini. Untuk pilhan templatenya bisa kunjungi:
 - http://www.mastemplate.com

Read More

Langkah mengextract file zip, rar, menjadi xml

Langkah yang saya berikan di bawah ini saya buat mendetil hingga para blogger pemula bisa menerapkannya.
Berikut langkah untuk mengextract File .zip atau .rar ke dalam .xml :

1. Silahkan sobat buka folder dimana sobat menyimpan file di download tadi.
2. Setelah itu klik kanan mouse sobat tepat di atas file Nama Template Sobat[dot]zip Kemudian pilih Extract Files.
3. Kemudian Muncul di layar komputer sobt Extraction path and Options tekan OK di sebelah kanan bawah.
4. Tunggu sebentar kemudian akan muncul folder baru dengan nama file tadi ( Nama Template Sobat ). 
5. Lihat kedalam folder baru kemudian geser mouse anda tepat di atas nya. Jika tulisan yang muncul menerangkan bahwa file tersebut berformat .xml Document maka file ini bisa langsung sobat upload ke dalam blog sobat. Jika file yang muncul dalam format Text Document silahkan sobat buka file tersebut kemudian copy paste semua code yang ada dalam file tersebut ke dalam template blog sobat.
6. Selesai.

Begitulah kira-kira caranya

Read More

Cara mengganti template blog

Dalam kesempatan yang ini saya akan memberikan tutorial blogger cara mengganti template blog. Sebelum menunggah template sobat harus mengextract dulu dari file zip atau rar menjadi xml, caranya klik disini

 Silahkan disimak tutorial blogger berikut ini:
1. Login atau Masuk ke halaman Dasbor Blog kamu.
2. KLIK: Template
3. KLIK: Cadangkan/Pulihkan
4. Unggah template dari file hard drive kamu
Cara menggunggah template dari file hard drive caranya denga Klik: Browse,
5. Pilh file dengan cara KLIK: File Template hasil download kamu di hard drive.
6. Unggah file template

Oke begitulah caranya sobat, semoga bermanfaat ya

Read More

membuat link berubah warna bila di sentuh mouse

jika kita menyorot semua link yang ada di blog dengan kursor mouse, link tersebut bakalan berubah warna atau jadi warna-warni. Selain itu trik ini juga bisa membuat tampilan blog kita jadi lebih menarik...

Caranya pun mudah anda tinggal ikuti langkah-langkah berikut:

1.Login ke blogger.com
2.Pilih menu Design Klik Add a Gadget Pilih HTML/JavaScript
3.Masukkan JavaScript di bawah ini

<script src="http://zezen.googlecode.com/files/rainbowlink.js" type="text/javascript"></script>

4.Klik Save

 Nah sekarang bisa anda lihat sendiri blog anda menjadi menarik

Read More

Efek salju pada blog

Di tutorial sebelumnya saya telah membahas mengenai cara agar daun berguguran di blog dan kini saya akan membahas mengenai efek salju bertaburan, Berikut langkahnya :

1. Login ke blogger.
2. Masuk ke Rancangan dan pilih Tata Letak
3.Tambah Gadet > HTML javascript
4.pastekan kode kode berikut di HTML javascript :

Kode Untuk Salju Yang berwarna Putih

<script src="http://dapurtutorial.googlecode.com/files/Hujan-salju.js"></script>

Kode Untuk Salju Yang berwarna Merah

<script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-tes.js"></script>

Kode Untuk Salju Yang berwarna Biru

<script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-Biru.js"></script>

Kode Untuk Salju Yang berwarna Hijau

<script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-hijau.js"></script>

Kode Untuk Salju Yang berwarna Kuning

<script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-Kuning.js"></script>

Kode Untuk Salju Yang berwarna Pink

<script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-Pink.js"></script>

5.Simpan

Nah demikian postingan dari saya semoga bermanfaat

Read More

Cara buat daftar isi

Daftar isi merupakan halaman yang berisi daftar artikel-artikel diblog kita dengan lengkap. Jadi pengunjung bisa lebih leluasa menjelajah isi blog kita Langsung saja kita pelajari cara membuat daftar isi:

 LANGKAH 1

1. Login ke blogger.
2. Masuk ke Rancangan dan pilih Edit HTML
3. Letakkan kode di bawah ini, di atas kode ]]></b:skin>

#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVAgSep4cCD_EIqVcy1B-yrz3DfdNd1GYTv1XPjLdpkr-fT7Z_2WKTP21y1kPDkmPdTYh3En2aunohY-gX0BX52u2JnT0-LH00wwl25Gn7qcWWQDmWDPKeExMrnkjM67hyjjeaVz26gDg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4vPpEsTaJ_kUyzpqVXz7LdiXeVzxB2hwnKpzmBD5IY6gEfgQXJ3emEo36JoS-2Ltvbmb_678AJk_yWYd6MPoyxtyyl3k3ZSLkFoLbWWtpKoDa3qqA-wx8yxV_pCx6Ldq6cXP3_y1Iu2c/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeSIfRfjn1iHCAAgKpicDH68_GOqHfsGCa1apbwnCPPNaSVuV8A6qM9ssNRRUQCVraHnXd4pZcgGlMCUA5JCGgkMzFsiYP6OD7s6JegdeL5o6KeD6OPhkOEh_zDM1v9LFQzc7KbvAsis0/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }

4. Selenjutnya cari kode </head>, , lalu letakkan kode dibawah ini diatas kode .</head>,

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>

5. Simpan template.


 LANGKAH 2

 1. Klik menu Posting, kemudian masuk ke Entri baru. Masukkan kode di bawah ini pada postingan, caranya seperti membuat postingan seperti biasa tetapi dalam mode HTML.

<div style="border: 1px solid rgb(204, 204, 204); height: 225px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;"><br /> <script src="http://litehoster.mobie.in/file/js/datar.isi.js"></script><script src="http://artikelsederhan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Ubah http://artikelsederhan.blogspot.com/ dengan nama blog sobat

 2.Klik Publikasikan

 selesai deh...semoga tips n trik dari saya bermanfaat, maju terus blogger indonesia

Read More

Cara membuat kotak script pada postingan

Kotak JS sangat membantu dalam menghemat halaman postingan apalagi kalau JSnya sangat panjang jika menggunakan kotak script maka JS yang panjang akan menjadi pendek. Berikut langkah cara pembuatannya:

1. Login Blogger kamu > Dashboard > New Entri (Menulis Postingan baru)
2. Kemudian pilih yang HTML 
3. Coba masukkan javascript di bawah ini

<div style="background-color: #edecec; border: 1px solid rgb(102,204, 255); display: block; padding: 15px; text-align: left;">
www.cofeemix.com</div>

4.Publikasikan

Read More

Efek Daun Berguguran di Blog

Rasanya blog kita terlihat alami saat daun berguguran di blog, apalagi kalau di tambah efek salju bertaburan, namun itu semua perlu langkah-langkahnya agar daun bisa berguguran di blog, berikut langkah-langkahnya : 

1.Login ke blogger
2.Masuk ke Rancangan -- Elemen Laman
3.Tambahkan gadjet lalu pilih HTML Javascript
4.Masukkan kode dibawah ini:

<script src='http://blogtrikdantips-blogspot.googlecode.com/files/daun.js'/></script>

5.Simpan gadjet lalu lihat hasilnya

Read More

cara membuat widget user online

Who's Among Us adalah salah satu widget yang nggak kalah penting, who's Among Us ini berfungsi sebagai pemberitahu berapa USERkah yang online pada web tersebut, Nah sekarang kita langsung saja mempelajari Cara pasang widget user online 

1.Pilih widget yang kalian inginkan. klik di sini

     di sini ada 5 jenis widget yang bisa kalian pilih tergantung selera kalian, di sini saya memilih "the classic widget"
2.klik script yang ada, maka akan otomatis tercopy.
3.Kemudian loggin ke blogger kalian, masuk pada Template, Edit HTML, Lanjutkan, centang "expand                 widget"
4.Kemudian paste script tersebut di bawah kode ]]></b:skin>

5.Simpan Template

Sekian info dari saya semoga bermanfaat bagi kita semua, maju terus blogger indonesia

Read More

Cara posting agar SEO

Awalnya saya tidak tahu bahwa postingan juga bisa SEO, dan kini saya akan berbagi ilmu agar postingan sobat bisa SEO

Langsung saja kita pelajari :

1.Login ke blogger
2.Klik judul blog sobat
3.Tambah entri baru
4.Klik HTML
5.Silahkan sobat mulai posting
6.Klik Compose
7.Editlah terlebihdahulu postingan yang tadi di buat
8.Setelah selesai mengedit klik label, isikan label sesuka sobat
9.Klik Publikasikan

Selesai semoga bermanfaat dan maju terus blogger indonesia

Read More

5 Addon firefox yang wajib di install

Mozilla firefox adalah salah satu browser terbaik saat ini, berkat banyaknya addon membuat browser yang satu uni menjadi sempurna. Dan yang nggak kalah penting adalah Mozilla firefox membuat browser berfungsi tidak hanya sekedar untuk browsing internet. Namun bisa lebih jauh dari itu. Addons di Mozillah firefox bisa membuat pengalaman browsing kamu nggak sekedar melihat-lihat halaman internet, tetapi bisa jauh lebih menyenangkan, dan membantu kamu menjadi lebih produktif.

 1.DownThemAll

    Addon DownThemAll ini sangat berguna sebagai download manager. Dalam situs resminya, Addon ini dapat membantu kita untuk meningkatkan kecepatan downlad hingga 400%. Apabila ada banyak file yang kamu download, Kamu bisa mengatur berapa file yang perlu RUNNUNG DOWNLOAD dan berapa yang menunggu. Banyak kostumisasi yang bisa kamu lakukan dengan addon download manager ini.

 2.Easy Youtube downloader

   Sudah bukan rahasia lagi kalau kita suka dengan kegiatan menonton video di youtube dan pasti seringkali kita ingin menyimpan beberapa video yang kita anggap bagus, sehingga kita nggak perlu repot-repot streaming lagi.Apalagi kalau di daerah yang masih terbatas bandwithnya pastinya akan memilih untuk mendownloadnya. Nah dengan menginstall Easy Youtube downloader kamu bisa dengan mudah mendownload video youtube yang kamu suka.Setelah menginstall addon ini, akan tampil botton baru di bawah layar video youtube yang mana kamu bisa memilih ukuran video yang kamu mau. 

3.Openlt Online

   Openlt Online merupakan ekstensi yang memungkinkan kalian untuk membuka dan mengedit file seperti *.doc.*.docx.*.*odt* dan berbagai macam documen office lainnya secara online melalui firefox

 4.Grease Monkey

   Sudahkah kalian mengenal dan menggunakan grease monkey? Grease Monkey adalah sebuah addon bagi firefox yang mengaplikasikan sebuah script (tepatnya javascript) ke sebuah web yang kalian kunjungi, mulai dari mengubah warna, tema, tulisan, bahkan melakukan aksi otomatis login dan download 

5.Adblock Plus

   Adblock plus adalah suatu plugin firefox berfungsi untuk memblokir iklan-iklan yang muncul di website yang kita kunjungi. Nggak cuma itu, adblock plus juga mampu untuk memblokir objek-objek tertentu antara lain : Frame, Image, CSS, dan lain-lain. Artinya itu akan mempercepat dan mengehemat browsing kamu. Cara untuk mengeset iklan mana saja yang akan akan di blokir adalah Klik Kanan pada objek iklan tersebut -> pilih Adblock Plus this image/frame.

Read More

Cara buat teks efek mengetik

Awalnya saya terinspirasi bagaimana cara membuat tulisan efek mengetik dan akhirnya saya tau bagaiman cara membuatnya.Dari pada pengetahuan saya hanya saya simpan lebih baik saya share pada anda, seperti kata " ilmu tak di amalkan bagaikan pohon tak berbuah " .

 Cara membuat efek tulisan dengan efek mengetik adalah sebagai berikut:

1. Buka http://wigflip.com/screedbot/ 
2. Nah di situ ada kotak pengisian teks,isi sesuai keinginan kamu
3. Dibawahnya ada pengaturan

width: lebar kotak
fontsize: ukuran font
juga pengaturan warna background dan warna font
 
4. Klik Create Screed
6. Dibawahnya terdapat gambar animasimu yang sudah jadi
7. Lalu ada pilihan Save it to Filckr atau ImageShack.us jika kamu ingin langsung upload gambar tersebut.
8. Pilih Save it to Computer jika ingin menyimpannya dulu di komputer
9. Sementara untuk penempelan di artikel atau sidebar adalah sebagaimana upload gambar biasa (setelah animasi itu kamu upload).


Semoga bermanfaat maju terus blogger indonesia

Read More

Cara buat Read More otomatis

Cara membuat read more otomatis di blogspot sangat mudah.Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis


Langkah-langkah cara membuat Read More Otomatis:

1.Login ke Dashboard Blog anda
 2.Buka design > Edit HTML > centang Expand template widget
3.Cari kode </head>
4.Paste kode berikut tepat dibawah </head>

 <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/> 

5.Selanjutnya cari kode<data:post.body/> atau <p><data:post.body/></p>

Jika sudah ketemu silahkan anda ganti kode di atas dengan kode dibawah ini

 <b:if cond='data:blog.pageType != "item"'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
    </script>
    <span class='rmlink' style='float:right;padding-top:20px;'>
    <a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
6.Terakhir simpan template dan lihat hasilnya

Sekian dan semoga bermanfaat buat kita semua

Maju terus blogger indonesia

Read More

Hacking

Cara Hack Billing warnet Sering kali kita merasa ingin internetan lama-lama tetapi uang yang di miliki tidak cukup, dan terlintas di pikiran saya untuk hack billing warnet yang biasa di sebut " BillHack " agar bisa internetan gratis, namun ada beberapa faktor yang harus anda ketahui :

1.Pastikan keadaan warnet / billing warnet ramai
2.Pastikan bahwa anda jauh dari server
3.Jangan terlalu sering melakukan kegiatan ini soalnya dosa lho hehehe..

Resiko:

Nah setiap kita melakukan sesuatu pasti ada resikonya, Resiko melakukan ini yaitu kena marah pemilik warnet, tetapi semoga saja tidak hehe..

Langsung saja kita ke materi :

1.Anda harus  Download aplikasinya
2.Setelah selesai download buka aplikasinya hingga tampil seperti ini

3.Pilih Single Client Setelah itu masukan pc numbernya dengan no pc komputer di net kamu. dan isi billing username dengan nama di billing kamu

4.Klik Connect

6.setelah itu klik hack now

Semoga sukses dan semoga bermanfaat
Maju teris Blogger Indonesia

Read More