Cara Mengganti dan Menambah Style Font di Template Blogger

                         Cara Mengganti dan Menambah Style Font di Template Blogger - Hai sobat bloggers, kembali kita ketemu lagi di Blog Trik dan Tips "tak ada blog jika tak ada trik"....he3. Mungkin anda sudah tau apa itu font, font adalah jenis atau gaya tulisan. Pada blogspot (blogger), anda bisa mengganti font pada template anda, namun jumlah jenis font sangat terbatas. Beberapa jenis font yang dimiliki blogger yaitu arial, courier, georgia, lucinda grande, times, trebuchet, verdana dan webdings. Jenis font ini kadang tidak sesuai dengan keinginan anda. Ada pasti ini memiliki font dengan gaya blog anda sendiri yang lebih stylis atau elegan. Untuk itu saya akan memberikan trik dan tips bagaimana kita bisa memperoleh bermacam-macam font untuk digunakan ditemplate anda. Simaklah tutorial berikut ini:

1. Buka situs Google Web Font disini

2. Silahkan cari jenis font yang anda inginkan, tambahkan beberapa font dengan mengklik tombol Add to    Collection.

3. Klik tombol Use disebelah kanan bawah browser

. Kemudian kopi kode dari Google Font (kodenya seperti ini, kode ini hanya contoh saja tidak perlu anda kopi):

<link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'>

5. Pada template anda carilah kode seperti ini <![CDATA[/*

6. Paste kode yang dikopi dari Google Web Font diatas kode <![CDATA[/*

7. Tambahkan kode slash "/" yang berwarna merah pada akhir kode yang dipaste tadi sehingga terlihat seperti dibawah ini:

<link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'/>

8. Sekarang anda tinggal mengganti font pada template anda. Saya akan memberikan contoh bagi anda untuk mengganti font header di template anda, caranya seperti berikut ini:

9. Carilah kode #header h1 atau h2.postTitle {

10. Setelah itu ganti font family yang tadi anda pilih, contohnya seperti dibawah ini:

Kode awal pada template yang belum dirubah

#header h1{color:#00008B;font-size:26px;font-family: Arial ;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}

Kode setelah dirubah saya

#header h1{color:#00008B;font-size:26px;font-family:'Condiment', cursive;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}

        Begitulah caranya kita menambahkan font baru ke template, bagaimana tertarik untuk membuatnya. Silahkan dicoba aja, tapi jangan lupa ikuti langkah di atas dengan baik dan ingat untuk back up template anda.

Sekian dan selamat mencoba :)

Sumber

Tips dan Trik,Tips dan Trik Blog

Cara Menghapus Kotak Komentar Bawaan Blogger

·        

    Cara Menghapus Kotak Komentar Bawaan Blogger - Langsung saja login ke blog kamu

·         Buka Menu Rancangan lalu pilih Edit HTML

·         centang pada Expand Template Widget lalu cari kode seperti di bawah ini dengan Ctrl+F dan hapus kode seperti dibawah ini.

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>


</p>

Setelah di hapus lalu simpan templette dan lihat hasilnya, tapi jangan lupa sebelu kamu menghapus Kode diatas telebih dahulu templette kamu backup agar nantinya mudah di perbaiki jika ada kesalahan. Ok

Selemat mencoba sukses buat kita sumua J

Tips dan Trik Blog

Cara Menampilkan Data Excel di Postingan Blog

          Jika anda mempunyai data excel, spreadsheet atau table, dan ingin menampilkan atau menyisipkannya di artikel postingan blog, data tersebut tidak dapat langsung kita copy paste di artikel, tetapi harus diubah dulu ke dalam format html.

Salah satu situs yang menyediakan layanan konversi data excel/ spreadsheet/ table ke dalam format HTML secara online adalah http://tableizer.journalistopia.com/

          Langkah pertama yang harus dilakukan adalah Blog table yang telah dibuat di Excel, unutk versi Excelnya terserah saja tidak jadi masalah, karena yang akan di convert adalah table yang telah kita buat.

=> Blok data Excel yang akan di rubah

    Klik Kanan Copy atau dengan cara menekan tombol Ctrl+C yang ada pada Keyboard, kemudian pastekan pada area yang telah disediakan di halaman http://tableizer.journalistopia.com/

=> Setelah itu pilih ukuran huruf, jenis huruf dan warna header sesuai dengan keinginan     kamu

=> Kemudian Klik Tebleize it, Tunggu berapa saat kemudian maka kodenya akan tampil.

    Tabel dibawah ini ada penambahan Css sedikit yaitu pada sudut tabel terlihat tumpul.

    Selamat mencoba sukses bersama buat kita J

Tips dan Trik Blog

7 Tips Membuat Artikel Blog Menarik & Enak Dibaca

7 Tips Membuat Artikel Blog Menarik & Enak Dibaca - Ada banyak yang merasa was-was dalam menulis konten atau artikel blog. Banyak juga yang kemudian merasa menulis artikel adalah pekerjaan berat yang menguras tenaga, bahkan pembaca pun akhirnya ikut merasa berat juga ketika harus membaca artikel yang dibuat dengan cara demikian, karena artikel tampak datar dan membosankan. Kemarin ada sobat blogger yang bertanya melalui email mengenai teknis atau format artikel blog yang tampak menarik dan nyaman dibaca. Yah, kuncinya menurut saya sederhana, gunakan motivasi bahwa "artikel itu dibuat untuk dibaca", bukan sekedar menambah jumlah posting. Dalam artikel ini saya akan menyampaikan beberapa tips berkaitan dengan format tulisan artikel blog, jika sebelumnya sobat belum membaca mengenai faktor non teknis dalam menulis artikel, silahkan simak dulu Tips Menulis Artikel Blog Berkualitas dan Penuh Ide.

Kembali ke topik. Artikel dibuat untuk dibaca. Dan artikel yang bagus bukan berarti artikel yang berat loh. Bisa jadi berbicara mengenai "buah apa saja yang ada di kebunku" jauh lebih menarik daripada "tips hebat mendapatkan jodoh dalam satu hari". Dimana letak perbedaan yang bisa membuat tema pertama lebih menarik? Pada format penyajian konten. Dan perbedaan format kecil saja bisa membuat tema kedua tersebut dilibas habis oleh tema pertama.

Tentunya, asumsi dasar dari menulis artikel adalah mengenai apa yang diketahui. Iitulah alasan mengapa seseorang memiliki blog atau website: untuk menuangkan apa yang dia ketahui, pelajari, kembangkan, atau bahkan mungkin dibuat. Sobat pasti mengetahui, mempelajari, dan menguasai sesuatu. Berangkatlah dari itu. Ketika sobat menuliskannya, tidak akan ada kesulitan berarti dan justru akan sangat menyenangkan.

Oke, lanjut lagi ke format artikel. Ini hanya masalah membiasakan dan mengingat format atau bentuk artikel yang user friendly. Seketika sudah terbiasa, pasti akan menyenangkan, dan terlebih lagi akan menghasilkan sesuatu yang menguntungkan, monetisasi. Untuk memastikan artikel sobat dibaca dan enak dibaca, berikut beberapa tips mengenai format penyajian artikel blog:

1. Gunakan paragraf

Paragraf sangat penting untuk membagi pokok pikiran, sehingga isi masing-masing pokok pikiran dapat dituangkan dengan batasan-batasan yang jelas. Pembaca dapat dengan mudah mengikuti setiap pemikiran tersebut karena ada pemisahan. Satu paragraf jangan sampai terlalu panjang, misalnya hingga lebih dari setengah halaman, karena ini dapat menurunkan mood pembaca. Membaca seolah menjadi pekerjaan berat dan tidak menyenangkan. Ingat, paragraf tidak mesti berupa sekumpulan kalimat berjumlah banyak, kadang cuma satu kalimat, bahkan cuma satu kata! Jangan lupa beri jarak antar paragraf / beri ruang kosong, sehingga paragraf-paragraf tidak tampak berdesakan.

2. Gunakan format justify (rata kiri kanan)

Format ini cenderung membuat artikel tanpa rapi di masing-masing sisi, sehingga membacanya pun enak. Gunakan text align justify ini pada bentuk tulisan pada artikel murni. Tentunya, jika ada tulisan yang mengandung bentuk-bentuk lain seperti kode/script, jangan terapkan rata kiri kanan pada bagian tersebut.

3. Gunakan list, baik angka atau bentuk lain (unordered list).

Menggunakan list untuk menekankan poin-poin tertentu membuat pembaca mudah mengingat dan mengambil intisarinya. Jika ada penjelasan tambahan, barulah ditambahkan dalam beberapa kalimat atau sebuah paragraf. Ketika ada format list, pembaca akan tahu ada penekanan point dan ada petunjuk bahwa pada bagian list inilah semua poin penting disampaikan. Ini sangat berguna jika sobat membuat artikel-artikel yang memiliki poin-poin yang ditekankan, misalnya tips, petunjuk, prosedur, manual, jenis-jenis, dan lain-lain.

4. Gunakan heading atau sub-heading

Menggunakan heading dapat memberikan peluang untuk membagi tulisan dalam sub-sub tertentu. Ini akan memudahkan pembaca bergerak dari satu poin ke poin lainnya. Format ini akan sangat bermanfaat bagi artikel yang sangat panjang dan memuat banyak pokok pembicaraan dalam sebuah topik. Heading atau sub heading dalam format HTML menggunakan tag header dari <h1> sampai <h6>. Saran saya gunakan sub heading di bawah level judul artikel. Sobat dapat dengan mudah memformatnya dengan menggunakan text selection pada sebaris kata yang hendak dijadikan sub heading, kemudian lihat ke atas text editor, ada menu dropdown dengan menu utama "Normal", klik dan pilih format heading, sub heading, atau minor heading. Di WordPress, tampilan menu utama adalah "Paragraph", ubah menjadi header1, header2, header3, .... dan seterusnya.

5. Gunakan judul artikel kreatif dan menarik

Judul artikel ibarat mahkota. Apa yang dia tampakkan berpengaruh pada seberapa menarik artikel di dalamnya. Buat judul sekreatif mungkin. Jangan hanya terpaku pada keyword, karena itu justru dapat mengurangi nilai artikel, padahal mungkin artikel di dalamnya sangat bagus. Misalnya, daripada menggunakan "8 Tips Mendapatkan Jodoh", cobalah variasi lain. Contoh, "Dapatkan Jodohmu Dengan 8 Cara Mudah ini!". Gunakan pula format-format yang lebih provokatif, misalnya dengan menggunakan kalimat tanya. Sering loh saya mendapati incoming search yang menggunakan keyword kalimat tanya, misalnya, "Link building itu apa sih?", "bagaimana cara blog saya dikunjungi???", dan lain-lain. Beneran ada tuh, ga bohong. Mungkin orang sudah menganggap Google itu manusia yang bisa jawab kali ya...

6. Upayakan pembaca tertarik dari awal hingga akhir

Dari awal paragraf, gunakan situasi-situasi nyata agar pembaca dapat mengkaitkan dengan dirinya sendiri. "Nah, ini gue banget nih!", "Hmmm, ini yang aku butuhin....", "Oh, gitu ya, jadi gimana cara ngatasinnya?", dst... Gunakan deskripsi dan metafora untuk mengantarkan poin pembicaraan, tapi jangan terlalu berlebihan. Jika dibutuhkan, upayakan gunakan gambar untuk mendeskripsikan suatu situasi atau contoh agar pembaca dapat dengan mudah menyerapnya.

7. Gunakan Pengalaman pribadi sebagai contoh dalam topik

Gunakan pengalaman pribadi anda ketika menemui suatu masalah dan dalam memecahkannya. Ini yang membuat suatu karya tulis bernilai tinggi, karena sobat tidak hanya menuliskan apa yang didengar, atau yang sudah ditulis orang lain saja, melainkan dikembangkan menjadi apa yang dialami sendiri dan dikuasai betul. Sobat tidak akan sekedar berbicara sebagai guru yang mengajar sambil memegang buku pelajaran terbitan luar, tapi seperti seorang narasumber yang memegang catatan pribadi dan menyampaikan apa yang dialami, diteliti, dan dicarikan jalan keluarnya.

           

Oke, semoga dapat memberikan gambaran buat sobat agar lebih mawas dengan format tulisan pada artikel yang sobat buat.

Have a nice writing!

Sumber

Nice Info,Tips dan Trik Blog

Cara Mengetahui Pengunjung Sedang Membaca Apa di Blog [Live Traffic Feed]

Tutorial kali ini adalah cara memasang widget history pengunjung blog/web bagi anda yang ingin mengetahui history pengunjung, popular pages (halaman terpopuler dalam satu hari) dll.

Live Traffic Feed dari situs feedjit.com diperlukan bagi sebuah blog yang berguna menjadi history untuk mengetahui dari mana datangnya pengunjung blog kita. dan lebih hebatnya lagi kita bisa melihat keyword atau kata-kata apa yang dituliskan di mesin pencari seperti google search engine, atau yahoo search dll. yang berakhir di blog kita secara live (secara langsung) dengan cara mengklik Watch in Real-Time yang ada di bawah widget live traffic feed tersebut.

sebagai contoh klik Watch in Real-Time itu adalah live traffic milik trik-tips-tutorial.blogspot.com.

Pada Live Traffic Feed juga terdapat option, dimana kita bisa melihat popular pages yaitu halaman yang paling banyak dilihat pada hari tersebut.

Untuk anda yang ingin menambahkan widget diatas, ikuti langkah-langkah berikut ini :

•          Kunjungi link : http://feedjit.com

•          Klik widgets setelah anda berada di situs tersebut.

•          Klik salah satu pilihan Javascript widget yang anda perlukan.

•          Setelah memilih salah satu dari 4 pilihan disana lalu anda klick "Click here to Customize It!" itu berguna untuk menentukan warna agar sesuai pada blog kita.

•          Selesai mengotak-atik warna, Copy dan Paste ke blog anda dengan cara berikut dibawah ini.

•          ~> Login ke Blogger lalu ke Elemen Halaman dan Tambah gadget di sisi sidebar atau di footer terserah pemilik blog setelah itu pilih

 HTML/JavaScript setelah itu paste di dalamnya kode yang telah di copy di atas.

•          Klik Simpan dan selesai.

•          Silahkan anda lihat blog anda sekarang !!!

Selemat Mencoba Semoga Berhasil J

Sumber 

Tips dan Trik Blog

Cara Mudah Mendatangkan Ribuan Pengunjung ke Blog

Panduan Blogger untuk Blogger pemula. Panduan yang akan membahas tentang bagaimana caranya untuk mendatangkan ribuan pengunjung ke Blog.Blog kedatangan Ribuan Pengunjung tentumendatangkan kebanggaan tersendiri bagi pemiliknya. Siapa pun pemilik blog,so pasti menginginkan banyak pengunjungnya. Berbagai usaha dan trik dilakukan untuk menarik minat pengunjung, satu cara diantarnya lewat artikel ini. Yang blognya masih sepi pengunjung seperti blog saya ini yuk ikuti trik ini. Artikel ini saya salin dari teman yang juga sedang berusaha manaikkan jumlah pengunjung ke blognya. Trik ini sangat bagus, karena itu baca terus sampai ke bawah dan terapkan juga ya di blogmu.

Trik ini bukan saja dapat mendatangkan ribuan pengunjung tetapi juga dapat menaikkan Page rank dan Backlink. Ini tentu akan sangat bermanfaat bagi para pemilik blog, jadi suatu saat kemungkinan blog bisa mendatangkan uang lho.

Trik ini saya baca ketika iseng – iseng berkunjung di blog sahabat, kemudian saya lihat isi dari widget alexa yang terpampang di sidebar blognya. Woowww….ternyata backlinknya banyak sekali, hingga puluhan ribu.Sudah lama sebenarnya saya menemukan posting seperti ini, namun dulu saya pernah sanksi apakah benar cara ini bisa berhasil menaikkan PR dan backlink.

Setelah saya membacanya kembali dan masih kurang yakin atas backlink yang saya lihat di alexa-nya sayapun kembali lagi mengunjungi blog-blog yang telah mengikuti cara ini. Dan ternyata benar, blog-blog yang menerapkan cara ini PR meningkat namun yang paling menonjol adalah backlink yang dimiliki blog-blog tersebut sungguh banyak sekali.Jika kita memiliki PR yang bagus dan backlink yang banyak, maka sangat cocok jika kita ikut program semacam paid reviews. Saya sungguh menyesal tidak menerapkan cara ini sejak dulu. Lebih baik terlambat daripada tidak sama sekali.

Caranya sangat gampang kok, Anda hanya tinggal copy link yang berada di bawah ini dengan syarat Anda harus menghapus link pada peringkat 1 dari daftar, lalu pindahkan yang tadinya nomor 2 menjadi nomor 1, nomor 3 menjadi nomor 2, nomor 4 menjadi nomor 3, dst. Kemudian masukkan link blog Anda sendiri pada urutan paling bawah ( nomor 10). Dan silahkan ajak teman anda untuk mengikuti cara ini serta sebarkan cara ini ke banyak teman-teman Anda melalui Social Bookmark atau cara lainnya.

 1. Pabrik Info

 2. WordPress Paper’s

 3. bootingskoBlog

 4. A Zev Lee Bond

 5. Kangisa Co CC

 6. Kangisa WordPress

 7. fh4djh4r

 8. Tips & Trik

 9. Mitos dan Fakta

10.ILmu Komputer

Keterangan:

Jika Anda mampu mengajak lima orang saja untuk mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:

1.Posisi 10, jumlah backlink = 1

2.Posisi 9, jumlah backlink = 5

3.Posisi 8, jumlah backlink = 25

4.Posisi 7, jumlah backlink = 125

5.Posisi 6, jumlah backlink = 625

6. Posisi 5, jumlah backlink = 3,125

7. Posisi 4, jumlah backlink =15,625

8. Posisi 3, jumlah backlink = 78,125

9. Posisi 2, jumlah backlink = 390,625

10Posisi 1, jumlah backlink = 1,953,125

Dan nama dari alamat blog dapat dimasukan kata kunci yang anda inginkan yang juga dapat menarik perhatian untuk segera diklik. Dari sisi SEO Anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline mengklik link Anda maka anda juga mendapat traffic tambahan.

Penulis sarankan Anda mencoba cara ini dan silakan copy sebarkan artikel ini ke teman-teman Anda.Hilangkan link nomor 1 dan masukan alamat blog Anda pada nomor 10. Buktikan sendiri hasilnya setelah itu baru komentar.

Peringatan:

*Artikel ini harus permanen selamanya di blog Anda, Anda tidak boleh menghapusnya.

Anda mau kan kedatangan ribuan pengunjung, ikuti cara ini mudah kok copas aja artikel ini. OK.

Sumber

Tips dan Trik Blog

CARA MEMBUAT TAB VIEW TANPA EDIT HTML DI BLOG

Membuat Tab View Tanpa Edit HTML Di Blog. Mungkin Sebagian sobat sudah tau atau sering melihat blog orang lain yang mempunyai sebuah Tab View, yang bisa dilihat dari gambar di atas. sesuai dengan judulnya, kita akan membuat Tab View tanpa harus mengedit HTML dari Blog sobat, kalau kata saya sich sedikit ribet harus mengedit di HTML nya. hehe

1. Login ke Blog sobat.

2. Klik Rancangan.

3. Tambah Gadget - Klik HTML/JavaScript.

4. Masukan Kode di bawah ini tanpa mengisi judulnya.

<style type="text/css"> div.TabView div.Tabs a { float: left; display: block; width: 80px; /* Lebar Kotak Tab */ height: 22px; /* Tinggi Menu Utama Atas */ text-align: center; /* Posisi Teks Menu Tab */ margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */ background-color: #000; /* Warna background Kotak Tab */ padding-top: 2px; /* Spasi Atas */ border: 1px solid #ffffff; /* Warna border kotak Tab */ border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */ font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */ font-weight: 900; /* Ketebalan Teks kotak tab */

} div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #736F6E; /* Warna background utama kotak tab */ } div.TabView div.Pages { clear: both; border: 1px solid #cccccc; /* Warna border Kotak Konten */ overflow: hidden; background-color: #ffffff; /* Warna background Kotak konten */ } div.TabView div.Pages div.Page { height: 100%; padding: 5px; /* Jarak teks dalam kotak content */ overflow: hidden; } div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; } </style>

<form action="tabview.html" method="get"> <div id="TabView" class="TabView"> <div style="width: 300px;" class="Tabs"> <a><span style="color: #fff">Tab1</span></a> <a><span style="color: #fff">Tab2</span></a> <a><span style="color: #fff">Tab3</span></a> </div> <div style="width: 300px; height: 200px;" class="Pages"

<div class="Page"> <div class="Pad"> Isi Tab1 </div> </div>
<div class="Page">  <div class="Pad"> Isi Tab2 </div> </div>
<div class="Page">  <div class="Pad"> Isi Tab3
</div> </div> </div></div></form>

<script src="http://free-artikel.googlecode.com/files/tab_view.js"> </script> <script type="text/javascript"> tabview_initialize('TabView'); </script>

5. Simpan.

Semoga berhasil .. J

Tips dan Trik Blog