Oh, begitu ya. Maaf kalau mas khawatir artikel ini dikira merupakan ide Saya. Ambil saja nggak apa-apa. Karena pertanyaannya tidak sesuai topik jadi langsung Saya buatkan artikelnya supaya pertanyaan bisa dilanjut di bawah.
maaf mas, saya cuma tanya aja... ya, saya kira untuk membuat ini menggunakan tag kondisional... makasih mas udah buatkan langsung, makasih banyak, jadi ga repot, cuma nanti lain kali tolong jawab ya mas, walaupun cuma dengan link artikelnya... :-) sekali lagi mohon maaf dan terimakasih banyak :-)
masih bingung mas aku :'(,mau meletakkan kode yang html dimana yang css dimana dan yang jquery itu dimana maklum masih newbie, mohon bimbingannya :yaya: tips yang bagus mas :-bd
Bang Tau kuk ane selalu bingung yah ama artikel abang yang isinya sperti artikle ini ini diletakkannya di html blog aku dimana yah setelah kode head kode body atau kodek b:skin Mohon petunjuknya Bang
Artikel-artikel Code Snippet sebenarnya diperuntukkan untuk kalangan level menengah/menengah ke atas, yang sudah tidak perlu lagi diberitahu secara mendetail mengenai di sebelah mana kode-kode tersebut harus diletakkan dan bagaimana caranya masuk ke halaman editor HTML. Artikel kode snippet murni untuk pengembangan web secara global, bukan cuma untuk blogspot.
Makasih ya mas tutorialnya... Nyenengin banget. Oh ya, saya mau tanya lagi mas. Kalau membuat suatu element bergerak (memainkan margin) saat kita mengklik elemen lain bagaimana mas jquery-nya? Contohnya yang pas saya input di kotak search, kotak ribbon sampeyan bergerak ke kanan. Makasih mas.
Mas Taufik, buatkan saya kode css logo header untuk huruf Z saja mas. saya kurang mengerti dengan pseudo element. Saya belum paham. Susah sekali buat huruf Z mas. Atau, mungkin mas taufik punya koleksi CSS huruf yyang bermain pseudo element seperti itu?
ass... pak itu klo mau nambahin timing saat di klik.. nambahin script apalagi..?? trs $panel.slideToggle('slow'); timming slow ganti dengan value gmn aturannya ??
38 Komentar
kamu info
wew Nice info
Unknown
mas kenapa ide saya langsung di publish tanpa menjawab pertanyaan saya di comment????!
Beben Koben
koneksi saya jg lemot kok :D blog sy sdh ringan kok \o/
WOW fullstylish search :Q
Taufik Nurrohman
Oh, begitu ya. Maaf kalau mas khawatir artikel ini dikira merupakan ide Saya. Ambil saja nggak apa-apa. Karena pertanyaannya tidak sesuai topik jadi langsung Saya buatkan artikelnya supaya pertanyaan bisa dilanjut di bawah.
Permalink: /2011/08/tag-kondisional-tingkat-lanjut.html?showComment=1351330952194#c9024561926270975217
uki
wew...kayaknya cocok untuk proyek template baru saya :)
Anonim
wih keren, ini mirip blognya modification blog :D
Kang Kapuk
Kayak punya Om Dede...siiipppp.....
Unknown
maaf mas, saya cuma tanya aja... ya, saya kira untuk membuat ini menggunakan tag kondisional... makasih mas udah buatkan langsung, makasih banyak, jadi ga repot, cuma nanti lain kali tolong jawab ya mas, walaupun cuma dengan link artikelnya... :-)
sekali lagi mohon maaf dan terimakasih banyak :-)
Unknown
mas mohon jelaskan kembali untuk susunan HTML-nya, karena tidak bekerja di blog saya di http://go-blogtips.blogspot.com
terimakasih sebelumnya... :-)
Taufik Nurrohman
Kalau masih memakai widget asli, mungkin markupnya harus dimodifikasi seperti ini:
Lalu ubah nilai selektor
$header
menjadi#header-wrapper
:hanggarps
masih bingung mas aku :'(,mau meletakkan kode yang html dimana
yang css dimana dan yang jquery itu dimana
maklum masih newbie, mohon bimbingannya :yaya:
tips yang bagus mas :-bd
Unknown
oke mas di coba deh, makasih ya udah dibuatin :-)
Unknown
mas kalo bikin profil dan kontak kaya di blog ini sama ga sih mas kaya bikin search ini??
Taufik Nurrohman
Sama. Cuma punya Saya lebih genit.
Unknown
emh terus yang perlu diganti dari CSS-nya dbagian mananya mas??
terus form searchnya bisa langsung ganti aja gitu??
Unknown
mau nanya lagi mas, kalo tombolnya disatukan dengan menu gimana caranya mas?
Unknown
terus saya pengen pake ini di body mas, nah apa yang harus di ubah selain slector CSS-nya kalo saya mau simpen widgetnya tersembunyi di balik body?
Unknown
gimana nih mas kalo di widget header bawaan
<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Last My Life (Header)' type='Header'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
Taufik Nurrohman
Hapus semuanya. Ganti dengan ini:
Unknown
gimana nih mas ko gak tampil tombol searchnya, mohon bantuannya
Taufik Nurrohman
hanggarps
Bang Tau kuk ane selalu bingung yah ama artikel abang yang isinya sperti artikle ini
ini diletakkannya di html blog aku dimana yah setelah kode head kode body atau kodek b:skin
Mohon petunjuknya Bang
Taufik Nurrohman
Artikel-artikel Code Snippet sebenarnya diperuntukkan untuk kalangan level menengah/menengah ke atas, yang sudah tidak perlu lagi diberitahu secara mendetail mengenai di sebelah mana kode-kode tersebut harus diletakkan dan bagaimana caranya masuk ke halaman editor HTML. Artikel kode snippet murni untuk pengembangan web secara global, bukan cuma untuk blogspot.
Unknown
Mas Taufik, kalau ingin membuat header-logo seperti punya sampeyan, caranya bagaimana? kok hanya dengan kode CSS bisa jadi tulisan DTE :] ? Trims.
Taufik Nurrohman
Itu cuma memakai border dan pseudo elemen. Kadang-kadang Saya suka menggambar menggunakan CSS. Ada di label Eksperimen
Unknown
Makasih ya mas tutorialnya... Nyenengin banget. Oh ya, saya mau tanya lagi mas. Kalau membuat suatu element bergerak (memainkan margin) saat kita mengklik elemen lain bagaimana mas jquery-nya? Contohnya yang pas saya input di kotak search, kotak ribbon sampeyan bergerak ke kanan. Makasih mas.
Taufik Nurrohman
Tidak ada kodenya. Tapi itu cuma memakai event
.focus()
dan.blur()
:Unknown
Mas Taufik, buatkan saya kode css logo header untuk huruf Z saja mas. saya kurang mengerti dengan pseudo element. Saya belum paham. Susah sekali buat huruf Z mas. Atau, mungkin mas taufik punya koleksi CSS huruf yyang bermain pseudo element seperti itu?
budkalon
UWA!!! Akhirnya saya dapatkan kodenya!!! Terima kasih!! :D
Yusril Ibnu Maulana
tolong bantuanya :'(
saya ingin menyimpan tombol search nya di dalam kode ini
dan HTML headernya seperti ini :
saya sudah ubah js nya menjadi :
naum tidak work :'(, bagaimana caranya ?
bisa di cek ke plustutorial[dot]blogspot.com
terimakasih...
Yusril Ibnu Maulana
Komentar ini telah dihapus oleh pengarang.
Yusril Ibnu Maulana
Sudah solved hehe...,
ternyata js nya seharusnya begini..
$(function() {
var $header = $('#header-wrapper'),
$nav = $('nav ul'),
$panel = $header.find('.inner');
// Insert a toggle button
$nav.append('<li class="toggle-button"><a href="/">Search</a></li>');
// Click the toggle button to slide the panel
$nav.find('.toggle-button a').on("click", function() {
if ( $(this).html() == 'Search') {
$(this).html('×');
} else {
$(this).html('Search');
}
$panel.slideToggle('slow');
return false;
});
});
Sunandar
gan kalo postingannya ikut hide ga? jadi cuma muncul search doang.. please yah min salam http://nandarious.blogspot.com/
Unknown
g lah
mohan
tolong mas saya mau menghilangkan box kotak kosong sebelah kanan header bagai mana caranya, ini blog saya, cimall.blogspot.com
Kujang Region
ass... pak itu klo mau nambahin timing saat di klik.. nambahin script apalagi..?? trs
$panel.slideToggle('slow');
timming slow ganti dengan value gmn aturannya ??Taufik Nurrohman
wass…
Diganti pakai angka saja. Ratusan atau ribuan. Coba cek sendiri hasilnya.
NB: ass itu artinya pantat :p
syamsul
assalamualaikum mas, kalo mau menambahkan tittle bagaimana ?