- Log In Ke Blogger lalu ke menu Layout dan masuk Edit HTML
- Kemudian Cari Code ]]></b:skin>
- Lalu Taruh Code Dibawah kemudian tempatkan diatas Code ]]></b:skin>
#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)} - Kemudian Simpan Template Dan lihat Hasilnya
8 Jul 2011
Navbar Blogger Transparan
Cara ini mungkin membantu mempercantik blog kita dan agar tidak melanggar TOS blogger, oke langsung saja kasih tau kamu caranya berikut ini :
Dapatkan Update Artikel RSS feed yang bermanfaat dari Saya, atau ikuti Saya di Twitter.
Email address:
Email address:
Artikel Terkait
Penomoran Komentar BloggerMenambah nomor urut komentarAnda mungkin sudah tidak asing lagi dengan judul trik blogger di atas. Yah, berita lama (± tahun 2008) yang mungkin terlu ... [Baca]
Penggunaan Google Font API di BloggerHal ini sebenarnya sudah pernah saya jelaskan sebelumnya pada artikel Tutorial Penggunaan Google Fonts, namun kebetulan ada yang bertanya mengenai fo ... [Baca]
Membuat Sitemap BloggerSelama lebih dari 1 minggu saya tidak posting, kali ini saya akan memberikan tutorial bagaimana membuat sitemap atau peta untuk mengetahui artikel ya ... [Baca]- Mengatur CSS Template BlogKeberadaan bagian CSS sangat penting untuk mengatur tampilan dan layout sebuah template. Pada bagian ini akan menjelaskan struktur bagian CSS templat ... [Baca]
Back to Top dengan jQueryMembuat back to top dengan jquery adalah tema kita hari ini. Walaupun tutorial ini agak "kawak", tapi yang saya share di bawah ini, lebih lengkap dan ... [Baca]- Mengganti tampilan Cursor MouseSelamat datang di blog yang sederhana ini.!, melakukan modifikasi tampilan pada cursor mouse adalah salah satu cara yang dapat mempercantik blog kita ... [Baca]
- Cara Membuat Top Artikel / PostGambar IlustrasiBulan ramadhan ini membuat saya agak malas untuk begadang, soalnya subuh sudah harus bangun untuk sahur. Jadi saya sempatkan untuk me ... [Baca]
- Kostumisasi Avatar KomentarApabila Anda ingin mengetahui kode CSS embeded tersebut, coba buka blog Anda & tekan tombol Ctrl + U pada papan ketik. Mungkin Anda akan melihat ... [Baca]
Menampilkan Judul Posting Saja Pada Halaman PencarianBiasanya jika ada pengunjung yang mencari artikel diblog kita baik dengan label maupun dengan search box atau kotak pencari. Maka yang muncul adalah ... [Baca]- Mengubah Warna Scrollbar Pada BrowserApa maksudnya, itu lho bar yang sebelah kanan yang biasanya digunakan menggulung layar monitor atas bawah. Jika ingin mengubah warna scrollbar pada b ... [Baca]
Mengenali Fungsi menu Setting di BlogSebagai blogger pemula kadangkala kita akan kebingungan dengan fungsi-fungsi yang tersedia pada blogger. Padahal jika diatur dengan baik kita bisa me ... [Baca]- Cara cepat mengambil warna dari sebuah websiteApabila anda bukan seorang designer , mungkin anda tidak terlalu membutuhkannya. Tetapi apabila anda sehari-hari menghabiskan waktu dengan desain dan ... [Baca]
iklan melayang di BloggerSering kali saya berkunjung kebeberapa blog dan menemukan iklan melayang seperti dibawah ini, saya jadi penasaran dan tertarik untuk mecoba trik ini ... [Baca]- Mempercantik Kotak KomentarPada tutorial kali ini saya akan membahas bagaimana caranya mempercantik kotak Komentar dengan memasukkan background Gambar di Blogger.Tanpa banyak C ... [Baca]
Buku Tamu AutohideMembuat buku tamu dari CBOX sepertinya sudah biasa, tapi yang model Autohide kayaknya jarang dibahas para Master Blogger (atau saya yang masih awam.. ... [Baca]- Artikel Terkait tanpa LabelMugkin diantara sobat banyak yang sudah tau tentang cara membuat Related Post atau Artikel terkait, tetapi dari kebanyakan sumber blog yang menyediak ... [Baca]
Menyembunyikan Judul WidgetBeberapa waktu lalu Blogger mengeluarkan kebijakan baru, dimana setiap menambah/membuat widget di sidebar blogspot harus menyertakan judul alias pada ... [Baca]
Cara Mudah Membuat Scroll Pada Archive BlogspotMembuat Scroll Pada Archive Blog memang ini merupakan tips dan trik blogspot lama alias jadul. Tapi gak ada salahnya kalau saya sampaikan disini kemb ... [Baca]- Tutorial Singkat CSS Box ShadowKembali lagi dengan pelajaran seputar css, dan kali ini saya akan berikan tutorial singkat tentang css box shadow. Box shadow ini dapat sobat gunakan ... [Baca]
Script Kasih Judul ketika di CopasMemang sangat disayangkan bila Karya tulis kita di Blog di Copas orang tanpa menyertakan sumber blog yang telah di "Bajak" karya tulisnya, sehingga t ... [Baca]- Mengganti tampilan Cursor MouseSelamat datang di blog yang sederhana ini.!, melakukan modifikasi tampilan pada cursor mouse adalah salah satu cara yang dapat mempercantik blog kita ... [Baca]
Cara Membuat Halaman Suka (Like)/Penggemar di FacebookMembuat halaman penggemar atau suka di facebook kadang diperlukan untuk memperkenalkan berbagai hal seperti produk, tempat, bisnis, organisasi, hibur ... [Baca]- Mengganti Nextprev dengan Judul PostingBerikut merupakan kode CSS (Cascading Style Sheets) untuk elemen nextprev.#blog-pager-newer-link {float:left;}#blog-pager-older-link {float:right;}#b ... [Baca]
Widget Sederhana TwitterTentunya Anda sudah tau apa itu twitter dan Anda jugalah pengguna twitter untuk saat ini. Ya, Twitter adalah salah satu Social Networking yang terken ... [Baca]- Widget di Halaman TertentuLangkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"l ... [Baca]
- Script Kasih Judul ketika di CopasMemang sangat disayangkan bila Karya tulis kita di Blog di Copas orang tanpa menyertakan sumber blog yang telah di "Bajak" karya tulisnya, sehingga t ... [Baca]
- Tampilan Komentar Owner Berbeda (Template Baru)Tampilan Komentar Owner atau pemilik blog berbeda ini sudah menjadi pernak-pernik blog yang popular karena dengan trik ini pembaca komentar bisa memb ... [Baca]
- Merubah tag H1 di Artikel PostAhli seo mengatakan kalau search engine mengutamakan susunan header (h1, h2) dari blog kita.Jika anda ingin merubah judul post menjadi h1 tentunya ak ... [Baca]
Read More Otomatis dengan ThumbnailSebelumnya Blogger masih pake cara lama untuk untuk membuat Read More blog mereka, dengan cara menambahkan tag <span id=”fullpost”> dan </sp ... [Baca]- Background Blog TransparanSecara umum latar belakang image hanya tampil sebagian karena tertutup oleh warna latar dari outer wapper, main wrapper dan sidebar wrapper. Untuk me ... [Baca]
- Recent Posts Text Berjalan di BloggerSedikit berbeda dengan recent posts pada umumnya, recent post berikut adalah recent posts atau postingan terakhir dari blog yang berjalan atau biasa ... [Baca]
Search Engine pada Navbar BloggerJika kamu pengen Mesin Pencarian itu berada pada navbar blog yang sejajar lurus dengan menu navigasi, karena tampak lebih indah juga maka kemarin say ... [Baca]- Kotak dengan CSSBelajar css memang sangat menyenangkan, kali ini saya coba berikan sedikit tips dalam membuat border blog. Mungkin ada yang belum mengetahui ragam at ... [Baca]
Menghilangkan 'Tampilan Entry Lawas' BloggerSepertinya tutorial yang saya buat ini sudah tak asing bagi sobat, tapi dari sebagian besar blog yang membuat artikel dengan judul yang sama ada kode ... [Baca]
Membuat Menu DTreeApa itu menu Dtree (D-Tree) ? itu lho menu yang memiliki struktur seperti pohon, yang punya cabang-cabang itu lho, Seperti kalo kita membuka Windows ... [Baca]- Pasang Slide ShowBerikut adalah langkah-langkah untuk membuat slide show :Masuk ke Edit HTML.Jangan klik Expand Template Widget karena akan membuat sobat jadi pusing ... [Baca]
- Modifikasi Dokumen HTML TemplateTahap memodifikasi dokumen HTML template minima merupakan tahap yang terpenting dari semua tahap dalam membuat template blog. Karena membuat template ... [Baca]
- Cara Mengetahui Seberapa Berat BlogmuDalam membuat blog tentunya kita ingin supaya blog kita tampil semenarik mungkin, ya to? Tapi karena saking semangatnya kita dalam mempercantik blog, ... [Baca]
- Membuat Blog Menu menggunakan CSSDulu sebelum ada yang namanya kode CSS, menu navigasi dibuat dengan menggunakan table dengan kode HTML. Baik itu secara horizontal menu atau vertikal ... [Baca]
- Membuat Menu Vertikal SederhanaSebelumnya saya selalu menulis mengenai pembuatan menu horizontal dan tidak pernah sekalipun menulis artikel menu vertikal. Pembuatan menu vertikal i ... [Baca]
- Position:Fixed Bar StaticKali ini saya akan membahas satu properti menarik dari CSS yang jarang digunakan, atau mungkin jarang diketahui oleh para disainer web, yaitu positio ... [Baca]
Membuat Kotak BlogrolBuat kamu yang gemar tukeran link dengan blogger lain, mungkin tidak akan menjadi masalah ketika link-link yang masuk yang akan kita pasang di blog h ... [Baca]
Membuat Widget BloggerSelamat malam sobat,Kali ini saya akan memberikan tutorial tentang bagaimana cara membuat Widget di blogger, ikuti langkah-langkahnya berikut ini :So ... [Baca]Pasang Download Artikel Blog file PDF Pasang Download Artikel Blog file PDF maksud nya adalah sebuah widget yang berfungsi untuk mendownload artikel yang kita posting otomatis dalam form ... [Baca]
Berita Gambar dengan JavascriptBerikut adalah cara membuat berita gambar dengan javascript seperti gambar disamping :Buka akun Blogger sobatLalu cari kode ]]></b:skin> dan ... [Baca]
Widget Whos Amung UsUser online widget nampaknya menjadi salah satu widget wajib blogger saat ini. Hampir semua blog dan website memasangnya. Dengan widget ini pengunjun ... [Baca]- Border Style CSS (Cascade Style Sheet)Belajar css memang sangat menyenangkan, kali ini saya coba berikan sedikit tips dalam membuat border blog. Mungkin ada yang belum mengetahui ragam at ... [Baca]
Huruf Besar di Awal ParagrafMembuat huruf besar di awal paragraf adalah sesuatu yang sulit untuk di buat di blogger. Itu adalah awal pemikiran saya, tetapi itu adalah dulu. Ilmu ... [Baca]- Memasang PageflipYang dimaksud Pageflip adalah gambar yang misalkan kita dekatkan mouse ke gambar tersebut, maka akan berubah menjadi besar atau flip. Untuk lebih jel ... [Baca]
- Multi Level Drop Down JQueryBagaimana caranya membuat Blog semakin Dinamis dan enak Di pandang mata? Tentu saja dengan menggunakan Script yang berasal dari JQuery, dengan memaka ... [Baca]
Multi Kolom BlogBerikut adalah langkah demi langkah membuat multi kolom di blog, biar aman sebelum menggunakan metode ini alangkah baiknya sobat, membackup dulu blog ... [Baca]
Cara Pasang Iklan Adsense dan PPC di tengah-tengah postingan BloggerCara pasang iklan adsense di tengah postingan blogger bisa gak mas ? begitulah pertanyaan salah satu peserta ngopi bareng kemarin. Banyak sekali cara ... [Baca]
Memasang Related Post pada SidebarMenampilkan menu tambahan pada sidebar bisa merupakan alternatif bagi blogger agar pembaca bisa melihat/membaca artikel yang ada secara mudah, Pada u ... [Baca]
Membuat Kolom ScrollGb. Contoh ScrollbarTerkadang space atau ruang yang kita miliki di halaman depan blog tidak begitu mencukupi, dengan adanya scroll, kita bisa mambata ... [Baca]
Membuat Effek Neon Box Pada TeksScript effek Neon Boks ( menyala ) pada teks merupakan kode HTML yang berfungsi untuk membuat teks menyala secara bertahap dengan warna tertentu, pen ... [Baca]
Cara Membuat Kotak ScrollbarScrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Mungkin anda pernah melih ... [Baca]- Animasi Recent Post WidgetMembuat animasi recents blog sebenarnya gampang gampang susah, gampang bagi orang yang terbiasa mengedit blog, susah bagi para pemula yang mulai meng ... [Baca]
Mengatur Widget halaman utama atau sub halamanPermasalahan yang paling banyak terjadi pada Blogger adalah penggunaan widget yang cukup banyak sehingga loading menjadi berat dan blog menjadi penuh ... [Baca]
Merubah Komentar lama menjadi komentar baruKomentar sudah menjadi hal yang tak bisa dipisahkan dengan postingan, seperti ibarat motor dengan bensin, tetapi pada postingan saya kali ini akan me ... [Baca]
Membuat Recent Post Berjalan Kiri/KananMaksud dari membuat recent post berjalan adalah menjadikan/mengelompokan suatu judul postingan dalam label blog Sobat pada sebuah gadget blospot (HTM ... [Baca]- Share Count melayang di sisi KananCara membuat share count melayang di sisi kanan halaman blog. ini sangat simple ,jika kita sudah login ke blogger kita,lakukan hal di bawah,jika belu ... [Baca]
Tab ViewBerikut adalah cara membuat Tab View Di Blogger :Silahkan sobat Masuk ke Akun BloggerSetelah masuk ke akun blogger, sobat langsung menuju ke tab Ranc ... [Baca]- Merubah Komentar lama menjadi komentar baruKomentar sudah menjadi hal yang tak bisa dipisahkan dengan postingan, seperti ibarat motor dengan bensin, tetapi pada postingan saya kali ini akan me ... [Baca]
- Tag Cloud CumulusOk lansung saja bagi yang ingin tampilan labelnya seperti gambar disamping (cloud) silahkan ikuti petunjuk dibawah ini.Klik edit html Centang " Ex ... [Baca]
- Menampilkan Judul Posting pada item LabelUntuk mempermudah dan memberikan akses yang nyaman pada pengunjung adalah dengan memanfaatkan widget label yang merupakan standart blogger, mungkin i ... [Baca]
Navigasi Halaman Menggunakan JavascriptKode css dan javascript ini saya ambil dari blog mybloggerthemes dengan bentuk yang sama persis. Tapi jangan menelan mentah-mentah kode css yang ada ... [Baca]
Pasang Tab View V.2Tab View merupakan sebuah Widget yang dapat meletakkan link atau gambar atau apapun juga kedalamnya,yang tentu akan memakan Sidebar jika ditampilkan ... [Baca]
Widget Top CommentBanyak cara dilakukan untuk memancing orang lebih sering berkomentar. Salah satunya adalah dengan memasang widget pengkomentar terbanyak. Dengan adan ... [Baca]
Membuat Slide Ala KompasKompas mempunyai situs yang interaktif sehingga enak di pandang mata, diantara yang bikin interaktif adalah Berita Slide Show, dulu saya tak tau cara ... [Baca]
Memasang Widget Top Komentator CloudWidget ini saya dapatkan dari blogger sentral, sobat bisa mengunjungi langsung situsnya jika ingin tau lebih jelas. Dibawah ini cara pemasangan widge ... [Baca]
Menghilangkan Tulisan Diposkan Oleh: dan Label PostingGambar Ilustrasi
Tulisan Diposkan oleh: dan tulisan Label: judul posting, biasanya terletak/berada/tampil di bawah posting. Nah jika Anda ingin mengh ... [Baca]- Multi Level Drop Down JQueryBagaimana caranya membuat Blog semakin Dinamis dan enak Di pandang mata? Tentu saja dengan menggunakan Script yang berasal dari JQuery, dengan memaka ... [Baca]
- Penomoran Komentar BloggerMenambah nomor urut komentarAnda mungkin sudah tidak asing lagi dengan judul trik blogger di atas. Yah, berita lama (± tahun 2008) yang mungkin terlu ... [Baca]
Cara Membuat Dropdown MenuApa sih dropdown menu itu?Dropdown menu seperti gambar di samping kanan ---->Nha udah tahu kan? Dengan dropdown menu kita bisa mnghemat space/ruan ... [Baca]
Publikasi Blog di TwitterSelamat pagi sobat, kali ini saya akan memberikan tutorial bagaimana caranya supaya blog kita bisa dipublikasi melalui twitter, sebelumnya sobat haru ... [Baca]
Tab Slick dengan Java Script jQuerySetelah kemarin membuat artikel tentang bagaimana membuat tab view, kali ini saya akan membuat tab view dengan manggunakan java script JQuery yang bi ... [Baca]- Pasang Fungsi Scroll di kolom KomentarMempunyai blog dengan banyak pengunjung adalah hal yang menyenangkan karena itu merupakan tanda bahwa blog kita cukup populer, banyaknya pengunjung j ... [Baca]
Mempercantik Kotak KomentarPada tutorial kali ini saya akan membahas bagaimana caranya mempercantik kotak Komentar dengan memasukkan background Gambar di Blogger.Tanpa banyak C ... [Baca]
Cara Gampang Mengetahui Posting Paling Sering DibacaSebenarnya setelah adanya fitur blogger baru yang disebut popular post. Cara melihatnya juga sangat gampang sekali, kita hanya perlu masuk / login k ... [Baca]
Membuat Navigasi Halaman BloggerUntuk memudahkan pengunjung blog atau web dalam melakukan pencarian artikel, selain menggunakan fasilitas searh engine, bisa juga dengan tombol navig ... [Baca]- Navigasi Menu BreadcrumbsMenu breadcrumbs adalah merupakan salah satu tips seo blog yang memudahkan pengunjung untuk melihat artikel lainnya yang terkait dengan artikel yang ... [Baca]
- Membuat tampilan Iklan MelayangBerikut Script untuk membuat Iklan melayang di BloggerTempatkan kode dibawah ini melalui Tambah Gadget - HTML<style type="text/css">#gb{positio ... [Baca]
Related Post tanpa LabelDari sekian banyak tips yang pernah kami coba, masalah yang muncul biasanya Related post selalu dikelompokkan berdasarkan label. Jika anda ingin rela ... [Baca]
Membuat Blog Blogger menjadi DofollowSupaya blog kita di ikuti oleh pengunjung, alangkah baiknya blog yang kita punya dirubah dari Nofollow menjadi Dofollow, fungsi dari Dofollow sendiri ... [Baca]- Menu Transparan dengan CSS3Berikut adalah cara membuat menu transparan dengan css 3 Langsung saja untuk cara pembuatannyaLogin ke BloggerKlik Design / Rancangan, lalu pilih edi ... [Baca]
- Membuat Slide Ala Kompas
Kompas mempunyai situs yang interaktif sehingga enak di pandang mata, diantara yang bikin interaktif adalah Berita Slide Show, dulu saya tak tau car ... [Baca]
Komentar NoFollow menjadi FollowJika Anda ingin mengubah Comments Anda di blogspot yang standartnya Nofollow menjadi Follow ikuti langkah berikutMasuk Ke Blogger kemudian masuk ke m ... [Baca]
Membuat Menu HorizontalMenu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header. Pada kesempatan ini, kit ... [Baca]- Membuat iklan melayang di BloggerSering kali saya berkunjung kebeberapa blog dan menemukan iklan melayang seperti dibawah ini, saya jadi penasaran dan tertarik untuk mecoba trik ini ... [Baca]
- Text Resizer di BloggerTerkadang jika kita mengunjungi sebuah blog atau web, kita dihadapkan pada tulisan blog yang menurut kita terlalu kecil sehingga kita susah untuk mem ... [Baca]
Membuat Menu Horizontal Drop Down dengan CSSNah pada bahasan hari ini kita akan membuat menu horizontal drop down dengan Css style, ya walaupun saya sedang menjalani penulisan tugas akhir kulia ... [Baca]- Animasi Recent Post Ver.2Dibawah ini adalah contoh animasi recent post Versi 2, untuk membuatnya sobat ikuti langkah langkahnya di bawah iniTutorial untuk membuat animated re ... [Baca]
Cara membuat Navigasi HalamanUntuk memudahkan pengunjung blog atau web dalam melakukan pencarian artikel, selain menggunakan fasilitas searh engine, bisa juga dengan tombol navig ... [Baca]
Menambah Fitur Reply Pada Kotak KomentarMenambah fasilitas Reply pada Kotak Komentar adalah bertujuan untuk mempermudah dalam membalas setiap komentar di blog yang kita cintai.Sesungguhnya ... [Baca]- Daftar Isi Otomatis pada Sidebar BerjalanKali ini saya akan memberikan kepada anda semuanya lain dari yang lain kali ini tampilnya pada Sidebar jadi kita bisa melihat keduanya artikel di hal ... [Baca]
Tulisan BerbayangMembuat tulisan berbayang (shadow) itu lah topik saya kali ini. di mana suatu blog kita temukan tulisan nya berbayang. nah pasti ada yang udah tahu k ... [Baca]
Menghilangkan Label Di Bawah PostingLabel artikel biasanya terdapat di bawah posting sebagai tanda bahwa postingan tersebut termasuk kategori atau label yang bersangkutan. Contoh artike ... [Baca]
Artikel Terkait Menggunakan GambarBagi anda yang sudah menggunakan atau ingin menggunakan Thumbnail Related Posts (artikel terkait bergambar), tentu akan lebih tertarik menggunakannya ... [Baca]- Optimasi Kotak KomentarMerubah lebar kotak komentarTambahkan CSS (Cascading Style Sheets) berikut di atas ]]></b:skin>. .comment-form {width:425px;m ... [Baca]
Langganan:
Posting Komentar (Atom)
