BLOG ARTIKEL PENJUALAN ORGAN TUBUH MANUSIA DI JEJARING DUNIA MAYA

Breaking News
Loading...
Jumat, 19 April 2013

Tutorial Desain Blog Desyratna729.blogspot.com

Tutorial Desain Blog Desyratna729.blogspot.com

Tampilan utama Blog :


Tata Letak Widget Blog dan Widget Script HTML :


 Cara Membuat dan Mengganti Menu pada Blog : 


Sekarang banyak sekali informasi tentang cara menambah / membuat sub menu untuk menu utama di internet. Kita bisa dengan mudah mencari informasi tersebut hanya dengan mengetikkan kata tertentu sesuai maksud yang diinginkan pada salah satu mesin pencari (search engine) seperti google.com , maka akan tertera informasi yang kita inginkan.

Berdasarkan pengalaman saya, dari beberapa informasi yang kita maksud, terkadang kurang jelas cara atau langkah-langkah yang mesti dilakukan. Apalagi seperti saya yang masih awam dengan pengetahuan tentang blogger ini. 

Berikut ini langkah-langkah yang harus dilakukan :
  1. Klik Menu Desain 
  1. Pilih Menu Template lalu pilih menu Edit HTML 
  1. Pilih/klik menu Lanjutkan

Agar lebih mudah, klik saja F3 pada keyboard atau Ctrl+F lalu cari menu yang mw kita edit dan selanjutnya bisa kita tambahakan juga.

Script Penulisan Menu utama :
<li><a href="#">MENU UTAMA</li>

Script Penulisan Jika Memakaiu SUb Menu :
 <li><a href='#'>MENU UTAMA</a>
           <ul class='submenu hidden'>
    <li><a href='#'>Sub Menu 1</a></li>
    <li><a href='#'>Sub Menu 2</a></li>
    </ul>
     </li>

Jika ingin menambahkan sub menu atau menu utama, penulisan html nya sama seperti di atas.
 
<nav id='nav'>
       <ul id='menuhlng1'>
           <li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
         <li><a href='#'>Profil</a>
           <ul class='submenu hidden'>
    <li><a href='#'>Nama Kelompok</a></li>
             <li><a href='#'>Kata Pengantar</a></li>
        
</ul>
</li>
           <li><a href='#'>Etika</a>
<ul class='submenu hidden'>
<li><a href='http://desyratna729.blogspot.com/2013/04/transplantasi-dari-aspek-keperawatan.html'>Sejarah</a></li>
<li><a href='#'>Jenis - Jenis Etika</a></li>
<li><a href='#'>Contoh Etika</a></li>

</ul>
</li>
        
           <li><a href='#'>Etika Profesi</a>
<ul class='submenu hidden'>
<li><a href='#'>Sejarah</a></li>
<li><a href='#'>Pengertian</a></li>
</ul>
</li>
           <li><a href='#'>Cyber Crime</a>
<ul class='submenu hidden'>
<li><a href='#'>Sejarah</a></li>
<li><a href='#'>Pengertian</a></li>
<li><a href='#'>Jenis Kejahatan</a></li>

</ul>
</li>
        
           <li><a href='#'>Cyber Law</a>
<ul class='submenu hidden'>
<li><a href='#'>Latar Belakang</a></li>
<li><a href='#'>Pengertian</a></li>
<li><a href='#'>Pasal-Pasal</a></li>

</ul>
</li>
        
           <li><a href='#'>Contoh Kasus</a>
<ul class='submenu hidden'>
<li><a href='#'>Kasus</a></li>
<li><a href='#'>Pembahasan Masalah</a></li>
<li><a href='#'>Kesimpulan Dan Saran</a></li>

</ul>
</li>
         <li><a href='#'>Sumber</a></li>
       </ul>
    </nav>


PENJELASAN :
    • Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
      • Contoh : http://desyratna729.blogspot.com/2013/04/transplantasi-dari-aspek-keperawatan.html. Maka ini menjadi link Submenu utama dan juga sebagai label.
      • Contoh : http://desyratna729.blogspot.com/2013/04/transplantasi-dari-aspek-keperawatan.html.html. Maka ini menjadi link isi submenu.
    • Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
      • Contoh : Kesehatan. Ini menjadi Judul Submenu
    • Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan. 

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.
Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.
8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama,  Maka ikutilah saran berikut :

  • Masuk ke Menu Laman 
  • Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
  • Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.
Blog sudah bisa dipublikasikan...

Cara Membuat Teks Berjalan Di Blog :

TEKS BERJALAN


1. Pilih Tata Letak
2. Klik Tambah Gadget
3. Pilih Html/Java Script
4. Selanjutnya tinggal anda masukan script berikut untuk membuat teks berjalan :

<marquee direction="left" align="center">
<center>
<img src="http://bsi-dhikadwipradya.16mb.com/wp-content/uploads/2012/07/Logo-BSI2.png" width="80" align="center" />
<br />
<h1><font color="blue"><b>BLOG ARTIKEL PENJUALAN ORGAN TUBUH MANUSIA DI JEJARING DUNIA MAYA</b></font></h1>
</center>
</marquee>

Jika cuma memasukan teks aja anda cukup menuliskan script berikut :
<marquee>TEKS BERJALAN</marquee>

Cara Memasukan Widget Recent Post Auto Scroll Pada Blog : 



1. Pilih Tata Letak
2. Klik Tambah Gadget
3. Pilih Html/Java Script
4. Selanjutnya tinggal anda masukan script berikut untuk membuat recent post auto scroll :

<div id="recentpostxx"><span class="loadingxx">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccpostsx({
numpostx:10,
animatedRecentPost:true,
limitspy:5,
id_cintainrp:"#recentpostxx",
cmtext:"Comments",
contjumlah:100
});
});
//]]>
</script>

Penjelasan :
Numpostx : 10,  adalah jumlah article yang akan kita tampilkan di widget recent post. bisa anda atur sendiri. max 10 article
animatedRecentPost:true, adalah fungsi untuk menghidupkan animasi auto scroll pada widget recent post, jika anda tidak ingin memakai animasi auto scrool cukup anda beri nilai "false"

Cara memasukan banner gambar atau banner iklan caranya cukup mudah :



1. Pilih Tata Letak
2. Klik Tambah Gadget
3. Pilih Html/Java Script

Selanjutnya untuk banner iklan seperti iklan google adsense, anda tinggal memasukan kode scriptnya  pada widget tersebut.
untuk menampilkan gambar tinggal anda sesuaikan dengan lebar posisi widget tersebut. untuk blog ini ukuran widgetnya dengan width max 300px

contoh : <img src="url gambar" width="300">
jika ingin menambah link pada gambar, cukup menambahkan:
 <a href="url link">
<img src="url gambar" width="300">
</a>

0 komentar:

Posting Komentar

 
Toggle Footer