Senin, 20 Januari 2014

Edit Template (Menu Dropdown)

1.      BUAT BLOG
Buat BLOG baru dengan akun gmail anda:
·         Masuk ke Dashboard Blogger, dengan akun email anda di www.blogger.com
·         Pilih buat Blog baru, selanjutnya akan muncul tampilan seperti berikut
·         Isi kolom judul dengan nama blog anda
·         Isi kolom alamat blog anda sesuai keinginan anda
·         Pilih templat yang anda sukai
·         Lalu pilih buat blog baru
·         Selesai anda bisa mulai “blogging”


2.      EDIT TEMPLATE
Mengedit template google bawaan dengan template yang terdapat menu “DROPDOWN”
·         Masuk ke blog yang anda buat tadi
·         Pilh template, lalu pilih edit html
·         Pastikan bahwa sebelumnya anda sudah memiliki “script html” template dengan menu drop down jika belum anda bisa mendownloadnya di btemplates.com. Ini adalah salah satu template dari btemplates yang akan saya pasang di blog saya yaitu “DIYWP Template”
·         Download template-nya, ekstrak file yang anda download tadi. Lalu buka file yang ber-format .xml dengan notepad
·         Copy “script html”-nya terpkan pada template blog anda
Simpan perubahanya.
Tampilan blog dengan template bawaan
Tampilan blog dengan “DIYWP template”

3.      EDIT SCRIPT  HTML
Ø  Mengubah slide gambar  :
·         Masuk ke template dan pilih edit html
·         Cari script berikut
Ini adalah script tampilan slide show photo, pada template ini ada 5 slide saya akan membuatnya menjadi 3 saja.
·         Edit script slide pertama
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07jCwAtWtrLXfYjoinLx-pRgAwhSeZHDIy3gUxEraeKHb_ooyCIW9JJbg2gUfDKcPAO6ObzvDVHyi3THMaRTXo9SwUW897L6UN8e5fYJR7L2NKMELHuuYb3Xq2uODzEWWjedbeAgV55UN/s0/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div></div>
<!-- Slide 1 Code End -->

ubah URL gambar (yang berwarna merah) dengan URL gambar yang anda inginkan, misal dengan link berikut
letakan link diatas pada script tadi tepatnya diantara tanda kutip (‘url’). Hasilnya
Sebelum diubah
·         Lakukan langkah yang sama pada “script slide show” yang ke dua dan ketiga, lalu hapus script yang keempat dan kelima.
·         Hasil yang lainya
Sesudah diedit
Sebelum di-edit

Ø  Mengedit Label pada menu Dropdown
·         Masuk pada template lalu pilh edit html
·         Cari scrip berikut

Disini saya akan mengubah label “business”, beserta sub-label “internet” “market” “stock”  
·         Hapus tulisan business yang ada pada script diatas menjadi Teknologi, dan sub-label Internet menjadi android, serta market menjadi computer.
·         Hapus sublabel stock karena saya hanya akan membuat 2 subfolder
Tampilan script sesudah
Tampilan blog sebelum
Tampilan sesudah di edit
Ø  Memasukan link pada label
Sebelum memasukan link kita buat lalbel postingan terlebih dahulu, misal saya akan membuat postingan tentang Razer Game Booster, dengan label game atau software. Setelah itu di publikasikan, dalam blog aka nada postingan dengan label software, game.
·         Klik label software, maka akan terbuka halaman label software beserta isinya. Copy URL-nya
·         Masuk ke template, dan pilih edit html
·         Cari script berikut
<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>movie</a></li>
<li><a href='http://de-av.blogspot.com/search/label/game'>games</a></li>
<li><a href='' >software</a></li>
</ul>
</li>
·         Paste URL tadi, di lalel software diantara tanda petik (‘’). Lihat gambar
·         Lakukan langkah yang sama, untuk mengisi link pada label. Tapi dengan URL label masing-masing dan dengan nama masing-masing.

Ø  Sharing Via 4shared
·         Buka halaman 4shared (www.4shared.com), buat akun 4shared
·         Isi data-data yang diperlukan gamabar diatas, lalu pilih daftar
·         Setelah itu akan muncul halaman aku 4shared anda, upload beberapa file yang akan anda share
·         Pilih salah satu file yang akan di-share, misal File PES 2010. Lalu pilih tautan “berbagi pakai”. Selanjutnya muncul halaman seperti pada gambar
·         Coy URL-nya
·         Masuk ke blog anda, pilih pos, buat postingan tentang PES 2010 lalu buat link untuk menghubungkan ke 4shared
·         Seleksi beberapa teks, lalu pilh link pada kolom atas postingan, lihat gambar
·         Setalah muncul box untuk memasukan link, pastekan link dari 4shared tadi.
·         Checklist pada opsi “open this link in new window” untuk menampilkan link pada halaman baru nantinya. (jika tidak di checklist tidak masalah)
·         Klik ok, dan selesai. Anda sukses me-link-an file yang ada di 4shared (tulisan merah)

 v1.      BUAT BLOG
Buat BLOG baru dengan akun gmail anda:
·         Masuk ke Dashboard Blogger, dengan akun email anda di www.blogger.com
·         Pilih buat Blog baru, selanjutnya akan muncul tampilan seperti berikut
·         Isi kolom judul dengan nama blog anda
·         Isi kolom alamat blog anda sesuai keinginan anda
·         Pilih templat yang anda sukai
·         Lalu pilih buat blog baru
·         Selesai anda bisa mulai “blogging”


2.      EDIT TEMPLATE
Mengedit template google bawaan dengan template yang terdapat menu “DROPDOWN”
·         Masuk ke blog yang anda buat tadi
·         Pilh template, lalu pilih edit html
·         Pastikan bahwa sebelumnya anda sudah memiliki “script html” template dengan menu drop down jika belum anda bisa mendownloadnya di btemplates.com. Ini adalah salah satu template dari btemplates yang akan saya pasang di blog saya yaitu “DIYWP Template”
·         Download template-nya, ekstrak file yang anda download tadi. Lalu buka file yang ber-format .xml dengan notepad
·         Copy “script html”-nya terpkan pada template blog anda
Simpan perubahanya.
Tampilan blog dengan template bawaan
Tampilan blog dengan “DIYWP template”

3.      EDIT SCRIPT  HTML
Ø  Mengubah slide gambar  :
·         Masuk ke template dan pilih edit html
·         Cari script berikut
Ini adalah script tampilan slide show photo, pada template ini ada 5 slide saya akan membuatnya menjadi 3 saja.
·         Edit script slide pertama
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07jCwAtWtrLXfYjoinLx-pRgAwhSeZHDIy3gUxEraeKHb_ooyCIW9JJbg2gUfDKcPAO6ObzvDVHyi3THMaRTXo9SwUW897L6UN8e5fYJR7L2NKMELHuuYb3Xq2uODzEWWjedbeAgV55UN/s0/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div></div>
<!-- Slide 1 Code End -->

ubah URL gambar (yang berwarna merah) dengan URL gambar yang anda inginkan, misal dengan link berikut
letakan link diatas pada script tadi tepatnya diantara tanda kutip (‘url’). Hasilnya
Sebelum diubah
·         Lakukan langkah yang sama pada “script slide show” yang ke dua dan ketiga, lalu hapus script yang keempat dan kelima.
·         Hasil yang lainya
Sesudah diedit
Sebelum di-edit

Ø  Mengedit Label pada menu Dropdown
·         Masuk pada template lalu pilh edit html
·         Cari scrip berikut

Disini saya akan mengubah label “business”, beserta sub-label “internet” “market” “stock”  
·         Hapus tulisan business yang ada pada script diatas menjadi Teknologi, dan sub-label Internet menjadi android, serta market menjadi computer.
·         Hapus sublabel stock karena saya hanya akan membuat 2 subfolder
Tampilan script sesudah
Tampilan blog sebelum
Tampilan sesudah di edit
Ø  Memasukan link pada label
Sebelum memasukan link kita buat lalbel postingan terlebih dahulu, misal saya akan membuat postingan tentang Razer Game Booster, dengan label game atau software. Setelah itu di publikasikan, dalam blog aka nada postingan dengan label software, game.
·         Klik label software, maka akan terbuka halaman label software beserta isinya. Copy URL-nya
·         Masuk ke template, dan pilih edit html
·         Cari script berikut
<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>movie</a></li>
<li><a href='http://de-av.blogspot.com/search/label/game'>games</a></li>
<li><a href='' >software</a></li>
</ul>
</li>
·         Paste URL tadi, di lalel software diantara tanda petik (‘’). Lihat gambar
·         Lakukan langkah yang sama, untuk mengisi link pada label. Tapi dengan URL label masing-masing dan dengan nama masing-masing.

Ø  Sharing Via 4shared
·         Buka halaman 4shared (www.4shared.com), buat akun 4shared
·         Isi data-data yang diperlukan gamabar diatas, lalu pilih daftar
·         Setelah itu akan muncul halaman aku 4shared anda, upload beberapa file yang akan anda share
·         Pilih salah satu file yang akan di-share, misal File PES 2010. Lalu pilih tautan “berbagipakai”. Selanjutnya muncul halaman seperti pada gambar
·         Coy URL-nya
·         Masuk ke blog anda, pilih pos, buat postingan tentang PES 2010 lalu buat link untuk menghubungkan ke 4shared
·         Seleksi beberapa teks, lalu pilh link pada kolom atas postingan, lihat gambar
·         Setalah muncul box untuk memasukan link, pastekan link dari 4shared tadi.
·         Checklist pada opsi “open this link in new window” untuk menampilkan link pada halaman baru nantinya. (jika tidak di checklist tidak masalah)
·         Klik ok, dan selesai. Anda sukses me-link-an file yang ada di 4shared (tulisan merah)
 1.      BUAT BLOG
Buat BLOG baru dengan akun gmail anda:
·         Masuk ke Dashboard Blogger, dengan akun email anda di www.blogger.com
·         Pilih buat Blog baru, selanjutnya akan muncul tampilan seperti berikut
·         Isi kolom judul dengan nama blog anda
·         Isi kolom alamat blog anda sesuai keinginan anda
·         Pilih templat yang anda sukai
·         Lalu pilih buat blog baru
·         Selesai anda bisa mulai “blogging”


2.      EDIT TEMPLATE
Mengedit template google bawaan dengan template yang terdapat menu “DROPDOWN”
·         Masuk ke blog yang anda buat tadi
·         Pilh template, lalu pilih edit html
·         Pastikan bahwa sebelumnya anda sudah memiliki “script html” template dengan menu drop down jika belum anda bisa mendownloadnya di btemplates.com. Ini adalah salah satu template dari btemplates yang akan saya pasang di blog saya yaitu “DIYWP Template”
·         Download template-nya, ekstrak file yang anda download tadi. Lalu buka file yang ber-format .xml dengan notepad
·         Copy “script html”-nya terpkan pada template blog anda
Simpan perubahanya.
Tampilan blog dengan template bawaan
Tampilan blog dengan “DIYWP template”

3.      EDIT SCRIPT  HTML
Ø  Mengubah slide gambar  :
·         Masuk ke template dan pilih edit html
·         Cari script berikut
Ini adalah script tampilan slide show photo, pada template ini ada 5 slide saya akan membuatnya menjadi 3 saja.
·         Edit script slide pertama
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07jCwAtWtrLXfYjoinLx-pRgAwhSeZHDIy3gUxEraeKHb_ooyCIW9JJbg2gUfDKcPAO6ObzvDVHyi3THMaRTXo9SwUW897L6UN8e5fYJR7L2NKMELHuuYb3Xq2uODzEWWjedbeAgV55UN/s0/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div></div>
<!-- Slide 1 Code End -->

ubah URL gambar (yang berwarna merah) dengan URL gambar yang anda inginkan, misal dengan link berikut
letakan link diatas pada script tadi tepatnya diantara tanda kutip (‘url’). Hasilnya
Sebelum diubah
·         Lakukan langkah yang sama pada “script slide show” yang ke dua dan ketiga, lalu hapus script yang keempat dan kelima.
·         Hasil yang lainya
Sesudah diedit
Sebelum di-edit

Ø  Mengedit Label pada menu Dropdown
·         Masuk pada template lalu pilh edit html
·         Cari scrip berikut

Disini saya akan mengubah label “business”, beserta sub-label “internet” “market” “stock”  
·         Hapus tulisan business yang ada pada script diatas menjadi Teknologi, dan sub-label Internet menjadi android, serta market menjadi computer.
·         Hapus sublabel stock karena saya hanya akan membuat 2 subfolder
Tampilan script sesudah
Tampilan blog sebelum
Tampilan sesudah di edit
Ø  Memasukan link pada label
Sebelum memasukan link kita buat lalbel postingan terlebih dahulu, misal saya akan membuat postingan tentang Razer Game Booster, dengan label game atau software. Setelah itu di publikasikan, dalam blog aka nada postingan dengan label software, game.
·         Klik label software, maka akan terbuka halaman label software beserta isinya. Copy URL-nya
·         Masuk ke template, dan pilih edit html
·         Cari script berikut
<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>movie</a></li>
<li><a href='http://de-av.blogspot.com/search/label/game'>games</a></li>
<li><a href='' >software</a></li>
</ul>
</li>
·         Paste URL tadi, di lalel software diantara tanda petik (‘’). Lihat gambar
·         Lakukan langkah yang sama, untuk mengisi link pada label. Tapi dengan URL label masing-masing dan dengan nama masing-masing.

Ø  Sharing Via 4shared
·         Buka halaman 4shared (www.4shared.com), buat akun 4shared
·         Isi data-data yang diperlukan gamabar diatas, lalu pilih daftar
·         Setelah itu akan muncul halaman aku 4shared anda, upload beberapa file yang akan anda share
·         Pilih salah satu file yang akan di-share, misal File PES 2010. Lalu pilih tautan “berbagi pakai”. Selanjutnya muncul halaman seperti pada gambar
·         Coy URL-nya
·         Masuk ke blog anda, pilih pos, buat postingan tentang PES 2010 lalu buat link untuk menghubungkan ke 4shared
·         Seleksi beberapa teks, lalu pilh link pada kolom atas postingan, lihat gambar
·         Setalah muncul box untuk memasukan link, pastekan link dari 4shared tadi.
·         Checklist pada opsi “open this link in new window” untuk menampilkan link pada halaman baru nantinya. (jika tidak di checklist tidak masalah)
·         Klik ok, dan selesai. Anda sukses me-link-an file yang ada di 4shared (tulisan merah)

0 komentar:

Posting Komentar