Tampilkan postingan dengan label Desain Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Desain Blog. Tampilkan semua postingan

Cara Menambah Jumlah Teks di Auto Readmore (Snippet)

Cara Menambah jumlah teks di auto readmore

Cara Menambah Jumlah Teks di Auto Readmore - Pada artikel Cara Menambah Jumlah Teks di Auto Readmore (Snippet) ini kita akan membahas bagaimana cara menambah jumlah teks yang muncul di Auto readmore artikel pada halaman utama (home). Ketika membuka halaman utama blog (home) biasanya muncullah beberapa artikel yang kita buat, Namun pada artikel tersebut hanya tampil beberapa teks yang menggambarkan isi dari artikel tersebut, Sayangnya jumlahnya hanya sedikit. Lantas bagaimana cara menambahnya? simak baik-baik informasi dibawah ini.

Jumlah ringkasan kata yang akan ditampilkan pada setiap artikel di halaman utama (home) hanya berjumlah sekitar 140 karakter atau huruf. Sedangkan jumlah karakter yang ideal sebenarnya adalah sekitar 160 karakter atau setara dengan 25 kata. Jumlah tersebut sama dengan jumlah ideal dari isi pesan SMS pada HP kita. Maka dari itu, supaya tampilan halaman depan blog kita terlihat bagus ada baiknya jumlah ringkasan artikel ditambah menjadi 200, 220, 240 dan seterusnya. 

Cara Menambah Jumlah Teks  di Auto Readmore (Snippet)


Berikut ini adalah tutorial cara menambahkan jumlah teks (ringkasan) di auto readmore  pada blog di blogger:
1. Masuklah pada Dasboard blog Anda
2. Klik Template - Edit HTML
3. Setelah itu Carilah kode </head>  silahkan copy-paste kode dibawah ini diatas kode </head> tersebut. 
<script type='text/javascript'> snippet_count = 160;
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var snippet = strx.split("<");
for(var i=0;i<snippet.length;i++){
if(snippet[i].indexOf(">")!=-1){
snippet[i] = snippet[i].substring(snippet[i].indexOf(">")+1,snippet[i].length);
}
}
strx = snippet.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSnippet(pID){
var div = document.getElementById(pID);
var summ = snippet_count;
var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Catatan: Angka 160 pada snippet bisa diubah sesuai dengan keinginan kalian, misalnya 180,200,240 dll. 

4. Silahkan cari kode <data:post.snippet/> Jika sudah ketemu gantilah kode tersebut dengan kode dibawah ini. Ingat!.. gantilah semua kode tersebut karena biasanya terdapat sekitar 4 s.d 5 buah kode seperti itu pada laman HTML blog. 
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
5. Jika sudah selesai, selanjutnya Klik Save Template. dan Klik tombol lihat blog untuk melihat hasinya kawan.

Demikianlah tadi tutorial mengenai cara-cara yang dapat dilakukan untuk menambahkan jumlah teks pada artikel yang tampil di halaman utama (home). Selamat mencoba kawan, jangan lupa untuk membaca do'a terlebih dahulu supaya tidak ada setan yang mengganggu hehehehee.... 
Read More

Cara Membuat Menu Navigasi Blog di Blogger

Cara Membuat Menu Navigasi Blog

Cara Membuat Menu Navigasi Blog di Blogger - Pada artikel Cara membuat menu navigasi di blog ini, admin akan membahas secara lengkap cara untuk membuat dan pengaturan menu navigasi pada blog yang menggunakan blogger.com. Blog yang baru dibuat  di blogger biasanya  tidak terdapat menu-menu navigasi seperti pada gambar di atas, meskipun baru saja mengubah template dari blog, namun menu navigasinya tidak muncul, yang muncul hanya menu Home saja. Nah, pada artikel ini masalah tersebut akan dibahas secara tuntas. 

Menu navigasi adalah jalan untuk menuju artikel yang akan kita cari, dengan adanya menu-menu navigasi pembaca blog akan terbantu untuk mencari artikel yang diinginkannya. Maka dari itu, pembuatan menu navigasi yang bagus dan mewakili isi dari artikel-artikel di blog sangatlah penting untuk diperhatikan.  Lantas, bagaimana caranya membuat menu-menu navigasi di blog ?

Tampilan Menu kosong
Tampilan Blog dengan Menu masih kosong

Cara untuk membuat menu di blog sebenarnya bisa dibilang mudah, namun juga bisa dibilang susah bagi segelintir orang yang memang awam dan baru saja mengenal internet dan blog. Maka dari situ, pada artikel ini akan dibahas secara detail mengenai fungsi-fungsi dari kode yang membentuk sebuah menu pada blog di blogger. 

Secara umum, kode yang digunakan untuk membuat menu baru di blog adalah sebagai berikut:
<li> <a href='link halaman'> Nama Menu</a></li>
Setiap menu diawali dengan kode <li> yang berarti list. list yang dimaksud adalah menu. setelah kode <li> dilanjutkan dengan kode <a href=' '>text yang fungsinya untuk menambahkan atribut hyperlink (penghubung ke halaman lain) dan ditutup dengan kode </a> dan </li>. Lantas, bagaimana cara untuk membuat menu-menu pada blog seperti yang kita harapkan?, Oke.. mari langsung saja kita bahas caranya dibawah ini.

Cara Membuat Menu Navigasi pada Blog

Berikut ini adalah langkah-langkah untuk membuat menu pada blog di blogger: 
1. Login ke blog dengan cara memasukkan user dan password blog kamu. 
2. Masuk ke halaman Dashboard dan klik Template pada bilah sebelah kiri.  Kemudian klik tombol Edit HTL.

3. Setelah itu cari kode menu HOME dengan cara tekan tombol CTRL+F dan ketikkan "home" pada kotak pencarian di pojok kanan atas jendela kode html blog. carilah sampai ketemu tulisan home dengan diawali kode <li><a href='/'> home</a></li>. 

4. Setelah itu, tambahkan beberapa menu sesuai dengan keinginan kamu dengan cara mengcopy-paste script atau menuliskannya lagi dibawahnya, untuk lebih jelasnya lihatlah gambar dibawah ini.

5. Setelah selesai, klik tombol Simpan Template di atas dan kemudian klik tombol Lihat Blog untuk melihat hasilnya pada halaman blog kamu. 

Keterangan lebih lanjut:
Pada gambar di atas, setelah kode <a ada tambahan atribut (title=' ') itu adalah Tulisan yang muncul ketika menu kita sorot dengan kursor mouse. Tanda pagar setelah kode href (href='#') nantinya akan diganti dengan link halaman maupun link menuju label dari blog kamu. Untuk mengetahui link dari label pada blog kamu caranya dengan cara klik kanan Nama Label pada blog kamu dan pilih Copy Link address, setelah itu pastekan dengan menggantikan tanda pagar pada pengaturan HTML blog kamu.  Contoh link yang sudah dihubungkan dengan label adalah sebagai berikut: <li><a href='http://inatutorial.blogspot.com/search/label/blog'></a></li>. Untuk lebih lengkapnya cara mengambil link dari label, lihatlah gambar dibawah ini:



Bagaimana cara menghubungkan link pada halaman seperti About, Contact dan Daftar Isi?
1. Bukalah Dashboard blog kamu.
2. Klik Laman kemudian klik tombol Laman baru.
3. Setelah itu Isi Judul laman dengan tulisan "About" dan Klik Tombol Publikasikan
4. Maka secara otomatis, link dari halaman tersebut adalah http://namablog/p/About.html
5. Link tersebut yang nantinya akan dimasukkan ke dalam kode penghubung halaman pada menu about. 
6. Selanjutnya, buka Template - Edit HTML 
7. Carilah "about" dengan cara mencari seperti cara diatas. 
8. Setelah ketemu, maka langsung aja ganti kodenya dengan link halaman about. Contoh link yang sudah diganti <li> < a href='http://namablog/p/about.html > </a> </li>
9. Klik tombol Simpan Template dan Lihat Blog.

Demikianlah tadi tutorial cara membuat menu navigasi pada blog yang dapat digunakan untuk memudahkan pembaca blog kamu dalam menjelajahi isi dari blog tersebut. Tutorial di atas mungkin masih terasa sangat membingungkan dan sulit bagi orang yang masih awam dengan kode-kode html sebuah blog. Jika ada masalah mengenai menu-menu yang kamu buat di blog, silahkan aja meninggalkan pertanyaan dengan cara berkomentar dibawa. 

Sekian dahulu informasi dari kami, ada kurang lebihnya kami mohon maaf yang sebesar-besarnya, mudah-mudahan tutorial cara membuat menu navigasi pada blog ini dapat bermanfaat bagi pembaca semuanya. Selamat Mencoba kawan, semoga sukses....
Read More

Cara Mengganti Template Blog di Blogger Keren

Cara Mengganti Template Blog di Blogger

Cara Mengganti Template Blog di Blogger - Pada artikel yang berjudul Cara Mengganti Template Blog di Blogger kali ini, kita akan membahas mengenai bagaimana cara mengganti template blog yang baru saja kita buat. Setelah mendaftarakan email dan membuat blog,  yang dilakukan oleh seorang blogger biasanya adalah mengubah template (tampilan blog) mereka, supaya tampilan blog mereka menjadi menarik dan membuat pengunjung betah untuk berkunjung ke blog kita. Dengan begitu, otomatis pengunjung blog kita akan terus meningkat setiap harinya. Jadi, jika ada pertanyaan apakah template blog mempengaruhi jumlah pengunjung?, seperti di atas tadi jawabannya. 

Sebelum belajar mengganti template blog kita, terlebih dahulu kita harus pahami dulu, apakah yang dimaksud dengan template itu?
Pengertian Template Blog. Template adalah desain keseluruhan atau tampailan dari sebuah media. Template blog berarti adalah desain dari tampilan halaman beserta komponen pendukung lainnya dari suatu blog. Komponen lain yang mengikuti desain template blog biasanya adalah layout blog, tampilan menu, warna baground dari suatu blog. 
Tampilan Template Blog Ketika Baru Dibuat

Untuk mengubah template blog, sebenarnya sudah disediakan template bawaan dari blogger. Namun tampilannya masih standar dan kurang responsive. Kriteria template sebuah blog yang bagus adalah Responsive dan Seo Friendly. Maksud dari kata-kata tersebut adalah template suatu blog harus mudah menyesuaikan tampailannya dan mudah untuk diindex oleh google. Supaya tampilan blog kamu memiliki kriteria sebagia berikut, maka dari itu kamu harus mendownload file template yang berektensi .xml di internet. 

Template blog dapat diperoleh dari beberapa situs yang menyediakan template, namun beberapa situs tidak menyediakan template secara gratis (premium). Tapi, kita pakai template yang gratisan dulu aja yach, nantinya kalau kamu sudah mahir dan ingin mengembangkan blog untuk berbisnis dan menghasilkan uang banyak, ada baiknya kamu memekai template premium (berbayar). Situs yang menyediakan template gratis salah satunya adalah btemplates.com dan soratempaltes.com. File yang kalian download biasanya berupa file .zip, extract terlebih dahulu dan cari file .xml-nya.
Baca Juga: Cara Menulis Artikel yang Bagus dan  disukai oleh Google


Cara Mengubah Template Blog di Blogger


Berikut ini adalah  tutorial langkah-langkah yang dapat diikuti untuk mengubah template sebuah blog:

1. Masuk dulu ke blogger,  ketikkan blogger.com dan masuk menggunakan alamat email blog kamu. 
2. Pilihlah blog yang ingin kamu ubah namanya.
3. Setelah Masuk ke dalam dasboard blog kamu, Klik Template pada bilah sebelah kiri bawah dan kemudian klik Tombol Cadangkan/Pulihkan di Pojok Kanan Atas.

4. Klik tombol Choose File, pilihlah file yang kamu download dari situs penyedia templates blog gratis seperti yang sudah kita bahas diatas. Carilah file .xml-nya, Jika sudah ketemu klik Open dan setelah itu Klik Tombol Unggah.

5. Template sudah berhasil diganti, dan setelah itu, coba cek terlebih dahulu dengan cara klik tombol Lihat Blog di atas.

Tampilan Blog Setelah diganti dengan Template Baru yang Responsive

Perhatikanlah template yang kamu terapkan di blog kamu, apakah sudah benar-benar sesuai dengan keinginan kamu, jika dirasas masih ada yang kurang pas, kamu dapat mengubahnya kembali dengan cara seperti tutorial yang kita bahas di atas. 

Demikian tutorial cara mengganti template blog di blogger ini, mudah-mudahan kalian dapat memahami kata demi kata yang ditulis oleh admin, yaa maklumlah, bahasanya terkadang susah untuk dimengerti. Semoga informasi tersebut dapat bermanfaat. Selamat Mencoba dan Semoga Sukses selalu...
Read More