Kumpulan TipS Menarik™

Kamis, 16 Agustus 2012

Cara Memasang Menu Breadcumbs

Berikut langkah-langkah yang Harus sobat lakukan :

Pastikan Sobat sudah masuk ke akun blogger milik sobat
Pilih Template

Klik Pada Tombol Edit HTML

Klik pada Tombol Proces atau Lanjutkan

Kemudian anda akan dibawa kehalaman seperti berikut

Centak kotak kecil bertulisan Expand Widget Templates

lakukan Download Template Lengkap untuk mengantisifasi kesalahan dalam edit HTML (baca caranya Pada Tutorial Cara Upload dan BackUp Template blog)
Cari kode berikut ini ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian Kode)
Setelah Ketemu Copy kode dibawah dan Paste Diatas kode ]]></b:skin>

/*---Navi Breadcrumbs---*/ #navi{padding:0px 5px;margin:0px 0px 8px 0px;color:#ffffff;-moz-border-radius:5px;font:11px trebuchet ms;}

Sekarang Cari kode <b:if cond='data:post.title'>
Sudah ketemu Copy kode berikut dan letakan tepat dibwahnya kode apabila Kode ada dua gunakan kode yang pertama <b:if cond='data:post.title'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='navi'>Location : <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + "?&max-results=10"' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>

Sekarang Klik Simpan

Selesai dan lihat hasilnya

Demikian Tutorial Tentang Cara Memasang Menu Navigasi Breadcrumbs Pada Blog Yang bisa Dapur Tutorial Blogspot Sampaian Pada Kesempatan Ini Semoga bisa membantu Shabat Blogger

Info, tips cara memasang Widget SMS Gratis untuk para pengguna Blogspot/Blogger. Kita akan mencoba memasang Widget SMS Gratis di Blogspot, agar anda bisa kirim-kirim SMS secara gratis kepada teman anda dimanapun. Mumpung gratis nggak ada salahnya kita gunakan fasilitas ini dan jika anda belum tahu bagaimana cara memasang Widget SMS Gratis untuk Blogspot/Blogger mari kita simak bersama tips berikut ini ” Cara Memasang Widget SMS Gratis Pada Blogger ”. Jika anda sudah berhasil memasang Widget SMS Gratis ini, maka cara penggunaannya sangat mudah. Anda cukup memasukkan nomor Hp tujuan dan isi sms yang akan anda kirimkan.

Cara Memasang Widget SMS Gratis Di Blogger:
1. Masuk ke dasboard blog anda
2. Klik Menu > Tata Letak / Design
3. Klik > Tambah Gadget / Add Gadget
4. Pilih > HTML/JavaScript
5. Masukkan kode berikut
<iframe name=”widgetsms” src=”http://www.sms-online.web.id/widget/” width=”270″ height=”350″ frameborder=”0″></iframe>
6. Klik > Simpan
Anda juga bisa memasang Widget SMS Gratis ini di post atau page anda. Situs penyedia SMS gratispun bisa anda gunakan, seperti misal www.sms-online.web.id. Demikian info kali ini ” Cara Memasang Widget SMS Gratis Di Blogger ” silahkan dicoba, semoga berhasil, salam sukses.

Tips Meningkatkan Jumlah Pengunjung (Pagerank)

Perhitungan PageRank berdasarkan pada banyaknya link webiste, baik link yang masuk dan link yang keluar website, semakin banyak link yang masuk ke sebuah halaman website maka halaman tersebut akan memiliki page rank yang sesuai dengan jumlah link.

Untuk memperbanyak link yang masuk ke dalam blog kita, caranya adalah melalui fasilitas komentar (comment) yang ada di blog orang lain yang sudah mengaktifkan follow pada blognya, karena dengan aktifnya follow pada blog tersebut, maka link yang masuk ke blognya otomatis akan ikut terindex oleh Google.

Untuk mengetahui apakah sebuah blog sudah mengaktifkan follownya atau belum bisa di lihat seperti ini dengan menggunakan browser firefox,blok link komentar beserta penulis komentarnya lalu klik kanan dan pilih View Selection Source akan muncul window Dom Source Selection lihat kode HTML yang menyertai link komentar nya, akan anda temukan salah satu kode seperti dibawah ini:

1. <a href=”http://1ned.blogspot.com” rel=”nofollow”>1ned</a> Says:

2. <a href=”http://1ned.blogspot.com”>1ned</a> Says:

kode pertama status "no follow" berarti anda tidak mendapat backlink jika anda komentar dipostingan blog tersebut
sedangkan kode kedua kamu mendapat backlink dari postingan yang kamu komentari tersebut.

Bagaimana supaya blog anda dibanjiri pengunjung adalah dengan mengaktifkan follow anda dan memberi komentar pada blog yang sudah mengaktifkan Follownya adalah sebagai berikut:

1. Temukan kode HTML dibawah ini di Layout->Edit HTML->Klik Expand Template Widget->temukan kode dibawah ini

2. setelah ketemu hilangkan kode rel=’nofollow (berwarna merah) sehingga menjadi

3.save setting, sekarang blog anda status Follownya sudah aktif

Cara Membuat Teks yang Di Block Menjadi Berwarna

ei ei... tips blogging lagi tips blogging lagi... wah wah emang gak ada habisnya ya klo ngomongin soal blog.. hahahaha

Kali ini Zona Artikel akan berbagi informasi mengenai Cara Membuat Teks yang Di Block Menjadi Berwarna.

cara ini sudah saya coba kok dan hasilnya memuaskan, tapi sayangnya hasilnya hanya akan terlihat menggunakan browser mozilla firefox.

Cara Membuat Teks yang DiBlock Menjadi Berwarna

1. login blog

2. buka menu rancangan > edit HTML
3. lalu cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini tepat diatas kode ]]></b:skin>

::-moz-selection {

background: none;

color: #ff0000;

}

Ket.
* color: #ff0000; > adalah warna teks yang telah di block. Bila sobat ingin menggantinya sobat bisa buka widget KODE WARNA 1 yang ada disini atau KODE WARNA 2 yang ada disini untuk mempermudah pemilihan warnanya.

5. Terakhir SIMPAN

Selamat Mencoba ?!!

Cara Mudah Membuat Blog Mainteanc

Cara Mudah Membuat Tampilan Blog/Web Maintenance. Kali ini Zona Artikel akan membagi informasi tentang mengenai Cara Mudah Membuat Tampilan Blog/Web Maintenance. Cara ini bisa sobat pakai bila sobat ingin membuat tampilan maintenance pada blog/web sobat.

Cara ini hanya menggunakan trik CSS dengan penambahan gambar saja kok. Tapi trik ini bisa membuat blog/web sobat seakan-akan seperti sedang maintenance.

Langsung saja pada langkah Cara Mudah Membuat Tampilan Blog/Web Maintenance :

1. login blog

2. Rancangan > Edit HTML

3. taruh kode dibawah ini diatas kode ]]></b:skin>
(Gunakan CTRL+F untuk memudahkan pencarian)

html {
height: 100%;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnp07raRE4hsJ-orMthKrLuQru1ZpF_70jnhBiOjSbug77-dkWpSFCD_BBr8_u1z1Ve8X79CW17Kwphpx8jRguqXQndh8YKCsWcRx2rcC9xrfWl9ysYJjmStZGg-ir2ZGMMM6no4fVB4/s1600/Site-Maintenance.png) no-repeat center 50%;
margin: 0;
}
body {
display: none;
}

Ket.

* https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnp07raRE4hsJ-orMthKrLuQru1ZpF_70jnhBiOjSbug77-dkWpSFCD_BBr8_u1z1Ve8X79CW17Kwphpx8jRguqXQndh8YKCsWcRx2rcC9xrfWl9ysYJjmStZGg-ir2ZGMMM6no4fVB4/s1600/Site-Maintenance.png bisa sobat ganti dengan gambar yang lain.

4. Terakhir SIMPAN

Selamat Mencoba ?!!

Cara Membuat Kursor Diikuti oleh Bintang - Bintang

Cara Membuat Cursor Diikuti Bintang di Blog. Ehm.. Memang gak ada habisnya berbicara tentang HTML. Kali ini Zona Artikel akan membagikan informasi tentang Cara Membuat Cursor Diikuti Bintang di Blog, Langsung saja ke TKP !!

1. login blogger
2. Rancangan > Tambah Gadget > pilih HTML/Java Script
3. Lalu, copy kode di bawah ini

4. Terakhir SIMPAN

Selamat Mencoba ?!!

Menambah Recent Post & Recent Comment Dengan JavaScript

Tulisan ini pada awalnya menyatu dengan Menambahkan Recent Posts Dan Recent Comments Dengan Gagdet Blogger. Tapi sehubungan terlalu panjang sehingga memungkinkan kamu pusing membacanya maka artikel tersebut dipecah menjadi dua bagian. Nah bagian kedua ini akan membahas bagaimana cara menambahkan widget Recent Post dan Recent Comments dengan menggunakan javascript.

Dibanding cara pertama (menggunakan Gadget Blogger), cara kedua ini memiliki kelebihan dimana jumlah judul posting atau komentar dapat diatur sekehendak kita (bisa lebih dari 5). Untuk menggunakannya kamu bisa mengikuti langkah-langkah berikut:

Dari halaman Dashboard blog kamu pilih Tata Letak (Layout).
Setelah masuk ke Elemen Halaman, klik Tambah Gadget.
Setelah itu pilih HTML/JavaScript untuk ditambahkan, seperti nampak pada gambar berikut:
Kemudian masukkan script berikut dan ubah NamaBlogKamu dengan nama blog kamu sendiri:

Kode untuk Recent Posts:

<script style="text/javascript" src="http://enes-sc.googlecode.com/files/rc-posts.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://NamaBlogKamu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Keterangan variabel:
- numposts = 10; artinya 10 posting yang ditampilkan (maksimal 25 posting. Jika ingin menampilkan lebih dari 25, silahkan pelajari artikel ini).
- showpostdate = false; artinya tanggal posting tidak ditampilkan (kalo mau ditampilkan false-nya ganti dengan true).
- showpostsummary = false; artinya ringkasan posting tidak ditampilkan.
- numchars = 100; artinya banyaknya karakter (huruf) untuk ringkasan posting yang ditampilkan adalah 100 huruf.
- standardstyling = true; artinya menggunakan type standard.

Jika ternyata tidak muncul bullets pada setiap judul Recent Posts kamu (karena setiap template selalu berbeda), maka tambahkan perintah <ul> pada script terakhir dan ditutup dengan </ul> (lihat contoh pada script Recent Comments yang kedua).

Jika kamu ingin menampilkan judul artikel hanya dari label tertentu, silahkan pelajari artikel ini.

Kode untuk Recent Comments:

<script style="text/javascript" src="http://enes-sc.googlecode.com/files/rc-comments.js"></script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan variabel:
var numcomments = 10; artinya 10 komentar yang ditampilkan.
var showcommentdate = true; artinya tanggal komentar ditampilkan.
var showposttitle = true; artinya menampilkan judul posting yang dikomentari.
var numchars = 100; artinya banyaknya karakter (huruf) komentar yang ditampilkan adalah 100 huruf.

Jika Recent Comments kamu ingin menggunakan bullets, seperti pada Recent Comments blog ini atau blog ini, gunakan script berikut:

<script style="text/javascript" src="http://enes-sc.googlecode.com/files/rc-commentsbullet.js"></script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<ul>
<script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>

Setelah memasukkan kode script dan melakukan editing variabel yang disesuaikan dengan keinginan kamu. Lakukan Preview (Pratinjau) untuk melihat hasilnya. Jika sudah OK, simpan hasil kerjaan kamu.

Nah, selesai dah. Selamat mencoba....