Description: Cara membuat Komputer Penuh Kecoa Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara membuat Komputer Penuh Kecoa

Cara Mudah Membuat Navigasi Breadcrumbs di Blogger-Pada kesempatan ini Cara Design Blog akan memberikan tutorial blogger cara mudahmembuat navigasi breadcrumbs pada blog.
Apa arti dan fungsi dari navigasi breadcrumbs itu?
Navigasi Breadcrumbs adalah bantuan navigasi yang digunakan dalam user interface sebuah website ataupun blog. Hal ini memungkinkan pengguna untuk melacak lokasi halaman atau dokumen dengan mudah.

Navigasi Breadcrumbs biasanya dibuat horizontal di bagian atas postingan blog maupun halaman web. Para blogger sering meletekan navigasi breadcrumbs ini di bawah bar judul atau header. Breadcrumbs yang juga di sebut Rootlink ini menyediakan link kembali ke halaman sebelumnya (beranda), setiap pengunjung menggunakan navigasi breadcrumbs ini untuk menuju ke halaman saat ini  atau di situs-hirarkis struktur-halaman induk yang sekarang.
Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri. Simbol (>) sering berfungsi sebagai pemisah hirarki. Namun banyak juga blogger yang memakai simbol (»).

Struktur dari Navigasi Breadcrumbs pada umumnya seperti ini:
Home page > Section page > Subsection page
Manfaat dari membuat navigasi breadcrumbs adalah membuat blog lebih SEO Friendly. Blog yang sudah menggunakan navigasi breadcrumbs memiliki daya untuk  SEO dan SERP di Google Search Engine dibanding blog yang tidak memakai breadcrumbs. 

Bagaimana cara membuat navigasi breadcrumbs itu?
Untuk menjawab pertanyaan ini perkenankan Cara Design Blog memberikan tutorial blogger cara mudah membuat navigasi breadcrumbs. 
Berikut ini tutorial cara mudah mudah membuat navigasi breadcrumbs :

1. Masuk Dasbor Blog Kamu
2. Template > Edit HTML > Lanjutkan > Exspand Widget Template
3. Cari: ]]></b:skin>
4. Letakan kode beikut tepat diatas ]]></b:skin>

.breadcrumbs {
 padding:5px 5px 5px 0px;
 margin: 0px 0px 15px 0px;
 font-size:95%;
 line-height: 1.4em;
 border-bottom:3px double #e6e4e3;
 }

5. Cari: <b:includable id='main' var='top'>
6. Letakan kode berikut di atas kode no.:5.

 <b:includable id='breadcrumb' var='posts'>
 <b:if cond='data:blog.homepageUrl == data:blog.url'>
 <!-- No breadcrumb on home page -->
 <b:else/>
 <b:if cond='data:blog.pageType == "item"'>
 <!-- breadcrumb for the post page -->
 <p class='breadcrumbs'>
 <span class='post-labels'>
 <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
 <b:loop values='data:posts' var='post'>
 <b:if cond='data:post.labels'>
 <b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.isLast == "true"'> »
 <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
 </b:if>
 </b:loop>
 <b:else/>
 »Unlabelled
 </b:if>
 » <span><data:post.title/></span>
 </b:loop>
 </span>
 </p>
 <b:else/>
 <b:if cond='data:blog.pageType == "archive"'>
 <!-- breadcrumb for the label archive page and search pages.. -->
 <p class='breadcrumbs'>
 <span class='post-labels'>
 <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
 </span>
 </p>
 <b:else/>
 <b:if cond='data:blog.pageType == "index"'>
 <p class='breadcrumbs'>
 <span class='post-labels'>
 <b:if cond='data:blog.pageName == ""'>
 <a expr:href='data:blog.homepageUrl'>Home</a> » All posts
 <b:else/>
 <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
 </b:if>
 </span>
 </p>
 </b:if>
 </b:if>
 </b:if>
 </b:if>
 </b:includable>

6. Preview/pratinjau untuk melihata apakah ada kesalahan dalam input kode kode tersebut. Kalau tidak ada kesalahan lanjutkan langkah no.:7.

7. Save Template.
Selesai, Sekarang lihat blog kamu. Description: Cara Mudah Membuat Navigasi Breadcrumbs di Blogger Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Mudah Membuat Navigasi Breadcrumbs di Blogger

Cara Membuat Read More Otomatis Pada Blogger-Kali ini Cara Design Blogger akan memberikan tutorial blogger cara membuat read more otomatis pada blogger. Sebenarnya apa fungsi read more otomatis itu? Mengapa para blogger menerapkan read more otomatis pada blog mereka?
Coba perhatikan screen shoot dari blog Cara Design Blog ini yang menggunakan read more otomatis.

Fungsi dari read more adalah untuk memenggal artikel blog di halaman Beranda atau Home. Dengan menerpkan read more otomatis setiap postingan artikel blog hanya ditampilkan Judul dan satu paragraf saja. Penggunaan read more otomatis ini juga membuat tampilan blog  menjadi lebih cantik dan mempercepat loading blog. Jika pengunjung ingin membaca postingan blog secara keseluruhan tinggal klik read more. 
Read more sendiri artinya Baca selengkapnya. Untuk menampilkan semua artikel rekan blogger yang lain ada yang memakai More about, More atau memakai Bahasa Indonesia; Baca Selengkapnya atau Selengkapnya.

Terus bagaimana cara  membuat read more otomatis? 
Baiklah, mari kita simak bersama tutorial blogger cara membuat read more otomatis berikut ini:

1. Masuk ke Dasbor Blog kamu.
2. Klik Template >> Edit HTML >> Lanjutkan >> Centang Exspand Template Widget
3. Cari </head>
Cara mudah mencari: Tekan CTR+F, Find:</head>

4. Masukan kode berikut letakan Tepat di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if

Keterangan kode:

• summary_noimg = 300 adalah jumlah karakter yang ditampilkan
• summary_img = 250 adalah Image yang ditampilkan (jika artikel ada gambarnya)
• img_thumb_height = 60 adalah tinggi image ditampilkan
• img_thumb_width = 90 adalah lebar image ditampilkan
• Angka-angka ini bisa kamu sesuaikan dalam membuat read more otomatis.

5. Cari <data:post.body/>
Jika ditemukan ada dua <data:post.body/> pilih kode yang pertama.

6. Letakan kode berikut ini Tepat di bawah kode no.:5.

<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:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. Save Template.
Selesai, sekarang lihat perubahan tampilan blog kamu.
Ternyata mudah ya cara membuat read more otomatis di blogger. Description: Cara Membuat Read More Otomatis Pada Blogg Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Membuat Read More Otomatis Pada Blogg

Description: Tutorial Cara Memperbaiki Laptop Rusak Mati Lengkap Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tutorial Cara Memperbaiki Laptop Rusak Mati Lengkap

Daftar hadir siswa atau yang lebih dikenal dengan istilah absensi adalah salah satu bagian yang tak terlepaskan dari profesi guru. Alat inilah yang digunakan untuk menilai keaktifan siswa di kelas dalam hal kehadirannya. Namun, seringkali guru merasa kesulitan untuk merekapitulasi atau menghitung data kehadiran tersebut secara manual. Apalagi jika jumlah kelas dan siswa yang tidak sedikit ditambah dengan jumlah pertemuan yang juga tak sedikit. Belum lagi jika guru tersebut juga mengajar di sekolah lain. Oleh karena itu, kali ini Paman ingin berbagi aplikasi absensi siswa atau daftar hadir siswa menggunakan MS Excel.

Ada beberapa hal yang membedakan aplikasi absensi siswa dengan MS Excel ini yang tentunya akan memudahkan para guru dalam melihat tingkat kehadiran siswa baik secara individu maupun secara keseluruhan. Beberapa perbedaan tersebut di antaranya yaitu:

1. Aplikasi absensi dengan MS Excel ini hanya bisa dijalankan menggunkan komputer (ber-OS Windows).
2. Aplikasi absensi dengan MS Excel ini tidak hanya bisa disajikan secara digital (sebagai soft copy) tapi juga bisa dicetak (sebagai hard copy).
3. Aplikasi absensi dengan MS Excel ini menyajikan otomatisasi data yang memudahkan para guru. Guru hanya perlu mengubah beberapa data yang diperlukan seperti nama sekolah, nama siswa, tanggal pertemuan dan lain-lain.
4. Aplikasi absensi dengan MS Excel ini  sangat mudah dijalankan karena bentuknya dalam format MS Excel yang sudah dikenal. Guru hanya perlu meng-klik kolom di bawah tanggal pertemuan yang akan memberikan 4 pilihan: Hadir, Alpa, Izin dan Sakit. Setelah itu, pilih salah satu sesuai keadaan kehadiran siswa lalu semuanya akan terhitung secara otomatis.
5. Aplikasi absensi dengan MS Excel ini bisa didownload gratis dan mudah diubah dalam bagian-bagiannya.

Description: Download Gratis Aplikasi Absensi Siswa dengan MS Excel Rating: 4.5 Reviewer: Unknown - ItemReviewed: Download Gratis Aplikasi Absensi Siswa dengan MS Excel

Memanipulasi Jumlah Pengunjung Blog dengan Widget Flag Counter

Description: Rating: 4.5 Reviewer: Unknown - ItemReviewed:

Ada 2 cara untuk install windows di Laptop Apple anda:
- install dengan bootable (Bootcamp)
kelebihan : Kinerja hardware dapat digunakan secara penuh
kekurangan : sulit untuk mencari driver yang compatible
- install dengan virtual machine dalam mac OS
kelebihan : compatible secara penuh dengan laptop apple anda
kekurangan : memory dan processor anda tidak bisa digunakan secara penuh… karena berjalan bareng dengan MAC OS.. dan otomatis menjadi lebih berat.. jika spec dari hardware minim. . Description: Rating: 4.5 Reviewer: Unknown - ItemReviewed: