SILAHKAN KOPY PASTE CODE CODE PEMBUATAN ISIAN BLOG DI BAWAH INI.....
SAYA UCAPLKAN TERIMAKASIH ATAS KUNJUNGAN SOBAT SOBAT SEMUA SALAM PERSAUDARAAN BUAT SOBAT BLOGGER
Bagian I Login ke akun blogger sobat. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget). Setalah itu kita mulai step by step dan cari kode dibawah ini:
Kemudian, gantilah kode diatas dengan kode berikut:
Cari kode semacam ini:
Kemudian, gantilah kode diatas dengan kode berikut:
Hapus saja semua kode diatas yang ada dalam template kamu,dan ingat! kode diatas akan muncul jika kamu menambah gadget pada blog kamu,jadi selalulah menghapusnya ketika sesudah kamu menambah gadget
. Bagian II Cari kode dibawah ini:
Dan hapus saja juga! tapi buat kamu yang memberi foto profile pada komentar blog maka berisiko foto-foto profile komentar tidak muncul,tapi terserah ke
kamu,kalau ingin valid maka sikat aja. Langkah selanjutnya silahkan kamu cari kode dan letakkan kode di bawah ini tepat di bawah kode
Jika Sobat meng-upload sebuah gambar, berilah tambahan alt pada gambar tersebut. contoh kode alt seperti ini:
Jika sobat menemukan penulisan meta content dengan huruf besar, rubahlah menjadi huruf kecil,contoh:
ubah menjadi:
Menghapus Post icon,adapun kode post icon atau pensil kodenya mirip kode seperti ini:
Ganti kode diatas dengan kode berikut:
Menyembunyikan page navigation di halaman utama cari kode:
Memperbaiki attribut title dan alt pada link gambar.sebagai contoh:
Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik. Nah mungkin cara diatas cukup untuk mengisi artikel dengan judul cara membuat template blog valid XHTML, sebenarnya masih banyak, dan masih bisa dikompres lagi, itu tergantung widget/kode script yang ada di blogger sobat. Untuk hasil silahkan cek sebelum dan sesudah kamu edit menjadi valid XHTML, silahkan cek disini http://validator.w3.org dan semoga bermanfaat.
. ingat Untuk membuat efek tulisan berjalan (marquee) pada postingan . kalian harus terlebih dahulu ambil posisi menulis artikel dengan posisi HTML ingat sekali lagi kalian harus dalam mode html .dan untuk melihat hasil dari efek marquee, kalian dapat melihatnya dengan mode penulisan compose (standar) pada saat membuat artikel. sementara untuk kalian yang ingin membuat tulisan berjalan pada template blog di blogger. silakan kalian pilih => design => edit html ..kemudian letakkan tulisan marquee tersebut tepat dimana kalian ingin meletakannya
Dalam hal membuat tulisan berjalan yang harus kita tambahkan adalah marquee. tulisan berjalan itu bisa kita atur juga loh, misalnya kita ingin mengatur tulisan tersebut untuk berjalan mengarah ke atas - mengarah ke bawah - kesamping dan sebagainya.
Dalam efek marquee tersebut ( arah ) yang harus kalian tambahkan adalah kode "direction".kode direction ini dapat di atur ke mengarah ke atas dengan kode up - kebawah dengan kode bottom - kekiri dengan kode left dan ke kanan dengan kode right . jadi bila di gabungkan akan menjadi seperi ini :
direction : 'up' -> untuk tulisan berjalan "marquee" mengarah ke atas . direction :'down' -> untuk tulisan berjalan "marquee" mengarah ke bawah direction : 'left' -> untuk tulisan berjalan "marquee" mengarah ke kiri dan direction :'right' -> untuk tulisan berjalan "marquee" mengarah ke kanan. Dan jika kalian ingin membuat tulisan berjalan tersebut ( marquee ) mempunyai kecepatan yang cepat ataupun kecepatan yang pelan, kode yang perlu kalian tambahkan pada marquee adalah "scrollamount" .dalam kode scrollamount kalian dapat mengatur kecepatannya dengan menambahkan nilai atau angka, semakin besar angka maka akan semakin cepat kecepatannya dan sebaliknya .
contoh : scrollamount :'2' scrollamount : '4' dan seterusnya sesuai dengan ketentuan yang kalian terapkan .
hemm .. itulah kode-kode marquee yang biasa di gunakan oleh para blogger dalam membuat tulisan berjalan. sebenarnya ada lagi loh . yang bisa di tambahkan pada tulisan berjalan (marquee) tersebut .seperti contoh kalian ingin membuat tulisan tersbut di saat mouse di arahkan pada tulisan maka tulisan tersebut akan diam dan tak bergerak kemudian setelah mouse tidak di arahkan ke tulisan maka tulisan akan berjalan kembali .dalam hal tersebut kode marquue yang harus kalian tambahkan adalah onmouseout='this.start()' dan onmouseover='this.stop()' maksudnya adalah :
onmouseout='this.start()' => kode marquee untuk membuat tulisan berjalan di saat mouse tidak di arahkan
. onmouseover='this.stop()' => kode marquee untuk membuat tulisan tidak berjalan di saat mouse di arahkan
Ada lagi nih kode-kode yang dapat di tambahkan pada marquee seperti align.maksud align di sini adalah untuk membuat tulisan marquee berada di tengah . mungkin bagi kalian yang sudah tidak asing dengan kode ini akan tahu semua kode yang di masukan pada align ini. tapi bagi kalian yang memang kebetulan belum tahu. akan aldi beritahu nih. lihat contoh :
align="center" => untuk membuat tulisan berada di tengah align="left" => untuk membuat tulisan berada di kiri align="right" => untuk membuat tulisan berada di kanan Lanjut gan, untuk mengatur perilaku gerakan pada marquee kode yang harus kalian tambahkan adalah "behavior" dimana behavior tersebut pun mempunyai atribut : Scroll => teks bergerak berputar Slide => teks bergerak sekali lalu berhenti Alternate => teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik ) Ada lagi nih , untuk mengatur waktu tunda gerakan dalam mili detik pada marquee, yang harus kalian tambahkan adalah "scrolldelay", contoh : scrolldelay:'3' scrolldelay:'4' dan untuk mengatur lebar blok teks dalam pixel atau persen yang harus kalian tambahkan adalah "width" ,lihat contoh : width:'100%' atau jika kalian ingin mengatur lebar blok text dalam bentuk pixel juga bisa .contoh width:'200px' Masih banyak lagi kode-kode yang dapat kalian tambahkan pada marquee . seperti color jika kalian ingin membuat tulisan itu berwarna, bgcolor jika kalian ingin membuat background pada text berjalan tersebut dan masih banyak lagi .yang tidak mungkin aldi jelaskan semuanya dalam satu postingan ini ( capek broo ) .. mungkin dalam beberapa hari kedepan akan aldi postingkan kembali macam-macam kode yang dapat di masukan ke marquee ini atau kalian ingin melihat kutipan dari atribut-atribut yang dapat di terpakan pada marquee :. waduh dari tadi kok aldi hanya memberi tulisan saja tanpa adanya contoh tulisan berjalan yaa .. heheheh oke deh nih aldi beri contoh-contoh nya ( untuk kode-kode marqueenya ada tepat di bawahnya : untuk membuat tulisan berjalan biasa tulisan ini berjalan jika kalian ingin menambahkan animasi pada tulisan berjalan tersebut silakan lihat contoh di bawah ini : tulisan ini berjalan dan beranimasi Bagi kalian yang ingin membuat link pada tulisan berjalan ( marquee ) tersebut, lihat di bawah : tulisan ini ber-link ini diam saat mouse di arahkan mungkin kalian akan sedikit kesal yaa dengan tulisan berjalan link tersebut, bagaimana tidak kok mau pencet linknya susah bangett alias jalan terus link nya. gak bisa diem .hehehe. tenang kan tadi aldi telah terangkan di atas untuk membuat link diam saat mouse diarahkan ke tulisan berjalan tersebut tinggal tambahkan onmouseout="this.start()" onmouseover="this.stop()" . langsung lihat contoh aja deh : tulisan ber-link ini akan diam saat mouse di arahkan nahh .. untuk kalian yang ingin mengatur pergerakan dari tulisan berjalan tersebut, silakan tambahkan kode scrollamount='2' (untuk kecepatan 2) ..pada marque . lihat contoh : tulisan berscrollamount='1' tulisan berscrollamount='2' tulisan berscrollamount='3' tulisan berscrollamount='4' tulisan berscrollamount='5' tulisan berscrollamount='6' tulisan berscrollamount='7' tulisan berscrollamount='8' untuk penambahan kode scrollamount pada marquee lihat di bawah ini .. ingat kecepatan sesuai kebutuhan kalian. sementara untuk mengatur arah tulisan berjalan "marquee" tersebut, tinggal kalian tambahkan kode direction='up' ( untuk arah ke atas ) . untuk lebih jelasnya lihat contoh : tulisan ini berjalan ke atas tulisan berjalan di atas aldi tambahkan kode align agar tulisan berada di tengah, bagi kalian yang tidak menginginkan tulisannya berada di tengah, silakan di hapus saja oke.. tulisan ini berjalan ke kanan tulisan ini berjalan ke kiri tulisan ini berjalan ke bawah untuk membuat tulisan ber-background . kalian hanya perlu menambahkan kode bgcolor / background-color pada marquee, untuk lebih jelas lihat contoh : tulisan ber-background kuning (yellow) Dalam membuat tulisan berjalan "marquee" para blogger mania biasanya menggunakan penggabungan-penggabungan pada atribut-atribut marquee tersbut, kali ini aldi akan berbagi info tentang atribut-atribut marquee yang paling biasa di gunakan .. lihat contoh di bawah ini : Cara Pasang animasi lucu Di blog Belajar Kode - Kode CSS Membuat Link Bergambar Dengan HTML Cara Membuat Link New Tab Cara Membuat Link Untuk Mengirim Email Cara Membuat Tabel Dengan HTML Cara Membuat Garis Dengan HTML Ayo Tukeran Link !!! Cara Pasang animasi lucu Di blog Belajar Kode - Kode CSS Membuat Link Bergambar Dengan HTML Cara Membuat Link New Tab Cara Membuat Link Untuk Mengirim Email Cara Membuat Tabel Dengan HTML Cara Membuat Garis Dengan HTML Ayo Tukeran Link !!! Cara membuat blog di blogger bisa kalian lihat pada marquee tersebut terdapat garis pada bagian bawahnya .. nahh ini menggunakan kode
pada setiap akhir linknya . untuk lebih jelasnya lihat kode di bawah .. untuk tulisan yang aldi beri tanda warna biru kalian bisa udah dengan alamat yang ingin kalian tuju/pasang. oke kita lanjut.. marquee berjalan dengan animasi flash .. mungkin bagi kalian yang ingin melihat animasi-animasi flash untuk blog kalian bisa klik disini Cara Pasang animasi lucu Di blog perhatikan baik - baik atau aldi chidori nih ... untuk tulisan yang di beri warna merah itu adalah atribut-atribut dari marquee sedangkan tulisan yang berwarna oren adalah alamat link ( kalian dapat merubahnya sesuai kebutuhan ) dan untuk tulisan yang berwarna hijau adalah alamat url dari animasi tersebut ( kalian dapat merubahnya dengan alamat gambar animasi yang kalian butuhkan .. kalian juga dapat memperoleh gambar-gambar animasinya dengan cara klik disini )untuk mengatur besar dari animasi tersebut silakan kalian ubah angka dari tulisan yang berwarna ungu . lihat lebih banyak : Cara Pasang animasi lucu Di blog Langkah pertama belajar CSS Daftarkan blog di mesin pencari Mau tulisan berjalan kaya gini ??? Belajar Kode - Kode CSS Belajar Kode - Kode CSS Belajar Kode - Kode CSS Cara Pasang animasi lucu Di blog Belajar Kode - Kode CSS Membuat Link Bergambar Dengan HTML Cara Membuat Link New Tab Cara Membuat Link Untuk Mengirim Email Cara Membuat Tabel Dengan HTML Cara Membuat Garis Dengan HTML Ayo Tukeran Link !!! Cara Pasang animasi lucu Di blog Belajar Kode - Kode CSS Membuat Link Bergambar Dengan HTML Cara Membuat Link New Tab Cara Membuat Link Untuk Mengirim Email Cara Membuat Tabel Dengan HTML Cara Membuat Garis Dengan HTML Ayo Tukeran Link !!! Cara membuat blog di blogger
Cara Memasang Author dan Subscribe Box di Blogger Mudah
Cara Kali ini Memang Cukup Menarik dan Sangat Di Cari oleh Para Blogger . Cara Memasang Author dan Subscribe Box di Blogger Mudah ini Berada Dibawah Postingan Artikel Blog jadi sangat Bermanfaat dengan Cara ini Para Visitor atau Pengunjung Mengetahui siapa di balik Blog yang mereka Kunjungin sangat Bermanfaat Bukan disini juga terdapat sosial Media Pembuat Blog . dengan Cara ini Mungkin Pengunjung Blog kalian Akan Senang Bukan ? dengan Memasang Kotak Author beserta Kotak Berlangganan Artikel di bawah Postingan Blog Pengunjung Mungkin akan Berlangganan dengan Artikel Menarik kita ini , dan dia akan selalu datang datang dan datang lagi untuk mencari informasi terbaru . Serta Dengan Memasang Tombol Social Media Share dibawah postingan blog ini akan membuat kita mungkin bersemangat dalam membuat artikel menarik lainnya . Cara Ini Menurut saya tidak akan Terlalu sulit jika kalian Mengikuti tutorial dengan Seksama dan Teliti .
Langkah Cara Memasang Author dan Subscribe Box di Blogger Mudah :
1. Login Seperti Biasa Ke Akun Blogger anda
2. Masuk ke Menu Template > Edit HTML > Lanjutkan dan jangan lupa centang Expand Template Widget
3. Cari Kode Berikut : ]]>
4. Setelah Ketemu Lalu Masukkan Kode dibawah Tepat diatas ]]>
5. Masih di Edit HTML , Lalu Cari Kode Berikut :
Semoga dengan Artikel Cara Memasang Author dan Subscribe Box di Blogger Mudah dibawah Postingan ini Bermanfaat
Background Tips
Jika sebuah widget blog bermanfaat besar dalam meningkatkan jumlah pageview sehingga jumlah traffic semakin naik, apakah anda akan menolak memasangnya? :) Tentu tidak. Tidak ada orang yang tidak memiliki akun Facebook (mungkin ada ya, tapi kecil), sehingga seluruh plugin Facebook memiliki fungsi besar dalam menampilkan hal-hal yang personalized di dalam blog. Dengan demikian, user engagement pengguna Facebook akan terasa juga apabila kita menggunakan plugin-pluginnya di web/blog.
Nah, plugin Facebook satu ini juga memiliki andil besar, Facebook Activity Feed Plugin, yang dari namanya bisa dipahami bahwa fungsinya menampilkan seluruh feed aktivitas user Facebook di dalam sebuah website/blog. Yang paling sering kita lakukan adalah "like" atau "recommend". Maka widget ini berfungsi menampilkannya secara personalized (berdasarkan akun anda dan keterkaitan dengan teman-teman anda di Facebook). Jadi menurut saya, plugin ini adalah salah satu plugin Facebook yang wajib nempel di widget sidebar blog anda! Demonya sudah ada di sidebar blog ini dengan title "Hot: Recent Activities On Facebook!".
Jadi, mari kita pasang widget Facebook Activity Feed ini dengan langkah-langkah yang cukup sederhana, karena plugin ini sudah saya buat dalam bentuk pre-made, tinggal pasang saja, tanpa perlu langkah-langkah lain. Namun jika anda ingin menelusuri lebih jauh setting plugin ini, ada 3 tipe konfigurasi: App ID, action types, dan domain. Dari ketiga jenis tersebut, yang paling lengkap sekaligus membatasi penampilan aktivitas user adalah jenis domain. Sehingga ini setting yang saya pilih karena lebih cocok. Jika tertarik mengulik-ngulik lagi, kunjungi FB developers page untuk Activity feed plugin.
Cara Menambahkan Facebook Activity Feed ke dalam Widget Blog
Note: Lewati langkah 1 - 5 jika anda sudah menggunakan plugin Facebook Recommendation Bar yang dulu saya share, Facebook Comments, dan plugin-plugin Facebook lain yang menggunakan format HTML5 dan langsung masuk ke langkah 6.
1. Buka dashboard > template
2. Klik "Edit HTML" (note: jika perlu backup template lebih dulu)
3. Cari (Ctrl+F) tag atau jika anda sudah menggunakan template-template modifikasi atau bawaan Blogger, cari 4. Tepat di bawah tag paste/letakkan code berikut: 5. Save template. ---------------------- 6. Buka halaman "Layout" 7. Klik "add a / tambah gadget" sesuai posisi yang diinginkan dan pilih HTML/Javascript. 8. Copy, edit/customize, dan masukkan code berikut ke dalam kolom HTML/Javascript: Ubah beberapa perintah dan nilai untuk melakukan kostumisasi:
Ganti http://plenthed.blogspot.kr dengan url blog anda. Saya sudah set default lebar dan tinggi sebesar 340 piksel , jika ingin mengaturnya ubah nilai dalam data-width="340" untuk mengatur lebar widget sesuai blog dan ubah nilai dalam height="340" untuk mengatur tinggi widget.
Ubah #ffffff (putih) untuk mengganti warna border (gunakan generator kode warna). Warna yang sama seperti background akan membuat widget tampak transparan.
Ubah nilai dalam data-header="false" menjadi true untuk menampilkan header activity feed (sama seperti Facebook Like Box). Terakhir, ubah nilai dalam data-recommendations="true" menjadi false untuk tidak menampilkan rekomendasi. Namun jika aktivitas pada web/blog anda minim, rekomendasi tetap akan ditampilkan.
9. Save widget. Jika perlu susun posisi widget melalui halaman layout pada tempat yang sesuai. 10 Kunjungi blog untuk melihat hasilnya. Troubleshooting Mengatur setting dan menambahkan plugin Facebook activity feed ini cukup mudah. Tapi jika ada problem, silahkan tinggalkan komentar. Saya menghindari penggunaan app ID di atas karena fungsinya tidak begitu penting pada widget ini dan supaya tidak kompleks, tidak seperti widget recommendation bar yang mewajibkan ID aplikasi. Jika widget tidak muncul, ada kemungkinan sebenarnya anda belum menambahkan kode Javascript SDK, namun melewati langkah 1 - 5.
Cara Membuat Tombol Spoiler Buka/Tutup Pada Blog. sobat, kali ini saya akan berbagi tutorial Membuat Tombol Spoiler Buka/Tutup pada blog, yang mana tombol ini bisa bermanfaat & digunakan untuk menyembunyikan sebuah artikel yang berisi gambar, script atau yang lainnya, dan akan terlihat dan terbuka setelah dilakukan klick pada Tombol Buka Tutup tersebut.
contoh : GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI gimana tertarikah sobat untuk membuatnya? oke caranya simple, simak tutorial saya berikut ini :> 1. pilihi tempat yg akan sobat pasang tombol spoiler, entah dipostingan atau widget dll 2. copas kode dibawah ini
Membuat komentar buka tutup di blogspot - Memodifikasi blog / website adalah hal yang sering sekali dilakukan oleh para bloggers atau websiters, dengan mendesain seluruh tampilan web mereka agar terlihat cantik, enak dipandang dan elegant, termasuk dalam mendesain kotak komentar, disini saya akan kembali share tentang cara membuat komentar buka tutup di blogspot yang dimana saya dapat tutorial ini dari website http://www.dte.web.id dan menerapkannya pada blog saya yang lain.
Ketika saya pasang tombol show hide pada komentar, ini sedikit mengubah template blog saya yang Lola (loading lama) akhirnya setelah dicek ada perubahan pada loading tersebut, dan mungkin saya akan terus memasang komentar buka tutup di blogspot saya.
Cara Memasang Widget Blogger Login di Blog - Nah kali ini saya akan memberikan Cara Memasang Widget Blogger Login di Blog. Widget ini merupakan salah satu widget yang layak dipasang di blog anda. Bagi anda yang menginginkan kepraktisan dalam login ke dasbor blogger, widget ini memang seharusnya ada pada sidebar blog anda.
Jadi dengan menambah dan menggunakan widget ini di blog anda, anda tidak perlu lagi login lewat www.blogger.com karena untuk masuk ke dasbor blogger anda hanya perlu login lewat blog anda.
Harapan saya, widget blogger login ini mampu mempersingkat lama waktu untuk login atau sign in menuju dashboard blogger anda. Karena anda tak harus membuka tampilan login blogger, cukup di blog anda sendiri.
Bagi anda yang ingin Memasang Widget Blogger Login di Blog jangan khawatir widget ini memperberat loading blog anda, karena widget ini kurang dari 1kb data yang akan di load...
Berikut ini tampilan Widget blogger login form.
Caranya cukup mudah anda tinggal ikuti langkah dibawah ini :
Login to Blogger kemudian pilih "Layout" Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
Copy Paste Script Berikut:
Widget edited by Ngobrol Yuk
Nah, Anda sudah selesai Memasang Widget Blogger Login di Blog anda. Selamat mencoba.
Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box :
1. Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript). 2. Copy script master widget dibawah ini dan paste pada gadget.
CONTENT BLOGGER HERE
CONTENT TWITTER HERE
CONTENT FACEBOOK HERE
by gilang saepul 18.52
Tags: Blogging
Cara Membuat Gambar Bergetar Otomatis Di Blog - Halo sahabat blogger semua?. Pada kali ini saya share Cara Membuat Gambar Bergetar Otomatis Di Blog. Nah sesuai dengan judulnya, trik gambar bergetar ini berfungsi terhadap setiap gambar pada setiap artikel, sehingga kamu tidak perlu lagi memasukkan kode satu persatu disetiap posting menarik bukan? Yuk coba membuatnya.
1. Pastinya anda sudah login ke akun blogger. 2. Template >> Edit Html >> Lanjutkan >> Centang pada "Expand Template Widget". 3. Tekan CTRL + F. 4. Copy dan Pastekan kode berikut ini tepat diatas kode ]]>
Cara Membuat Browser Bergetar Ketika Di Klik Kanan - Mungkin ini adalah cara yang paling efektif untuk mengejutkan para plagiat yang ingin copy paste artikel blog anda. Ini adalah cara yang menarik dan patut di coba. Getaran pada browser ini dapat berkerja pada saat mereka menutup/close peringatan yang muncul ketika mereka hendak mengklik kanan blog kita. Wah?! mereka langsung dikejutkan, karena browser yang mereka gunakan otomatis akan mengecil dan bergetar. Maaf, pada efek kali ini saya tidak membuat gambar/screenshot. So, jika anda penasaran dengan efek tersebut, silahkan praktekan tutorial ini.
Adapun langkah demi langkah sebagai berikut: 1. Pastikan anda sudah login ke akun Blogger anda. 2. Masuk ke halaman Layout, kemudian klik Add a Gadget 3. Pilih HTML/Javascript dan letakan kode dibawah ini di kolom tersebut dan jangan diberi judul/title.
Semoga Berhasil. ^^
Langganan:
Postingan (Atom)