Official Website

Home » Archives for 2013

Senin, 21 Januari 2013

Cara Membuat Menu Dibawah Header Blog

Diposting oleh 0 komentar

 Kali ini kita akan membahas tentang Cara membuat menu dibawah header blog.

 Pada  menu dibawah header blog yang versi ini kelebihannya adalah ketika pointer mouse di arahkan, maka hasil nya akan tampil menu-menu lainnya yang mengarah ke bawah alias Menu Horisontal DropDown, Seperti yang sobat lihat di gambar dan pada menu BlogKUCOPAS ini.


Gimana.??? Sobat tertarik dan ingin membuat nya.!!!
Oke sobat, Mari kita langsung menuju ke TKP, hehehehe...
Langkah-Langkah yang harus sobat lakukan untuk membuat menu dibawah header blog adalah:

1. Silahkan sobat >> Login atau Masuk ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih dan klik Menu >> Template >> Edit HTML >> Lanjutkan.

3. Jangan lupa sobat Centang pada >> "Expand Widget Templates".

4. Kemudian silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL + F untuk memudahkan pencarian).
Kemudian taruh Kode Script di bawah ini tepat diatas atau sebelum kode ]]></b:skin>

Catatan:
  • width:1000px; adalah Ukuran Lebar menu, Silahkan sobat ganti nilainya agar sesuai dengan ukuran lebar template blog sobat.
5. Jika sudah, Masih dalam Edit HTML Template, Silahkan sobat cari lagi kode <div id='content-wrapper'> (Gunakan CTRL+F  untuk mempercepat pencarian).

6. Kemudian copy kode dibawah ini dan paste-kan tepat di bawah atau sesudah kode <div id='content-wrapper'>

Catatan:
  • Your-Link-Here Ganti dengan Link target tujuan isi menu sobat.
  • Link-Title Ganti dengan title yang sobat inginkan.
  • Link-Name Ganti dengan Nama menu sobat yang ingin di tampilkan.
7. Setelah sobat selesai mengedit, Silahkan sobat klik >> Pratinjau atau Preview dulu sebelum di SAVE template-nya, Lalu lihat hasilnya. Jika sudah berhasil dan cocok seperti yang sobat inginkan, Jangan Lupa di Save atau Simpan yach...

NB:
 Jika sobat tidak menemukan kode yang dicari template blog sobat, Berarti cara di atas tidak berlaku untukTemplate blog yang sobat gunakan. Namun sobat masih bisa memasangnya di blog sobat.

Caranya:
  • Masuk >> Dasboard >> Tata letak >> Tambah Gadget >> pilih >> HTML/JavaScript >> Taruh semua kode script yang ke dua diatas di dalam kotak HTML/JavaScript >> Simpan dan lihat hasilnya.
Continue reading >>

Penjelasan Tugas Kedua

Diposting oleh 0 komentar
Assalamu'alaykum wr wb.

Temen-temen kali ini saya akan mengulas proyek kedua kita, yaitu "Membuat Toko Online"

Ada beberapa ketentuan kali ini, antara lain:
1. Template tidak boleh tempate bawaan dari blogspot, so..otomatis harus cari template baru yang bisa di download langsung kok dari google (semisal dengan kata kunci "download template blogspot") atau langsung aja ke Btemplates.com

2. Minimal ada 5 produk dan ulasan informasi tentang produk tersebut (nama produk, spesifikasinya, harga)

3. Harus ada halaman Tentang Kami yang berisi informasi perusahaan atau toko yang kalian buat.

4. Harus ada halaman Hubungi Kami yang berisi informasi dimana pelanggan bisa menghubungi toko ini (yang berisi data FB, Email, Yahoo!mesenger, dll)

5. Harus ada halaman Cara Order yang berisi informasi cara customer order barang, untuk yang satu ini boleh copas aja dari situs toko online lainya.

6. Harus ada tampilan Status Yahoo!mesenger aktif atau non aktif.

7. Harus ada tampilan badge facebook.

8. Harus ada tampilan statistik pengunjung blog.

Warning!
Pengumpulannya PALING AKHIR tanggal 30 januari 2013 jam 21.00.
Continue reading >>

Cara Membuat Link Pada Header

Diposting oleh 1 komentar

Yang dibutuhkan: Photoshop, Dreamweaver, koneksi internet

Silahkan design dulu header blog kamu pake Photoshop.


Simpan dalam ekstensi .jpeg

Buka Dreamweaver, Klik File -> New -> HTML -> Create
Muncul jendela ini. Taruh kursor di sebelah <body>


Klik Insert -> Image -> Pilih dan masukin header punyamu. Klik ok ok aja kalo muncul dialog box.


Setelah muncul dialog box di atas, klik gambar dan akan muncul dibawah ikon Rectangel tool, circle tool. Block button di header-mu. Disini aku pilih rectagle tool karena button-ku kotak.


Ketik alamat tujuan link di kotak link, dan ketik _blank di kotak target.
Lakukan hal yang sama pada button lain.

Setelah selesai, klik File -> Save. File akan tersimpan dalam bentuk .html.

Selanjutnya, login ke akun blog punyamu.

Buka Tata Letak, dan upload design header-mu di kotak header.


Klik simpan, buka alamat blogmu.
Klik kanan pada header, klik copy image location. Maka url header-mu akan ter-copy.

 

Buka file .html-mu tadi dengan Notepad.
Ganti dan paste url header-mu seperti gambar di bawah.


Copy seluruh isi notepad tersebut.
Buka Tata Letak -> Tambah Gadget -> HTML/Java Script.
Paste isi notepad tadi, simpan.
Taruh header kamu ke atas di bawah tempat kamu upload design header.
Simpan, dan klik lihat blog. Jadinya kayak gini.

Sekarang tugasmu adalah menghilangkan header bagian atas.
Klik Template -> Edit HTML -> Lanjutkan. Centang pada kotak Expand Template Widget.

Cari kode header h1 { Gunakan Ctrl + F.
Kamu akan diarahin ke bagian header.

Tulis display:none; di setiap sebelum tanda {
Hanya dari bagian /* Header sampe sebelum /* Main

Untuk memastikan berhasil klik Pratinjau, jika berhasil klik Simpan Template.
Klik Lihat Blog.


Header punyamu sudah punya button berisikan link.


 Sumber: Cara Membuat Link Pada Header
Continue reading >>

Cara Merubah Template Blogspot

Diposting oleh 0 komentar

Setelah membuat blog baru dari blogspot kita lanjutkan cara mengganti template blog blogspot. Secara default ketika kita daftar blog baru kita akan menggunakan template bawaan blogspot, dan template pilihannya cuma sedikit. Tentu kita ingin memiliki template yang lain sesuai keinginin kita. banyak template yang bisa gunakan dan banyak yang menyediakan di internet. Silahkan ketikkan Template blogger di google untuk mencari template linnya.

Baiklah berikut Cara Ganti Template Blog Blogspot Terbaru.

1. Buka dashboard blogger sobat, lalu perhatikan gambar berikut.

Perhatikan.
Pada angka 1, klik tombol tersebut dan akan tampil memanjang seperti diatas.
lalu Klik "Template" pada angka 2 tersebut.

2. Akan tampil seperti gambar di bawah ini :


Klik "Backup/Restore" dan akan tampil seperti gambar di bawah:

Angak 1, Klik Choose File untuk upload file Template yang akan dipakai.
template biasanya berformat ".xml" silahkan masukkan file template dari Hard  Drive Laptop sobat, jika belum memiliki template, sobat bisa gunakan tempalte ini untuk sementara,  download di sini templatenya http://www.mediafire.com/?p04ceeduagx3ibd, contoh blognya ada di sini  Gadget Review . setelah di downlaod masukkan dengan cara diatas. Atau bisa juga di Btemplates
Angka 2, jika sobat ingin menyimpan template sebelumnya klik "DOwnload Full Template" .
Angaka 3. Jika sudah masukkan file template tadi, silahkan "Upload" . Tunggu beberapa saat sampai template terinstall.

3. Nanti akan tampil seperti ini jika sudah berhasil :

Nah jika tampilan yang digaris merah itu sudah berubah, itu berarti template sudah berhasil diganti.
Selamat mencoba ..

 Sumber: Cara Merubah Template Blogspot
Continue reading >>

Senin, 14 Januari 2013

Proyek Baru

Diposting oleh 0 komentar


Continue reading >>

Cara Menampilkan Status Yahoo Mesengger Di Blogspot

Diposting oleh 0 komentar
Sebenarnya ada banyak cara untuk menampilkan status Yahoo messenger atau yang biasa disebut dengan YM kita di website atao blog kita, dan banyak pula plugin yang dapat digunakan untuk menampilkan Yahoo messenger tersebut. Tapi disini akan kubahas tentang cara menampilkan status Yahoo messenger atau YM dengan menggunakan bahasa html dengan menggunakan fasilitas http://opi.yahoo.com.

Misal untuk username ym kita adalah username_anda, maka kode html yang di masukan yaitu :

<a href=”ymsgr:sendIM?username_anda“><img src=”http://opi.yahoo.com/online?u=username_anda&m=g&t=0/”></a>

dimana username_anda adalah username Yahoo messenger kita, m=g adalah untuk menampilkan gambar (text : m=t), t=0 adalah tampilan text dari yang kita inginkan.
Untuk tampilan gambar t=0 adalah :


t=0 : yahoo messengert=1 : yahoo messengert=2 : yahoo messenger
t=3 : yahoo messengert=4 : yahoo messengert=5 : yahoo messenger
t=6 : yahoo messengert=7 : yahoo messengert=8 : yahoo messenger
t=9 : yahoo messengert=10 : yahoo messengert=11 : yahoo messenger
t=12 : yahoo messengert=13 : yahoo messengert=14 : yahoo messenger
t=15 : yahoo messengert=16 : yahoo messengert=17 : yahoo messenger
t=18 : yahoo messengert=19 : yahoo messengert=20 : yahoo messenger
t=21 : yahoo messengert=22 : yahoo messengert=23 : yahoo messenger
t=24 :yahoo messenger


 Sumber: Cara Menampilkan Status Yahoo Mesennger di Website/Blog
Continue reading >>

Cara Menayangkan Statistik Pengunjung Pada Blog

Diposting oleh 0 komentar
Cara menampilkan statistik jumlah pengunjung blogspot. Lama tidak posting karena lagi sakit. kali ini saya akan posting yang simpel dan sederhana saja yaitu cara menampilkan statistik blogspot. Apa sih Cara statistik? Adalah sebuah laporan naik turunya grafik beserta jumlah angka nominalnya. Bahasanya terlalu ribet ya. Gini aja Cara menampilkan statistik blogspot yaitu menampilkan jumlah pengunjung blogspot dengan widget gratis dari blogspot. Seperti pada gambar tersebut menampilkan jumlah pengunjung blog. Mungkin sebagian blogger sudah paham saya hanya share bagi yang masih new bie dapat untuk dipelajari. Cara menampilkannya pada blog adalah
1. Login blog anda
2. Kemudian kemenu edit tata letak
3. Pilih tambahkan widget seperti pada gambar
4.Kemudian pilih menu statistik blog dan klik tanda plus [+]
5.Silahkan anda memilih tampilan yang akan anda pergunakan bila sudah klik simpan
Semoga bermanfaat tutorialnya bagi newbie yang masih belajar membuat blog.

Sumber: Cara Menampilkan Statistik Pengunjung Pada Blogspot
Continue reading >>

Cara Menayangkan ShoutBox Pada Blog

Diposting oleh 0 komentar
Shoutbox adalah sebuah widget yang berfungsi untuk mengirim pesan-pesan singkat seperti ucapan selamat, perkenalan, pemberitahuan dan lain-lain kepada pemilik blog atau pengunjung lainnya.

Shoutbox ini biasanya diletak dihalaman depan blog atau website. Dengan shoutbox, pengunjung bisa dengan mudah memberikan komentar dan berkomunikasi secara langsung dengan pemilik maupun pengunjung lain secara bersamaan.

Shoutbox adalah sebuah layanan yang sangat interaktif yang dapat menjalin hubungan antar sesama blogger. Jika Anda tertarik untuk memilikinya. Silahkan ikuti cara-cara dibawah ini:

1. Buka situs http://www.shoutmix.com kemudian klik CREATE YOUR SHOUTBOX NOW.

2. Kemudian akan muncul halaman seperti pada gambar dibawah ini. Isi semua data-data yang diperlukan dengan benar. Beri tanda centang pada "I have read and agree to the Terms of Service". Kemudian klik Continue.

3. Selanjutnya Anda akan dibawa kehalaman seperti gambar dibawah ini.

4. Pilihlah salah satu style diatas, kemudian isi kode verifikasi yang terdapat pada sisi kanannya. Lalu klik Continue. Anda akan dibawa ke halaman konfirmasi bahwaaccount Anda telah berhasil dibuat.Cara Memasang Shoutbox pada Blogger1. Klik Go to my control panel now. Pada bagian Quick Start terdapat tulisan Get Codes, klik tulisan tersebut untuk mendapatkan kodenya.

2. Pilih Place Shoutbox on webpage. Copy semua kode HTML yang ada dalam kotak Generated Codes.

3. Login ke Blogger, klik menu Design -> Page Elements klik Add a Gadget. Maka akan muncul halaman baru. Klik HTML/JavaScript. 

4. Isi nama pada kotak Title. Lalu paste kode HTML tadi ke dalam kotak Contentseperti contoh dibawah ini.5. Kalau sudah, klik Save untuk menyimpannya. Jika muncul "Page element added". Berarti proses pemasangan Shoutbox berhasil. Silahkan klik View Blog untuk melihat hasilnya. 

Selamat Mencoba...

 Sumber: Cara Membuat Dan Memasang Shoutbox Pada Blog
Continue reading >>

Analisis Hasil Penilaian

Diposting oleh 0 komentar

Ana Maria U
Pembuatan : 8,Secara keseluruhan websitenya sudah cukup bagus, dan menarik minat orang untuk membacanya.
Desain: Angka 7,5 sudah ada modifikasi background.
Konten/Fitur: 7 di dapatkan karena Fitur dan konten di dalamnya memang sudah banyak dan jauh dari desain asli namun, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: facebook dan yahoo messenger.

Aseh Novianto
Pembuatan : 7,5 Keseluruhan sudah bagus tinggal memberi tambahan biar ndak standar, maaf gambarnya banyak yang kurang memenuhi kaidah syara’. 
Desain: 7, 5. Ada Sedikit Modifikasi 
Konten: 7, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: facebook dan yahoo mesenger
Pembuatan : 7,5 Keseluruhan sudah bagus tinggal memberi tambahan biar ndak standar,  
Desain: 7, Masih standar  
Konten: 7,5, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: yahoo messenger 

Pembuatan : 8, Secara keseluruhan websitenya sudah cukup bagus, dan menarik minat orang untuk membacanya. 
Desain: Angka 8 di dapatkan dari pembuatan desain yang sudah berbeda dari desain blog dasar, sudah cukup berani mengolah kode html 
Konten/Fitur: 7 di dapatkan karena Fitur dan konten di dalamnya memang sudah banyak dan jauh dari desain asli namun, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: facebook dan yahoo messenger. 

Pembuatan : 8, Secara keseluruhan websitenya sudah cukup bagus, dan menarik minat orang untuk membacanya. 
Desain: Angka Angka 8 di dapatkan dari pembuatan desain yang sudah berbeda dari desain blog dasar, sudah cukup berani mengolah kode html 
Konten/Fitur: 7 di dapatkan karena Fitur dan konten di dalamnya memang sudah banyak dan jauh dari desain asli namun, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: facebook dan yahoo messenger. Untuk penggunaan Youtube hati-hati dalam memasukkan keywordnya karena mungkin saja ada Porn Site yang masuk. 

Pembuatan : 8, Secara keseluruhan websitenya sudah cukup bagus, dan menarik minat orang untuk membacanya. 
Desain: Angka 7,5 penggunaan desain dasar namun sudah di modifikasi dengan gambar. 
Konten/Fitur: 7 di dapatkan karena Fitur dan konten di dalamnya memang sudah banyak dan jauh dari desain asli namun, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: facebook dan yahoo messenger.  

Eni Lestari  
Pembuatan : 7,5 Keseluruhan sudah bagus tinggal memberi tambahan biar ndak standar, 
Desain: Angka 7,5 penggunaan desain dasar namun sudah di modifikasi dengan gambar. 
Konten/Fitur: 6, Fitur yang saya minta belum ada

Pembuatan : 8,Secara keseluruhan websitenya sudah cukup bagus, dan menarik minat orang untuk membacanya. 
Desain: 7,5 , sudah ada modifikasi 
Konten/Fitur: 7 di dapatkan karena Fitur dan konten di dalamnya memang sudah banyak dan jauh dari desain asli namun, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: facebook dan statistic pengunjung  

Pembuatan : 7,5 Keseluruhan sudah bagus tinggal memberi tambahan biar ndak standar, maaf gambarnya banyak yang kurang memenuhi kaidah syara’. 
Desain: 7, 5. Ada Sedikit Modifikasi 
Konten: 7, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: facebook dan statistic pengunjung 

Pembuatan : 7,5 Keseluruhan sudah bagus tinggal memberi tambahan biar ndak standar, 
Desain: 7, Masih standar 
Konten: 7,5, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: yahoo messenger 

Pembuatan : 8,Secara keseluruhan websitenya sudah cukup bagus, dan menarik minat orang untuk membacanya. 
Desain: Angka 7,5 sudah ada modifikasi background. 
Konten/Fitur: 7 di dapatkan karena Fitur dan konten di dalamnya memang sudah banyak dan jauh dari desain asli namun, ada beberapa konten yang kemaren saya minta untuk ditayangkan belum ditayangkan. Seperti: facebook dan yahoo messenger. 

Pembuatan : 8,Secara keseluruhan websitenya sudah cukup bagus, dan menarik minat orang untuk membacanya. 
Desain: Angka 7,5 sudah ada modifikasi background. 
Konten/Fitur: 8, Fitur yang saya minta sudah lengkap. Terima kasih. J

Pembuatan : 8,Secara keseluruhan websitenya sudah cukup bagus, dan menarik minat orang untuk membacanya. 
Desain: Angka 7,5 sudah ada modifikasi background. 
Konten/Fitur: 8, Fitur yang saya minta sudah lengkap. Terima kasih. J 

Pembuatan : 7, Terima kasih sudah mengerjakan tugas J 
Desain: 7, desain masih desain dasar belum ada perubahan. 
Konten/Fitur: 6, Fitur yang saya minta belum ada

 <<< Kembali Ke Penilaian

Continue reading >>
Langganan: Postingan (Atom)
 

Web Desain - Copyright  © 2012 All Rights Reserved | Design by OS Templates Converted and modified into Blogger Template by BTDesigner | Back to TOP