Banyak sekali web page dan blog yang sudah menggunakan tabview/ tabmenu dalam blognya. Fungsi utamanya adalah untuk menghemat space yang ada di halaman web kita, dan membuat blog/web lebih terlihat rapi.
Tab view contohnya seperti ini :
Bagaimana cara membuat menu tab view, berikut uraiannya :
1. Pertama anda harus Login ke blogger trus pilih menu "Layout --> Edit HTML" 2. Kemudian cari kode berikut ( gunakan CTRL+F untuk mempermudah pencarian) ]]></b:skin> 3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.
div.TabView div.Tabs { height: 24px; overflow: hidden; } div.TabView div.Tabs a { float: left; display: block; width: 90px; /* Lebar Menu Utama Atas */ text-align: center; height: 24px; /* Tinggi Menu Utama Atas */ padding-top: 3px; vertical-align: middle; border: 1px solid #000; /* Warna border Menu Atas */ border-bottom-width: 0; text-decoration: none; font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */ font-weight: 900; color: #000; /* Warna Font Menu Utama Atas */ } div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #FF9900; /* Warna background Menu Utama Atas */ } div.TabView div.Pages { clear: both; border: 1px solid #6E6E6E; /* Warna border Kotak Utama */ overflow: hidden; background-color: #FF9900; /* Warna background Kotak Utama */ } div.TabView div.Pages div.Page { height: 100%; padding: 0px; overflow: hidden; } div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; }
4. Yang perlu di perhatikan adalah text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. 5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>
<script type='text/javascript'> function tabview_auxundefinedTabViewId, id) { var TabView = document.getElementByIdundefinedTabViewId); // ----- Tabs ----- var Tabs = TabView.firstChild; while undefinedTabs.className != "Tabs" ) Tabs = Tabs.nextSibling; var Tab = Tabs.firstChild; var i = 0; do { if undefinedTab.tagName == "A") { i++; Tab.href = "javascript:tabview_switchundefined'"+TabViewId+"', "+i+");"; Tab.className = undefinedi == id) ? "Active" : ""; Tab.blurundefined); } } while undefinedTab = Tab.nextSibling); // ----- Pages ----- var Pages = TabView.firstChild; while undefinedPages.className != 'Pages') Pages = Pages.nextSibling; var Page = Pages.firstChild; var i = 0; do { if undefinedPage.className == 'Page') { i++; if undefinedPages.offsetHeight) Page.style.height = undefinedPages.offsetHeight-2)+"px"; Page.style.overflow = "auto"; Page.style.display = undefinedi == id) ? 'block' : 'none'; } } while undefinedPage = Page.nextSibling); } // ----- Functions ------------------------------------------------------------- function tabview_switchundefinedTabViewId, id) { tabview_auxundefinedTabViewId, id); } function tabview_initializeundefinedTabViewId) { tabview_auxundefinedTabViewId, 1); } </script> <script type='text/javascript'>tabview_initializeundefined'TabView'); </script>
6. Kemudian "Di save" 7. Lalu pergi ke menu "Page Elements" 8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini. 9. Inilah script yg harus kamu pasang :
Keterangan : - Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview. - Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas). - Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll. - Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.
Kreativitas dan kemampuan pemuda - pemudi Indonesia harus sudah diasah sejak dini. Tentunya disesuaikan dengan perkembangan zaman. Jika tidak, bisa tertinggal pengetahuannya. Pemuda - pemudi Indonesia saat ini sangat dekat dengan teknologi. Mulai dari tingkat dasar sampai perguruan tinggi. Ditambah dengan kenyataan bahwa, ternyata kreativitas pemuda - pemudi Indonesia luar biasa. Harus tersebut patut terus dijaga dan ditingkatkan. Banyak dari mereka menjadi juara pada bidang teknologi di luar negeri. Prestasi mereka membuat kita kagum. Sejalan dengan itu, di kota-kota besar bermunculan tempat-tempat kursus. Sehingga para pemuda bisa semakin mengembangkan skill, kemampuan dan kreativitasnya. Bermunculannya tempat mengembangkan skill seperti, tempat kursus website, SEO, desain grafis favorit 2015 di Jakarta, sangat berdampak terhadap perkembangan teknologi informasi di Indonesia. Tempat Kursus Website Bagi mereka yang tertarik mengembangkan kemampuannya dalam bidang website, bisa mencari tempat kursus website. Di Jakarta sendiri ada salah satu tempat kursus website terbaik. Yaitu Dumet School. Lalu apa itu Dumet School?
DUMET School adalah tempat kursus Website, Digital Marketing dan Design Multimedia paling favorit di Jakarta dari Tahun 2013 sampai 2015.
DUMET School berbadan hukum, bernaung di PT. DUTA MEDIA TEKNOLOGI.
DUMET School memiliki izin Dinas Pendidikan No & Tahun 3261/2014
Mereka yang memang memiliki minat & bakat untuk mahir membuat website, maka Dumet School menjadi pilihan tepat. Suasana belajarnya pun menyenangkan, seperti terlihat pada foto - foto berikut : Suasana belajar di DUMET School.
Jika anda ingin melihat suasananya langsung, berikut videonya :
SEO
Dalam dunia internet, banyak sekali dinamika yang terjadi. Jika awal kemunculan internet di Indonesia lebih sering digunakan untuk mengirim email, kini tidak lagi. Internet sudah berkembang jauh diluar perkiraan. Satu contoh adalah Google. Jika sebelumya Google hanya sebagai mesin pencari, sekarang sudah berevolusi. Google sudah menjadi bisnis bagi sebagian besar masyarakat Indonesia.
Dalam Google ada istilah SEO(Search Engine Optimation). Tidak semua orang mengerti seo. Lalu bagaimana cara agar mengerti apa itu seo. Salah satu cara terbaik mempelajari seo adalah, mengikuti kursus seo.
Dimana tempatnya? Dumet School jawabannya.
Lalu dimana lokasi Dumet School?
DUMET School Srengseng. Ruko Permata Regensi Blok B-18, Srengseng, Kebon Jeruk, Jakarta Barat (Depan Hutan Kota Srengseng).
DUMET School Grogol. Ruko Jalan Taman Daan Mogot Raya No. 23, Jakarta Barat (Belakang Mall Citraland dan Kampus UNTAR II).
DUMET School Depok. Ruko Jalan Kartini Raya No. 53, Pancoran Mas (± 5 Menit dari Kantor Walikota Depok).
DUMET School Kelapa Gading. Rukan Artha Gading Niaga Blok i - 23, Jakarta Utara (Belakang Mall Artha Gading).
Desain Grafis Favorit 2015 di Jakarta Salah satu perkembangan teknologi informasi yang pesat adalah dunia desain grafis & dunia percetakkan. Dunia desain grafis & percetakkan tidak hanya sekedar mencetak undangan, buku, majalah. Tapi sudah berkembang lebih jauh dari itu, sangat dinamis. Lihat saja di jalan-jalan besar. Seringkali kita jumpai banner-banner, spanduk, umbul-umbul berisi iklan. Ada pula brosur, flyer, sticker dan lain sebagainya. Perhatikan gambar-gambarnya, bagus dan menarik dilihat bukan. Yah, itu semua membutuhkan kemampuan desain grafis yang baik. Jika anda tertarik dan ingin menguasai teknik desain grafis, haruslah belajar. Bisa otodidak maupun berguru. Alangkah baiknya jika berguru. Karena akan lebih cepat bisa dan tidak membuang waktu, dibandingkan otodidak. Kemudian dimana bergurunya? Di tempat kursus Desain Grafis Favorit 2015 di Jakarta, yaitu Dumet School. Kenapa harus memilih Dumet School?
Satu Murid pun Belajar Langsung dimulai.
Jadwal Belajar Fleksibel, Murid yang Menentukan.
Setelah Lulus, Boleh Konsultasi Gratis Selamanya.
Semua Murid Wajib Memiliki Hasil Karya.
Murid Akan diKasih Project Berbayar Dari DUMET School.
Semua Instruktur adalah Praktisi dan Staff Tetap (Bukan Freelancer).
Murid Boleh Konsultasikan Project dari Luar, Seperti Skripsi atau Website Kantornya.
Hadirnya hasil karya dari sebuah tempat kursus merupakan bukti, bahwa tempat kursus tersebut memberikan karya nyata bukan janji. Inilah hasil karya dari Dumet School.
Siapa Klien DUMET School? Berikut gambarannya :
Testimonial dari Murid Dumet School
Dengan segala bukti yang ada, tidak perlu diragukan lagi bahwa Dumet School merupakan Tempat Kursus Website, SEO, Desain Grafis Favorit 2015 di Jakarta.
Terkadang ketika kita mendownload template blogspot, tidak terdapat kolom tambahan pada bagian footer. Jangan khawatir, ada cara untuk menambahkannya. Inilah langkah - langkah Cara Menambah 3 Kolom Footer Di Blogger :
Login ke Blogger.com – > Pilih Template
Sebaiknya
lakukan dulu backup template dengan klik Backup / Restore atau
Cadangkan / Pulihkan, lalu klik download full template.
Klik tanda x untuk kembali ke menu template
Kemudian pilih Edit HTML --> Centang Expand Widget Templates
Cari kode ]]></b:skin>, lalu diatasnya simpan kode berikut ini : #footer-column-divide { clear:both; } .footer-column { padding: 10px; }
Selanjutnya cari lagi kode <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div>
Ganti kode yang warna merah dengan kode dibawah ini
YouTube saat ini sudah bertransformasi dari situs video menjadi situs gaya hidup di mana di dalamnya lebih dari sekedar meng-upload
dan menonton video tetapi sudah merambah menjadi wadah menunjukkan
ekstensis, obsesi dan tak jarang mengubah seseorang menjadi selebritis.
Tak heran jika hampir semua jenis video
mulai amatiran, CCTV hingga professional dapat ditemukan di YouTube, dan
tak sedikit pula yang menggunakan YouTube sebagai media promosi.
Apapun tujuan Anda saat memutuskan untuk menggunakan YouTube pastikan
bahwa yang Anda tampilkan adalah video yang memang menarik. Menarik
dalam hal isi dan juga konsep. Isi video sebaiknya telah dirancang
sedemikian rupa sehingga tujuan video tersebut tersampaikan. Misalnya
saja video berisi kompilasi 5 rumah termahal atau 5 rumah teraneh di
dunia, untuk membuat video kompilasi yang terdiri dari beberapa potongan
video tentu bukan perkara mudah.
Untungnya Anda tak perlu mengunduh apalagi harus merogoh kocek untuk
membeli aplikasi edit video karena YouTube sudah menyediakannya untuk
Anda. Namanya YouTube Video Editor, bagaimana cara kerjanya? Ini dia
tutorial lengkapnya untuk Anda menggunakan YouTube Video Editor versi
Web.
Pertama siapkan dahulu video yang akan digunakan, kemudian buka Youtube.com dan login menggunakan akun Anda. Setelah login klik foto profil Anda dan klik Video Manager.
Sampai di sini silahkan upload video yang diperlukan, untuk sementara set dahulu semua video ke tipe Private.
Saya asumsikan video yang dibutuhkan sudah Anda unggah, masih di
halaman Video Manager silahkan lihat di menu sebelah kiri dan klik CREATION TOOLS – Video Editor.
Seperti ini tampilan video editor-nya YouTube, di sebelah kanan Anda
terdapat sejumlah tool yang nanti akan kita gunakan, sementara di
bagian tengah ada jendela frame yang akan menampilkan setiap perubahan atas video yang kita modifikasi. Nah, kita coba masukkan video satu per satu ke dalam frame. Pertama klik ikon kamera seperti yang saya tandai dengan kotak berwarna orange
– di panduan ini karena saya tidak mengunggah video terlebih dahulu,
maka saya meminjam video berlisensi bebas. Anda pun bisa dengan cara
mengklik tombol berbentuk bulat tepat di sebelah ikon kamera.
Sekarang tarik salah satu video ke slide video tepat di bawah frame. Silahkan lihat gambar di bawah ini untuk petunjuk yang lebih jelas.
Saat video yang Anda tarik berhasil diletakkan maka posisi menu tadi
akan berubah menjadi seperti ini. Opsi-opsi di panel ini akan berubah
sesuai dengan apa yang Anda input. Karena tadi Anda baru saja
menambahkan video maka opsi di dalamnya berupa setting video tersebut. Ikuti pengaturan di gambar berikut ini atau jika Anda cukup paham silahkan gunakan pengaturan Anda sendiri.
Lanjut ke video berikutnya, tetapi untuk mempercantik tampilan
perpindahan dari satu video ke video lainnya, maka ada baiknya kita
tambahkan sedikit animasi. Klik ikon sebelah huruf “a”, atau lihat
gambar bertanda kotak orange di bawah ini dan pilih jenis animasi yang Anda inginkan lalu tarik dan posisikan tepat di sebelah video pertama tadi.
Setelah itu Anda bisa meletakkan video lainnya, caranya sama dengan
langkah pertama tadi. Lakukan lagi hingga seluruh video kompilasi yang
Anda ingin masukkan terpakai semua.
Sekarang kita ingin agar video tersebut tidak monoton, tambahkan
saja musik latar. Caranya klik ikon “not balok” dan pilih genre yang
Anda inginkan.
Jika lagu yang tepat sudah ditemukan, tarik file lagu tersebut ke slideaudio yang letaknya di bawah slide video.
Jika sudah berada di posisinya, coba perhatikan apakah musik
latarnya terlalu panjang atau justru kurang. Jika terlalu panjang Anda
bisa menarik dan menyamakan durasi musik dengan total video yang ada di
atasnya. Tetapi jika kurang, Anda bisa menambahkan musik lainnya dengan
menempatkan musik baru di sebelah musik yang sudah ada.
Terakhir, agar terlihat lebih menarik Anda bisa tambahkan teks di
dalam video, caranya klik salah satu potongan video yang ingin Anda beri
teks. Kemudian lihat di sebelah frame dan klik menu tab Text. Selanjutnya silahkan sesuaikan pengaturan di panel tersebut hingga mendapatkan hasil yang Anda inginkan.
Terakhir silahkan beri nama video Anda dan jika dirasa sudah yakin klik tombol Publishdan video akan diproses oleh YouTube.
Bagaimana, ternyata mudah kan membuat video kompilasi? Tak perlu
program berat apalagi yang mahal. YouTube Video Editor ini bisa juga
untuk memotong video, tetapi hanya di awal dan di akhir saja. Bisa juga
untuk video tunggal atau bisa juga gabungan antara video dan foto.
Selamat mencoba dan semoga bermanfaat.
Wonder - Template Blog SEO Friendly, Responsive (Mobile Friendly),
Keren, Elegan, Unik, untuk Blog Multimedia --galeri, audio, video, teks,
majalah, berita.
Heran adalah responsif template blogger gratis dengan majalah dan
multimedia gaya galeri. Muncul dengan 3 kulit, 2 tata letak pos, 4 jenis
label, SEO friendly, fitur slider dan banyak lagi. Pilihan ideal untuk
multimedia, permainan, galeri, majalah, teknologi dan berita blog.
Lucu ya kalimatnya? Itu terjemahan dari Google Translate untuk paragraf berikut ini:
Wonder is a free responsive blogger template with magazine and
multimedia gallery style. It comes with 3 skins, 2 post layout, 4 types
of label, SEO friendly, featured slider and more. Ideal choice for
multimedia, game, gallery, magazine, tech and news blogs. (Blog Template 4 U).
Template Blog Wonder adalah template gratis
dengan gaya tampilan majalah dan galeri multimedia. Template ini SEO
Friendly alias bersahabat dengan mesin pencari. Ada fitur slider yang
mempercantik tampilannya.
Template WONDER merupakan alternatif bagi Anda yang sedang mencari
template untuk blog multimedia, game, galeri, majalah, bahkan blog atau
situs berita.
Bagi para blogger, belajar SEO agaknya menjadi sesuatu keharusan. Karena SEO sangat berguna bagi peningkatan kualitas blog yang mereka miliki. Dan SEO merupakan cara terbaik dalam meningkatkan traffik web atau blog.
Ada banyak pertanyaan tentang apa dan bagaimana cara menggunakan SEO. Bagi yang sudah expert, tentunya tidak asing lagi dengan semua pertanyaan tentang SEO. Tetapi bagi yang masih awam, berbagai macam pertanyaan tertanam dibenaknya. Saya akan menjawab 5 dari banyaknya pertanyaan mengenai SEO. 1. Apa itu SEO (Search Engine Optimization)?
Search Engine Optimization adalah suatu seni untuk membuat situs atau blog anda menempati urutan teratas pada halaman/posisi satu di mesin pencarian (search engine) seperti Google, Bing & Yahoo. Pengertian dariSEO juga sangat luas tetapi semuanya mencakup hal yang sama yaitu mengoptimisasi suatu halaman website/blog agar menempati urutan teratas di search engine dengan kata kunci yang ditarget. 2. Perlunya belajar SEO atau menggunakan SEO.
Dengan belajar SEO, ada beberapa keuntungan yang akan anda dapatkan. Berikut saya uraikan : A. Mendatangkan traffic yang banyak Anda akan dapat mendatangkan trafik atau pengunjung ke website anda.
Yang lebih penting lagi, trafik yang datang adalah trafik yang
memang sedang mencari produk atau servis yang anda tawarkan. B. Meningkatkan penjualan Jika suatu situs menjual suatu produk atau barang seperti lazada.co.id yang menjual aneka barang seperti laptop atau lainnya, maka jika ada orang mencari di Google dengan keyword “jual laptop murah” kemudian situs tersebut ranking 1, kemungkinan Lazada akan mendapatkan penjualan dari hasil SEO tersebut. C. Meningkatkan daya saing Jika posisi suatu situs lebih tinggi maka secara otomatis daya saingnya pun akan lebih tinggi. Website anda juga akan terlihat sebagai situs yang memiliki kekuasaan dan
memegang peranan penting di industri tersebut. Ini bagus sekali untuk
meningkatkan kredibilitasdan kepercayaan pengunjung. 3. Bagaimana cara menaikkan ranking website dengan gratis? Ada begitu banyak teknik yang dapat mempengaruhi rangking dari sebuah website pada mesin pencari. 4. Berapa lama waktu agar website bisa cepat naik di mesin pencari? Google mempunyai sebuah kriteria yang dinamakan Page Rank Tool Bar. Ketika situs Anda masih baru, Page Rank Anda adalah Nol. Frekwensi kunjungan robot Google ke sebuah situs sangat bergantung pada Page Rank dari sebuah website. Semakin tinggi Page Rank, maka semakin cepat website tersebut terindex. 5. Seperti apa sebuah mesin pencari menemukan website anda? Ada sebuah istilah dalam SEO yang dikenal dengan nama indeks. Sebenarnya Anda bisa memberitahu Google tentang keberadaan website Anda dengan menggunakan Google Webmaster Tools. www.google.com/webmasters/tools/ Jika anda mengalami kesulitan belajar seo, saya akan merekomendasikan sebuah tempat kursus seoterbaik di Jakarta saat ini. Anda bisa belajar dengan nyaman. Anda bisa mendaftar kursus seo di Dumet School. Selain kursus seo, Dumet School juga mengadakan kursus lainnya seperti, kursus website, kursus desain grafis, kursus web programming, kursus web design, kursus mobile application, kursus flash, kursus video editing.
Anda bisa mengajak teman anda untuk kursus di tempat itu. Bisa saja teman anda mengikuti kursus desain grafis atau membuat website. Dumet School merupakan tempat desain grafis favorit 2015 di jakarta. Juga merupakan tempat kursus website terbaik. Jika anda penasaran tentang Dumet School, berikut penjabarannya : Lalu apa itu DUMET School?
DUMET School adalah tempat kursus Website, Digital Marketing dan Design Multimedia paling favorit di Jakarta dari Tahun 2013 sampai 2015.
DUMET School berbadan hukum, bernaung di PT. DUTA MEDIA TEKNOLOGI.
DUMET School memiliki izin Dinas Pendidikan No & Tahun 3261/2014.
Berikut suasana belajar di DUMET School
Jika anda ingin melihat suasananya langsung, berikut videonya :
Dimana Lokasi DUMET School?
DUMET School Srengseng. Ruko Permata Regensi Blok B - 18, Srengseng, Kebon Jeruk, Jakarta Barat (Depan Hutan Kota Srengseng).
DUMET School Grogol. Ruko Jalan Taman Daan Mogot Raya No. 23, Jakarta Barat (Belakang Mall Citraland dan Kampus UNTAR II).
DUMET School Depok. Ruko Jalan Kartini Raya No. 53, Pancoran Mas (± 5 Menit dari Kantor Walikota Depok).
DUMET School Kelapa Gading. Rukan Artha Gading Niaga Blok i - 23, Jakarta Utara (Belakang Mall Artha Gading).
Apa Produk DUMET School?
Kursus Web Master. Belajar membuat website dengan HTML5, CSS3, Photoshop, jQuery, PHP & MySQL.
Kursus Web Programming. Belajar PHP MySQL, PHP Advance, PHP Codeigniter/YII/Laravel/Zend/Cake.
Kursus Web Design. Belajar mendesain website dengan HTML5, CSS3, Photoshop, Javascript, & jQuery.
Kursus Mobile App. Belajar membuat aplikasi di Android, iOS, & Blackberry.
Kursus Digital Marketing. Belajar SEO, Adwords, Youtube Ads, Facebook Ads, Email Marketing, Landing Page.
Kursus CMS Master. Belajar membuat website dengan Wordpress & Joomla.
Kursus Flash Animation. Belajar membuat animasi interaktif dengan Flash & Action Script 3.0.
Kursus Video Editing. Belajar mengedit & memanipulasi video dengan Premiere Pro & After Effect.
Kursus Graphic Design. Belajar desain grafis dengan Photoshop, Illustrator, & InDesign.
Kursus Bootstrap. Belajar mendesain website responsive dengan Bootstrap3 (Framework CSS).
