Kode rona HTML - Jika anda suka mengedit template blog ataupun suka mengotak-atik tampilan rona pada tempalte tentunya anda sangat membutuhkan kode rona html supaya tempalte anda kelihatan cantik. Berikut adalah kode-kode rona HTML tinggal anda klik rona yang anda sukai serta paste kode html yg muncul:
Meta Tag Theme Color Blogger - Tutorial kali ini akan membahas sebuah metode atau cara menyesuaikan rona theme browser (Chrome, Firefox & Opera) menggunakan theme blogger menggunakan meta tag theme color. Di-era android browser moderen telah mendukung buat penyesuaian warna thema menggunakan theme situs web termasuk situs blogger. Mungkin engkau juga sudah memperhatikan situs-situs super besar misalnya facebook, youtube dan lain-nya waktu pada akses melaui browser chrome secara otomatis akan merubah warna address bar sesuai dengan warna template mereka. Penyesuaian itu tentu tidak terjadi begitu saja melainkan sebuah meta tag color theme yg mengaturnya. Nah kini kita akan menciptakan hal serupa kepada theme blogger menggunakan menggunakan "meta color theme".
Gambar diatas merupakan model situs web sebelum memakai meta theme color serta sehabis menggunakan meta theme color, situs web yang dipasangi meta tag theme color akan meminta browser menyesuaikan tampilan warna dengan warna dalam theme situs sehingga situs web akan terlihat lebih menyatu serta megah.
Memasang Meta Tag Theme Color pada Blogger
Pada dasarnya browser akan menelusuri rona pada html situs, jadi agar browser bisa menyesuikan warna menggunakan template situs silahkan tambahkan element meta tag theme color berikut ini kedalam html template situs web anda sempurna nya berada diatara kode dan , berikut meta tag nya. Simpan kode meta diatas dan lihat hasilnya melalui ponel android, perhatikan kode "#d32f2f " serta ganti kode warna tersebut sesuai menggunakan kode warna template situs web. Meta theme color tadi support pada browser Google Chrome, Firefox & Opera "perangkat android". Praktek terbaik buat merubah atau menyesuaikan warna browser dengan situs, samakan (serupakan) kode warna dengan warna header situs web, apabila situs menggunakan top-menu maka sesuaikan menggunakan kode warna dengan rona top-menu situs web. Catatan: Meta tag theme color diatas hanya support dalam browser buat perangkat Google Chrome, Firefox dan Opera pada perangkat Android saja. Jika engkau ingin menerapkan meta tag theme color yang support pada banyak perangkat serta browser silahkan masukkan meta theme color pada bawah ini;
Meta tag theme color diatas support buat penyesuaian rona theme pada browser Google Chrome, Firefox & Opera dalam perangkat Android, browser Windows Phone serta Safari iOS. Untuk mendukung kinerja meta tag usahakan gunakan kode rona "color hexadecimal". Jika situs web memakai platform wordpress jangan sungkan buat memasang kode meta theme color diatas lantaran meta tag diatas nir khusus buat blogger, melainkan buat seluruh platform situs web. Kamu bisa menyelidiki lebih dalam tentang meta theme color ini pada google developer [Open]. Selain theme color disana kamu juga akan memeriksa mengenai cara mengatur resolusi icon di perangkat mobile (smrtphone). Demikian penerangan mengenai meta theme color blogger serta panduan penerapan meta tag theme color di blogger dan wordpress. Semoga bermanfaat serta sampai jumpa balik , ingat follow dan subscribe ya.
Membuat List Material Design Color pada Blog - Material design colors merupakan daftar atau list code rona (html dan css) yang umum pada gunakan untuk desain situs web, Material design colors ini sebelumnya lebih ramah diklaim dengan kata color hex (Hexadecimal color) menggunakan karakteristik atau format rona seperti #FF0000 atau rgb(255, 0, 0). Pada tutorial ini aku akan menunjukkan susunan script sekaligus cara menciptakan list material design colors pada situs blogger. Adapun manfaat membuat list / daftar color pada situs blogger merupakan menjadi berikut;
Memudahkan pengelola situs serta master-master blogger buat mencari kode rona yg akan pada pakai pada desain situs atau dipakai buat pembuatan template.
Mendatangkan visitor kunjungan kembali ke situs itu sendiri (yg dipasang atau menyediakan daftar kode warna html)
Para desainer template atau blogger yg sedang mengedit kesesuaian tampilan situs mereka umumnya tak jarang bolak-pulang ke situs yang menyediakan tool atau daftar kode color hex, sanggup anda bayangkan jumlah kunjungan kesitus anda bila para blogger tau bahwa disitus anda jua tersedia tool material design colors. Langung menuju ke topik pembahasan yakni membuat list material design colors pada blog.
Paste-kan kode script material design colors serta publikasikan.
Lihat model gambar dibawah ini bila buat meyakinkan langkah-langkan membuat daftar / list material design colors.
Setelah daftar atau list material design color berhasil dibuat dan di publikasikan, engkau bisa menampilkan-nya pada menunavigasi situs agar pengunjung tau bahwa situs anda menyediakan daftar / list material design colors seperti yg saya lakukan menampilkan parser tool html pada top pilihan menu situ ini. Demikian saja cara "membuat list material design colors pada blog", Silahkan lihat DEMO material design colors sebelum menerapkan nya. Sebagai tambahan berikut spesifikasi lengkapnya; Spesifikasi material design colors
100% Responsive
Ready auto selector & copy
Tersedia 256 jenis warna yang berbeda
Semoga berguna serta sampai jumpa lagi, subscribe & follow by email situs ini buat mendapatkan web tool lainnya serta tips-tips menarik seputar blogger serta online make money, happy blogging...!
Tutorial kali adalah mengenai Bahaya Edit HTML template Blogspot Secara Manual. Bahaya ini kerap kali nir di sadari sang para blogger. Bahwa Edit HTML template Blogger Secara Manual sangat berbahaya. Meski anda melakukan nya menggunakan sangat hati hati dan mengikuti sesuai menggunakan petunjuk pada satu tutorial. Namun sayang saya harus saya kata kan bisnis serta ke hati hatian anda nir mengurangi nilai Bahaya Edit HTML template Blogger Secara Manual. Jika setiap elemen dapat kita tambah kan secara manual kedalam temlate blog kita. Kenapa para desainer template wajib membeli perangkat lunak atau aplikasi template editor dengan harga yg sangat mahal.... "supaya lebih peraktis?" tentu bukan itu alasan primer mereka. Derikut ini aku akan memaparkan pada blogger smua mengenai Bahaya Edit HTML template Blogger Secara Manual. Dengan sedikit descripsi penjelasan nya.
Hal yang pertama sekali saya ingin papar kan adalah: Edit HTML secara manual bisa menimbul kan efect sakit kepala berdenyut denyut. hal ini pada karena kan oleh beberapa aspec. Yakni pertama sinar yang di pancar LCD layar komputer anda sangat tajam menembus kornea mata anda. Lalu code code element HTML umumnya pada tampil dengan berukuran yang kecil dan padat atau kedap. Serta cenderung sama namun tidak sama. Menurut segi fungsi serta perintah berdasarkan kode kode tadi. Selain itu warna rona yang di tampil kan pula sangat tidak selaras. Serta memiliki rona yg paradoksal dengan satu sama lain. Hal ini menyebab kan mata anda bekerja sangat keras jauh lebih kerar menurut hari2 biasa tanpa HTML. Apabila anda nir memiliki konsentrasi yg tinggi maka efeck efeck yang dikirim melalui mata ke otak. Akan menghipnotis otak secara brutal atau saya istilah kan menggunakan keroyokan.
Hal hal pada atas lah yang menyebab kan setres dan ketua berdenyut. Sebelum otak mengalami setres sebelum nya mata anda sudah sangat lelah dan ke inginan terus memaksakan sebagai akibatnya beberapa syaraf harus saling bertengkar syaraf mata mengisyaratkan berhenti. Otak belakang terus mendorong dan otak kiri mengalami stres serta otak kanan pada keroyok HTML serta kawan kawan nya. Sakit yg ditimbulkan biasa nya berlanjut hingga bangun tidur. Karna konsleting yg timbulkan dari kroyokan tersebut meninggalkan bekas yg sangat mendalam. Itu karena nya saat anda berhenti mengedit html. Dan memutus kan untus tidur. Anda malah nir sanggup tidur. Bagi blogger pemula sebelum aku lanjut kan tentang bahaya lainnya menyangkut blog anda serta diri anda sendiri. Maka saya akan memberi sedikit trick agar anda nir terlalu usang dalam mengedit html secara manual. CSS dan HTML merupakan pasangan dua sejoli yang mempunyai ikatan yg sangat bertenaga. "yap... Benar sama hal nya menggunakan anda dan kekasih anda" zaman sekarang html dan css telah nir sanggup pada pisah kan lagi. Karna mereka adalah 2 ketidak sempurnaan yg berbeda serta berdasarkan jenis yg tidak sinkron pula berafiliasi menjali hubungan serta menyatukan hati dan diri mereka untuk memnampil kan sesuatu yang sempurna. CSS tanpa html hanyalah sampah tak bermanfaat. Dan html tanpa css ibarat orang gila. Berantakan dan tidak punya harga diri. Tidur dimana saja serta bejalan kemana saja tanpa tujuan. CSS
Per hatikan css pada atas. [#nav .navbg] adalah id atau jenis kelamin css. Css di atas meminta kurang lebih misalnya ini" gunakan warna baground ungu (rgba(216, 44, 213, 1) pada navigasi dal aporisma kan lebar baground navigasi sepenuh nya. #nav.scrollq . #nav.scrollq .navbg. Posisi kan navigasi membisu pada loka saat di scroll dan pakai baground transparan opacity:0.9;] HTML
Singkat saja html pun mengabulkan permintaan css. Perhatikan css dan html hati mereka sudah bersatu mereka serta bekerja sama. Itu dapat kita lihat menurut ke 2 nya menggunakan id yang sama ''navbg'' ops galat.... Bukan menggunakan id yang sama tetapi tepat nya. Html telah mendapat id atau jenis kelamin berdasarkan css. Jika aku katakan css dan html memakai id yg sama ... Ialah css bukan pasangan sejoli melain kan pasangan homo. Karna pada atas aku istilah kan id sebagai jenis kelamin. Kesimpulan nya anda bisa memakai Inspect element dengan Firebug buat memudah kan terdapat dalam mengedit template blog HTML agar lebih mudah serta cepat. Baik lah..kita lanjut kan mengenai Bahaya Edit HTML template Blogger Secara Manual. adapu bahaya yang lain nya merupakan mengedit html secara manual akan menciptakan anda kecanduan dan akan sulit berhenti mengedit. Jika anda sudah berhasil menerap kan satu totorial kedalam template anda. Hampir mampu pada pastikan anda akan mencoba tutorial tutorial yg lain. Tentu hal ini akan menganggu anda menulis atau membuat artikel dan bahaya nya merembet ke blog sobat.. Blog sobat tidak terdapat isi artikel karna anda sibuk mehabiskan ketika buat mengedit template. Bahaya lainyya saat anda habis sia sia mencari tutorial yang indah serta sahih. Karna tidak semua tutorial benar dan sesuai menggunakan tempalate anda. Jadi aku saran kan daripada anda mengedit template lebih baik anda menentukan dan mendonload template saja. Pelajari edit html secara manual sekedar saja buat merapikan template hasil download anda saja. Selesainya itu lanjut kan menulis serta berkarya. Itu akan lebih baik. Hal yang saya bagikan ini adalah pengalaman aku sendiri. Yang telah pun kecanduan mengedit template... Susah tidur. Tertekan serta blog saya kosong tidak ada isi. Jadi jangan ditiru ya.
Assalamualaikum wr wb. Sebelum kita masuk ke pembahasan CARA BUAT TOMBOL BUTTON PADA POSTINGAN BLOG. Ada baik nya sobat menjawab salam saya terlebih dahulu. Agar kita saling mendoakan meski tanpa saling mengenali.
Saya akan mencoba menyederhanakan cara buat tombol button ini agar sobat gampang buat memahami langkah langkah yang akan saya sajikan buat sobat. Aku rasa sobat perlu tahu hal ini Membuat TOMBOL BUTTON merupakan adalah satu trick yg sangat penting bagi pengelola blog atau website. Buat memper indah tampilan blogg atau sebuah website. Tombol yang manis dan menarik tentunya akan menarik minat pelanggan atau pembaca buat meng click tombol tadi dan memilih buat melanjut kan membaca blogg atau website sobat. Saya persingkat hal tersebut kita lakukan untuk memanjakan pembaca supaya nir merasa bosan menggunakan postingan yang sobat sajikan
CARA MUDAH BUAT TOMBOL BUTTON PADA POSTINGAN BLOG
NEXTBACA SELENGKAP NYASUMBITATAU123456
UNTUK membuat kotak atau tombol tombol button di atas sobat hanya memerlukan sedikt scrip html. Dan cara penggunaan yang sangat mudah copy serta pastekan scrip yang saya sediakan di bawah ini dalam postingn atau widget java/ HTML jika sobat ingin meletak kan tombol dalam postingan sobat copy dan pastekan kode di bawah ini dalam edit HTML bukan pada Compose lihat pada sudut kiri atas pada entri baru atau lihat gambar di bawah ini
Ganti goresan pena rona MERAH menggunakan link tujuan sobat
Warna hijauadalah nama tombol bisa pada ganti misal nya ( baca selengkap nya/ read more/ atau angka)
Warna kuning merupakan lebar tombol ganti sesuai cita-cita sobat misal width: 201px jadi width: 75px
Warna biru merupakan tinggi tombol ganti sinkron ke inginan sobat misal height: 30px jadiheight: 40px
KETERANGAN dua : Jika sobat ingin menciptakan tombol lebih menurut satu tombol serta ber dampingan sejajar kesamping. Maka yang wajib sobat lakukan adalah mem paste kan kode di atas sebanyak 2 kali dan membuang satu code
lihat contoh pada bawah ini. [
] merupakan code penutup pada scrip HTML. Jadi yang kita buang merupakan
yang di tengah atau yg warna ungu. Bukan code
yg ada di bawah atau bagian epilog.lihat scrip di bawah ini..
NEXT
NEXT
Buang kode yang berwarna ungu
Maka hasil nya akan seperti contoh di bawah ini
CONTOH
NEXTNEXT
Jika sobat tidak membuang code yang berwarna ungu maka susunan nya akan seperti pada bawah ini
CONTOH
NEXTNEXT SEKARANG silahkan sobat ber kreasi sendiri semau sobat owh iya hampir lupa bila sobat ingin mengganti bagraund tombol button menjadi war biru atau lain nya sobat bisa ganti tulisan (orange) dalam scrip sebagai blue atau code warna lain nya yg sobat ingin kan..... Lain ketika apabila terdapat kesempatan kita akan mecoba menciptakan tombol button dengan style css. Saya juga masih proses belajar dalam mengedit blogg. Serta belum memahami dengan niscaya mengenai css. Maklum sob otodidak tentu membutuh kan ketika yg nir sementara waktu.
Box Shadow - Sebelumnya saya telah membuat artikel tentang cara menciptakan pengaruh bayangan dalam text menggunakan bantuan css (text shadow) serta kali ini saya akan menulis artikel mengenai cara membuat efek bayangan dalam gambar post blog, umum nya ini diklaim menggunakan "box shadow" style css. Bagaimana cara menciptakan dampak bayangan pada gambar artikel blog? Simak penerangan singkat ini dia mengenai css box shadow. Saya sudah menyiapkan 2 metode menciptakan imbas bayangan (shading efec) gambar menjadi hiasan buat mempercantik sebuah postingan blog. Yg pertama dengan cara manual dan yg ke 2 menggunakan cara otomatis, eksklusif saja kita mulai agar tidak membuang-buang saat. #Metode1: Membuat css efek shadow (bayangan) dalam post blog dengan cara manual Menerapkan css box shadow seperti ini nir menciptakan semua gambar di artikel blog anda mempunyai bayangan, melainkan hanya satu gambar saja yg pada beri dampak bayangan, bila anda ingin menciptakan impak bayangan di semua gambar maka anda wajib menerapkan css box shadow ini pada setiap gamabar satu-per satu.
Bentuk dasar css box shadow adalah [box-shadow: 3px 7px 5px #009678;]
Nilai 3px pada css diatas adalah merupakan sumbu offset-x: horizontal, semakin besar nilai nya maka bayangan text akan semakin ke kanan, dan sebaliknya semakin kecil nilai nya misal nya -3px (minus tiga pixel) maka bayangan text akan semakin kekiri.
Nilai 7px merupakan sumbu offset-y: vertical, semakin besar nilai nya maka bayangan text semakin ke bewah, dan sebaliknya semakin kecil nilai nya misal -4px (minus empat pixel) maka bayangan tex akan semakin ke atas.
Nilai 5px merupakan pembentuk karakter bayangan-blur, jika di beri niai 0px maka garis bayangan text akan terihat jelas tapi jika di beri nilai 3px garis bayangan tidak jelas (blur). Dan
#009678 merupakan kode warna css untuk warna bayangan.
Cara Penerapan Css Box Shadow (Manual) 1. Uplood gambar pada sebuah artikel lalu ubah mode penulisan dari Compose ke mode HTML 2. Kemudian cari tag-html gambar tersebut biasanya kode nya seperti di bawah ini.
3. Untuk memberi efek bayangan masukkan css box shadow pada bagian tag-html gambar yang saya tandai dengan huruf tebal sehingga menjadi seperti berikut ini
box-shadow: 3px 7px 5px #009678;clear: both; text-align: center;">Maka hasil nya gambar akan memiliki efek bayangan bayangan hijau di sisi bawah dan kanan gambar seperti terlihat pada contoh gambar berikut ini Lihat Demo #Metode2: Membuat css efek shadow (bayangan) pada post blog dengan cara Otomatis Penerapan css box shadow berikut ini, untuk membuat efek bayangan di semua gambar dalam postingan (artikel) blog, jadi dengan melalui metode ini anda tidak perlu menerapkan kode css box shadow satu-persatu lagi. Sekali pasang semua gambar yang ada di dalam postingan blog akan memiliki efek bayangan.
Cara Memasang Css Box Shadow (Otomatis) Simpan kode css berikut ini ke dalam template anda tepat nya pass... Di atas kode ]]> lalu simpan tempate.
.post img box-shadow: 3px 7px 5px #009678;
Sekarang silahkan lihat artikel anda, jika dilakukan dengan benar maka semua gambar dalam artikel akan mempunyai bayangan. Silahkan kode rona #009678; buat merubah warna bayangan. Demikian saja penjelasan mengenai cara membuat pengaruh bayangan pada gambar artikel blog, cobalah berkreasi dengan css box shadow tadi, atau pelajari lebih lanjut di www.W3schools.com.
Cara Menggunakan Google Custom Search Engine - Kegunaan google custom search engine atau google cse adalah sebagai mesin pencari / penelusur website sama hal nya dengan search box situs blogger pada generik nya. Kelebihan google cse "google custom search engine" adalah menampilkan hasil pencarian internal situs menggunakan tampilan yg seperti dengan page hasil pencarian google. Selain itu bagi para publisher adsense tentu nya menggunakan google custom search engine merupakan satu keharusan untuk menerima output berdasarkan iklan penelusuran google (ad search). Lihat [Demo] google custom search dengan mengetikkan keyword dalam search box situs ini.
Mengenal Google Custom Search
Saat ini poly sekali situs website serta blogger yang memakai google custom search engine buat search box situs mereka. Setelah mendalami lebih jauh ternyata terdapat perbedaan manfaat antara google custom search engine serta search box situs web pada umumnya. Berikut penerangan singkat nya.
Google custom search engine atau google cse sanggup membaca keyword internal situs lebih jauh bahkan menggunakan keyword yang pada ketik secara acak sekalipun sedangkan search box biasa hanya bisa menelusuri / menampilkan kalimat yg sinkron dengan diketikkan.
Google custom search dapat diterapkan (dipasang) ke banyak jenis situs website termasuk blogger dan wordpress.
Google custom search dilengkapi menggunakan fitur "Make Money" sehingga para publisher adsense bisa menampilkan "ad search" atau iklan penelusuran google.
Memasang Google Custom Search Engine pada Blogger
Untuk memasang google custom search engine di situs blog sebenar nya sangat mudah sekali lantaran google custom search engine (google cse) bisa dipasang pada widget blogger misalnya memasang kode iklan adsense. Tetapi apabila engkau ingin memasang google custom search engine sama seperti yang diterapkan pada situs aku ini maka ikuti langkah-langkah berikut adalah.
1. Pertama Pastikan engkau sudah login ke akun google yg digunakan buat mengelola blog begitu pula menggunakan publisher adsense.
2. Kunjungi page primer google custom search engine atau klik //cse.google.com/
3. Langkah ketiga Klick "Create a custom search engine", lalu engkau akan diarahkan ke laman pembuatan custom search engine
4. Masukkan url situs blog kamu misal www.tukanglistrikpulaubatam.com atau //caraflexi.blogspot.com serta Beri nama search engine example: My search engine Click "Create" serta tunggu loading nya, google custom search engine situs blog kamu sedang dibuat
5. Jika telah terselesaikan akan tertera text/pesan "Congratulations! Anda sudah berhasil membuat custom search engine" kemudian klik Get code
6. Copy dan simpan kode tadi yg nanti nya kita butuhkan buat memasang google custom search di situs blog kamu.
Catatan: Code google cse terdapat 2 jenis yaitu code buat search box serta code buat "search result", pastikan kamu merogoh kode search result yg diakhiri menggunakan code [] 7. Kembali ke blogger kemudian untuk laman atau laman baru serta pastekan kode google custom search pada mode html bukan compose (lihat sudut kiri halaman editor), lalu publikasikan. 8. Sekarang edit template blogger pilih edit html cari kode search box bawaan template blog kamu misalnya model kode dibawah ini atau yang serupa. Kemungkinan akbar kode search box masing masing template tidak sinkron tetapi biasa nya kode search box nir jauh berdasarkan kode menu blogger kamu.
Search
9. Ganti kode yg berwarna merah atau " pembuka" pada template anda dengan dua baris kode berikut adalah buat membarui search box default menjadi google custom search.
Keterangan:
Url yang diberi tanda berwarna biru adalah url halaman baru (loka menyimpan kode google custom search engine) perhatikan balik langkah nomor 7 Cara memasang google custom search di blog.
Kode pub-0117214xxx yang diberi pertanda warna biru adalah kode publisher google custom search anda. Jika anda gundah perhatikan kode google custom search anda dan lihat baris ketiga kode yg diawali dengan "var cx" [var cx = '011721410283919420916:ibc_3e0e9to';].
10. Seve template serta lihat output nya, cobalah mengetikkan / mencari keyword dengan search box anda dan lihat hasilnya. Selesai...! Jika engkau menggunakan Template Blogger yg sama menggunakan aku maka ikuti langkah-langkah memasang google custom search pada atas, bila template kamu tidak sama maka ikuti dan pahami saja metode penerapan nya lantaran letak perbedaan nya hanya pada kode search box nya saja. Baca Juga "Cara Setting Google CSE serta Menghasilkan uang dari iklan penelusuran google melalui google custom search engine" [Lihat Detail]
Bbm adalah galat satu pelaksanaan mesenger yg banyak digunakan sang orang-orang serta salah satu yg menciptakan pelaksanaan ini banyak digemari karena menaruh fiture Mengedit Variasi Tulisan pada Status BBM (Warna, Tebal, Miring). Lalu bagaimana cara agar status bbm bisa berubah ukuran dan warna-warni? Status BMM menjadi kurang menarik apabila nir terdapat variasi tulisan didalamnya, variasi yg dimaksud adalah tulisan status yg berwarna, tebal, miring dan sebagainya. Seperti kita ketahui aplikasi buat mengirim pesan atau blackberry ini memang telah booming serta sudah sebagai pelaksanaan yang banyak dipakai pada kehidupan sehari-hari lantaran hampir setiap harinya kita serta teman berkirim BBM tanpa mengenal saat serta loka oleh karenanya menciptakan goresan pena rona-warni pada status bbm dibutuhkan supaya nir jenuh kita melihatnya. Merubah goresan pena sebagai warna, tebal dan miring di status bbm kita ini sangatlah gampang buat dilakukan. Contoh variasi status BBM mulai berdasarkan bold, underline, sampai font size atau berukuran font sanggup lebih memberi rona serta lain dibanding yang lain di status bbm engkau .sehingga mungkin saja terlihat lebih menarik dan nyaman dilihat. Nantinya goresan pena status bbm bisa engkau rubah buat goresan pena hingga warnanya semuanya bisa kamu sesuaikan dalam status bbm kamu masing-masing.
Trik Cara Membuat Variasi Tulisan Status BBM (Warna, Tebal , Miring)
Mari kita mulai saja bagaimana cara membuat goresan pena status bbm menjadi unik, oleh karena itu langsung saja simak caranya dibawah ini dengan baik serta cermat : 1. Membuat Status Huruf Besar
Tulis Statu Kamu Disini
Kode h1 sanggup kamu rubah menggunakan kode h2, h3, h4, h5, semakin besar nomor maka alfabet akan semakin kecil
2. Membuat Status Cetak Tebal
Tulis Statu Kamu Disini
3. Membuat Status Cetak Miring
Tulis Statu Kamu Disini
4. Membuat Status Cetak Garis Bawah
Tulis Statu Kamu Disini
5. Membuat Status Ukuran Huruf Kecil
Tulis Statu Kamu Disini
6. Membuat Status Berwarna-warni
Tulis Statu Kamu Disini
Untuk rona sanggup kamu sesuaikan menggunakan selera engkau masing-masing, bisa menambahkan tag rona : red, blue, yellow, green dan rona lain-lain atau engkau bisa juga rubah dengan kode HTML , misalnya #FF0000, #01DF01, #FF00FF dan lain-lain.
Untuk kode rona diatas pula bisa dikombinasikan menjadi satu Tag HTML seperti dibawah ini :
font color=red> Tulis Status Kamu Disini
baca juga artikel kami lainnya : Cara Mengatasi Sinyal Blackbery hilang / lemah / SOS Cukup sekian fakta tentang Cara Membuat Variasi Tulisan (Warna,Tebal,Miring) Pada Status BBM, buat cara membuat variasi tulisan di status bbm ini hanya bisa berjalan di BBM for android. Tetapi jika diaplikasikan buat pengguna Blackberry mungkin mampu akan tetapi nantinya status BBM engkau akan terlihat aneh karena yg akan muncul adalah tag HTMLnya. Semoga dapat dimengerti serta dapat berguna. Salam Ponsel !!
Memasang Unit Iklan Adsense Ditengah Artikel, merupkan keputusan langkah tepat yg anda ambil menjadi Publisher Iklan Adsense. Iklan ditengah Artikel Post Blog sangat membantu untuk menaikkan penghasilan iklan adsense, Besar kemungkinan iklan pada tengah artikel postingan akan pada klik sang pengunjung baik pada sengaja atau tidak di sengaja. Hampir rata rata situs web/blog akan meletakkan iklan di dalam artikel baik itu pada bawah judul artikel atau pada bagian paling bawah artikel. Selain berpotensi mendapatkan klik, iklan pada tengah artikel pula dapat menaikkan penghasilan per seribu tayang atau CPM (Cost Per Million / Biaya Per 1000 Views).
Maka berdasarkan itu sangat pada saran kan buat memasang iklan di tengah artikel, pada bawah judul, dan di baian akhir artikel menggunakan Kode Unit Iklan yg berbeda. Bagaimana Cara memasang Iklan Dingah Artikel Postingan Blog? Simak langkah mudah serta sederhana berikut adalah. Langkah Pertama yang harus pada lakukan
Cari kode Biasa akan masih ada kode lebih dari satu. Mungkin tiga atau empat. Jika sobat menemukan terdapat 3 kode , maka pilih kode yg ke 2 (dua). Jika sobat menemukan ada Empat kode , maka pilih yg ketiga.
Ganti kode tadi menggunakan kode yang telah aku sediakan pada bawah ini.
Kode Adsense Here
Langkah Terakhir ganti goresan pena "Kode Adsense Here" menggunakan kode unit iklan yang telah pada parse, kemudian save template dan lihat hasilnya. Unit iklan akan terpasang pada setiap Artikel blog sobat menggunakan rapi serta nir ber tubrukan menggunakan apa pun. KETERANGAN TAMBAHAN
Ganti margin:8px yang aku tandai menggunakan warna hijau sesuai menggunakan kesukaan anda misal margin:15px buat memberi jeda lebih antara Iklan dan tulisan/paragrap atau ganti 10px menggunakan 5px untuk merapatkan iklan menggunakan tulisan atau photo.
Ganti angka 2 dalam kode (0,s.length/dua) juga saya tandai menggunakan warna hijau, menggunakan angka 3 atau 4, jika (0,s.length/dua) maka artikel akan di bagi dua dan di antaranya adalah iklan, jika (0,s.length/3) maka artkel akan di bagi 3 diantaranya adalah iklan. Semakin besar angka maka posisi iklan akan semakin ke atas atau dekat menggunakan judul blog.
Pada kesempatan kali ini kita akan belajar bagaimana cara membuat dan memasang Tag marquee buat menciptakan suatu tulisan bisa berkiprah atau berjalan. marquee sendiri merupakan sebuah tag yang bisa memberi dampak kepada suatu goresan pena atau kalimat sebagai dapat bergerak atau berjalan.
ada poly dampak yg mampu di gunakan buat marquee ini seperti teks dapat berkiprah menurut arah kiri kanan atau sebaliknya. Mungkin sebagian berdasarkan sahabat-sahabat sudah terdapat yg tau dan sudah pernah mencoba memasang tag marquee di blognya masing-masing. Buat sahabat-teman yg sudha pernah memasang marquee bisa berkomentar di bawah artikel ini dan buat yang belum silahkan mencoba untuk menerapkan kode marquee di blog nya buat mempercantik blog nya supaya lebih menarik.
Kode dasar menurut marquee bisa kalian liat pada bawah ini:
Belajar Marquee
untuk menerapkan kode diatas, kalian bisa memasangnya di blog kalian dengan cara mengikuti tutorial di bawah ini:
login ke blog kalian
masuk ke bagian Tata Letak
Setelah menambahkan gadget, lalu masukkan html/javascript serta masukan kode marquee nya
Hasilnya goresan pena Belajar Marquee akan timbul berjalan berdasarkan arah kanan ke kiri
Untuk kalian yang ingin melakukan custom terhadap tag marquee bisa menambahkan beberapa impak lainnya ke pada tag marquee. Ini dia beberapa tag marquee yang harus kalian coba agar lebih menarik.
Menambahkan warna teks bgcolor="pakai kode warna yang kalian mau"
Belajar Marquee
Mengatur arah gerakan "direction="left/right/up/down""
Belajar Marquee
Mengatur Perilaku Gerakan " behavior="scroll/slide/alternate""
Belajar Marquee
Memberi Title
Belajar Marquee
Mengatur Kecepatan Text
Belajar Marquee
Mengatur ketika Tunda
Belajar Marquee
Menambahkan kode apabila pada sorot mouse text berhenti
Sekian Tutorial mengenai bagaimana cara menciptakan dan memasang tag marquee ini buat membuat teks berjalan pada blog. Semoga artikel ini bisa berguna buat teman-teman semuanya. Terima Kasih telah berkunjung serta selamat mencobanya.!!
Membuat Search Box Keren - Search box adalah kolom kotak pencarian yg disediakan untuk pengunjung bermanfaat mencari konten artikel yg mereka butuhkan, eksistensi widget search box ini sangat berguna, tetapi sayangnya widget search box bawaan google tampilannya dari para blogger kurang menarik, nah buat itulah aku akan share membuat search box ini sebagai keren caranya pun cukup gampang tinggan masukkan widget kemudian tambahkan kodenya lalu simpan, ttinggal anda letakkan widget tersebut sinkron harapan anda seluruh: Semua widget search ini cara membuatnya hampir sama yaitu: 1. Log in ke blogger 2. Masuk rapikan letak 3. Tambahkan widget pilih HTML/ Javascript kemudian tambahkan kodenya 4. Simpan Membuat Search Box versi 1:
Ganti kode yang aku blog dengan warna hitam dengan url gambar kesukaan anda dibawah ini: gg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8NCpvvsE7L-mpoSFU2DD6w1b66hFJb983TI1W2GWlEsmKhBEoSB2Dp45cNqpmUWPn0MbFwmHb1h429EvzbicBFkFtMPvykRCQiByjzt8BgwJDSeftSCArJ058nqWVDzicRuwhfmWdTZz0/s1600/impoint.blogspot.com-red.png gg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_SoP4MZg2Yj7e7ZcTBGV165EPkD0XsRJm2znusXT0mQwFa5QOr9RK_C_jmB1IHjUWdpD71hY756TUZ_fadwtiHgrxx2lLXA1q01goMEaYVq9gusiUH36HnsLuvcAQdEytl9yNUn0YV3M/s1600/impoint.blogspot.com-blue.png gg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFdIr8A2Cg-cBr719XzZ-sdbapiko6x3bRHhWDtjki4fZDhyphenhyphen4FhAUgxC-zOffdtOnHWiCPDlU9JPKNbyeQoEq6TxcLWLxztss-soeD8YqUkbj4JS-3fEbtzXxO7kt-A4W5qCh1D78pwIr/s1600/impoint.blogspot.com-orange.png Membuat Search Widget Versi 3
#a-searchboxbackground:url(//lh5.googleusercontent.com/Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block; form#a-searchformdisplay: block;padding: 10px 12px;margin:0; form#a-searchform #apadding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent; form#a-searchform #abuttonmargin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;
Ganti url yg aku blok sinkron dengan warna yg anda inginkan dibawah ini: gg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh98A6LwfgmBrB_nwvDkYLexa1TpgpmyUwevB3WbKDNeYKdOWBy8vfOsx8qcmZjVbP9D0kvcQOo69c7IK3h7kIN7dP96qVcRnoGccUkGDYJg9ew2nV20Nb_dSj_aDyOx4QZ4kvPASa1-n8V/ gg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIf51CjAGO8YjXPdQQB917rNkStcwXSMQzXXyGpLVRW4kv9OMQQHHUzcmQCg_D3w7TaCEybN0YwF2xBzopiahJRBkKXTGkmnegO0RsUrzvjaiL7M2vGQcfPoYo14jTBqwUtoaji_R0qIT/ gg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMmSaF4U5HKGMGK0Z4hqnrNTedjSCsaTuOx8zadh3KLp9604DEyRzERHPUAtNLHPSatv5ZHawj7uzM8LjPKClKAqK_9GUM0wKcRG0YquSG67QUwlvAzTY92RbX_7uAEBKokx_bDVHt4re0/ gg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfi3-XRFFd0Y1lTEpgCI8qnHyKOa_XZ6XyRNhrkaokglsYLGSwkxP82ORrzPWJU_uZn1jYwJBEeB2e2aGcCab56z_04rPbcZEi1OPZeHVYx3EIt5ybbf7tNOUudOs1JFZgA7PBIKqCHKYl/ gg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFVa4obNLgYdklGB6utlNo8w78z9lHbmQ43O7BQU_fzEY_vh1skIqfet8voKAbXUSaFqs4naqL_MBy9o3L5kfVfGgvLu4j2b_OoHacPsgLs-gGtVcUmAE6QqPToVUmX6lOX5-YwDfWJG5f/ Demikian tutorial cara menciptakan search box keren, mungkin anda pula perlu membaca: Membuat bermacam-macam popular post keren Membuat Label keren Menghias link kredit footer Membuat Navigasi angka pada bawah halaman Membuat Header 2 kolom
Setting Meta Tag Open Graph - Dalam global blogging meta tag open graph tentu sudah nir asing lagi bagi para blogger yang telah mempunyai poly jam terbang. Bahkan sebagian blogger mengangap bahwa meta tag Open Graph merupakan galat satu teknik optimasi SEO. Sebenarnya menerapkan meta tag Open Graph ke dalam html situs web tidak akan memberikan efek SEO secara langsung atau spontan, Akan tetapi meta tag Open Graph akan memengaruhi kinerja tautan situs web pada media sosial. Sekitar tahun 2010 Open Graph mulai dikenalkan sang facebook, open graph mempromosikan integrasi antara Facebook serta situs web lain serta memungkinkan situs web kaya akan "grafik". Penjelasan sederhana-nya Open Graph menjadi kontrol terhadap perpindahan berita menurut situs web ke facebook serta menurut facebook ke situs web waktu laman atau tautan situs dibagikan, disukai dll, Secara teknik informasi tersebut dikirim melalui meta tag Open Graph yg dipasang di bagian situs web.
Meta Tag Open Graph Dasar
Berikut ini adalah meta tag Open Graph yang paling dasar buat di terapkan pada header situs web, lebih tepatnya meta tag open graph di letakkan diantara kode serta pada html situs.
Catatan: Meta tag tersebut belum final serta masih perlu perbaikan di beberapa bagian, aku sengaja memisahkan meta tag basic (dasar) menggunakan metode atau cara memperbaiki meta tag open graph tersebut supaya aku bisa menjelaskan beberapa fungsi berdasarkan bagian-bagian meta tag Open Graph.
Mari kita simak contoh thumbnail meta tag open graph home page pada gambar pada atas, thumbnail tadi tentu nir terbentuk begitu saja melainkan meta tag open graph yg mengatur nya. Perhatikan indikasi menggunakan nomor 1 sampai 4, Ke-empat bagian tadi diatur oleh 4 property meta tag open graph yang berbeda misalnya berikut;
og:image - untuk menampilkan gambar thumbnail
og:site_name - judul situs
og:description - deskripsi situs
og:url - url atau tautan situs
Penerapan pada html (meta tag open graph yg ditempatkan pada header situs) merupakan misalnya berikut adalah;
Atau buat situs blogger meta tag open graph bisa di kombinasikan dengan tag data sebagai akibatnya sebagai misalnya dibawah ini.
Tag data expr:contentcontoh: data:blog.metaDescription akan secara otomatis meng-ekspor data deskripsi situs web untuk pada tampilkan sang meta tag open graph. Kemudian dalam property og:image kita perlu menambahkan meta tag property width serta height untuk mengatur lebar serta tinggi gambar thumbnail ketika tautan di share ke sosial media (Facebook, Twitter, serta Google+), berikut meta tag nya.
Catatan: settingan meta tag open graph seperti diatas hanya sebagai contoh serta hanya berlaku pada sosial media facebook serta google plus saja, sedangkan meta tag untuk twitter akan sedikit berbeda karena twitter memiliki meta tag sendiri yaitu "Twitter Card" namun jika robots twitter tidak menemukan meta tag twitter card pada situs web maka twitter akan mengambil data dari meta tag Open Graph. Berikut ini saya akan membagikan meta tag open graph lebih lengkap serta sudah di optimalkan (Perpaduan meta tag Open Graph dengan Twitter Card). Kamu dapat menerapkan-nya ke dalam html situs blog (blogger) yang kamu kelola.
Instruksi:
Ganti semua yang ditandai menggunakan warna merah dalam meta tag open graph di atas (url gambar, id facebook, id fanspage, app id, id gplus, username twitter dll) dengan id sosial media engkau sendiri.
Letakkan kode meta tag open graph diatara kode serta pada html situs blog anda.
Untuk menguji atau melihat preview open graph silahkan share artikel situs ke sosial media seteleh 24 jam sejak memasang kode meta tag open graph. Perubahan mungkin tidak akan langsung terjadi dikarenakan cache situs atau engkau bisa menggunakan tool Open Graph Preview buat melihat thumbnail meta tag open graph.
Kenapa Meta Tag Open Graph Sangat Penting
Saya fikir kita semua putusan bulat bahwa konten adalah tulang punggung buat mendatangkan visitor ke situs web. Namun terkadang pada pemasaran konten atau post baru mengalami kesulitan buat menjangkau khalayak yg lebih luas. Solusi yang paling mudah untuk mengatasi hal tersebut merupakan dengan menyebarkan di media umum. Pemirsa besar yang ada di Facebook serta Twitter sering kali menjadi batu loncatan setiap konten baru untuk mendapat rating di serp melaui jumlah tayangan laman yang di dapat. Tanpa pengoptimalan meta tag open graph tentu saja sulit bagi konten untuk bersaing di media sosial kerena umumnya media sosial populer (facebook, Twitter, LinkedIn, serta Google+) memanfaatkan meta tag open graph untuk mengenali situs serta memaksimalkan kinerja tautan situs di laman mereka.
Meta Tag Open Graph Tester
Menurut saya optimasi meta tag open graph misalnya yg saya bagikan telah relatif baik buat situs blogger, tetapi apabila kamu masih ingin melakukan meningkatkan secara optimal (pengoptimalan meta tag) kamu bisa memeriksakan meta tag open graph situs kamu dengan bantuan tool facebook developers debugger [kunjungi laman]. Disana kamu dapat melihat missing meta tag open graph serta mendapatkan instruksi untuk memperbaiki bagian-bagian meta tag yang mis (error). Demikian artikel "Setting Meta Tag Open Graph Media Sosial (Facebook, Twitter, serta Google+)", lebih serta kurang mohon maaf. Akan datang saya masih akan membahas mengenai meta tag lainnya yang bermanfaat untuk situs web, subscribe situs ini untuk mendapatkan pemberitahuan "informasi atau artikel" terbaru mengenai meta tag serta trick-trick blogging lain-nya. See you bye!
Kali ini Tips & Cara akan share tentang cara membuat imbas bayangan (box shadow) pada blog. Efek bayangan ini tentunya jika diterapkan buat desain template blog akan lebih cantik serta menarik tentunya. Cara membuatnya pun tidak sulit kok, yang terpenting anda mengetahui sedikit CSS (cascading style sheet). Untuk belajar memakai CSS pun nir sulit, poly tutorial web yang membahas tentang hal ini. Box shadow intinya membuat dampak blur hingga menyerupai bayangan, dampak blur yg didapatkan tergantung bagaimana anda menempatkan kode tadi sinkron cita-cita anda, bisa blur dengan syarat vertical juga horizontal. Penggunaanya pun mampu menggunakan CSS maupun penulisan kode HTML secara pribadi, nah berikut contoh kode pengaruh box shadow sederhana bersama penjelasannya. Untuk penggunaan dengan CSS maka penulisannya akan seperti berikut:
Sedang untuk penulisan mode HTML model penulisan kode tadi sbb:
Namun dalam intinya semua kode tersebut berbentuk sbb:
box-shadow: x-point y-point blur spread color inset;
Keterangan berdasarkan kode box shadow tadi adalah sebagai berikut:
x-point merupakan bayangan yg mengarah pada offset horizontal (horizontal shadow). Jika bernilai negatif, maka bayangan yg di hasilkan akan mengarah ke samping kiri dan sebaliknya, apabila bernilai positif maka akan mengarah ke samping kanan.
y-point merupakan bayangan yg mengarah pada offset vertical (vertical shadow). Jika bernilai negatif, maka bayangan yang pada hasilkan akan menunjuk ke atas serta sebaliknya, jika bernilai positif maka akan mengarah ke bawah.
blur buat mengatur jeda blur menurut bayangan (menetukan besar kecilnya dampak blur pada bayangan).
spread adalah ukuran berdasarkan bayangan itu sendiri.
color buat menetukan warna bayangan yang akan pada hasilkan.
inset untuk memberikan bayangan pada pada box dan bersifat optional, ialah boleh terdapat dan boleh nir.
Kali ini saya akan sedikit share mengenai penerapan model penggunaan box shadow, perhatikan gambar dibawah ini tanpa dampak bayangan:
A
#kotak a border: 1px solid #ddd; background:#eee; width:620px; height:70px; Nah berikut penambahan CSS buat box shadow atau dampak bayangan:
#kotak g border: 1px solid #ddd; background:#eee; width:620px; height:70px; -moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px #888; box-shadow: 0 0 5px 5px #888; } Nah mudah kan cara membuat box shadow di blog, anda mampu menerapkannya baik melalui CSS juga HTML langsung, semoga artikelnya berguna.
Cara Membuat Tombol Follow di Blog - Tombol follow merupakan salah satu widget krusial buat di pasang pada situs blog, tombol follow blogger seringkali diklaim jua menjadi tombol join us (join this site) berfungsi menjadi navigasi yang memudahkan pengunjung untuk mengikuti situs yang mereka sukai. Pada tutorial ini aku akan membagikan cara membuat tombol follow blogger yang bisa ditempatkan di banyak sekali tata letak seperti di atas kolom komentar, sidebar, menu navigasi serta tombol follow di dalam postingan.
Metode yg saya gunakan buat membuat tombol follow merupakan menggunakan memanfaatkan link follow yg ada dalam widget followers (join this site), dengan demikian maka tombol follow yg didapatkan akan lebih ramah serta mudah di aplikasikan. Langsung saja ke tutorial menciptakan tombol follow blogger serta yg pertama harus dilakukan merupakan menyiapkan link follow + id situs blog, lihat contoh dibawah ini;
Nomor id yang ditandai dengan huruf tebal adalah nomor id situs blog aku , silahkan ganti menggunakan "id" situs blog masing-masing, untuk menerima atau melihat "id" situs blog silahkan login ke blogger, pilih galat satu situs jika engkau memiliki poly situs blog kemudian lihat dalam addres bar id situs blog anda.
Setelah link follow situs disiapkan selanjutnya merupakan memasang link follow tersebut ke tata letak atau loka yg diinginkan serta menampilkan nya menjadi tombol follow (join us).
Memasang Tombol Follow pada Atas Kolom Komentar
Login ke blogger > Template > Edit HTML
Cari kode penutup css yaitu ]]>
Tambahkah kode css ini dia sempurna pada atas kode ]]>
Ganti text "Join Us" dengan Follow First atau Subscribe sesuai dengan selera masing-masing serta ganti juga nomor id "6093713042691745392" dengan id situs blog kamu sendiri. Save template serta lihat hasilnya, tombol follow akan muncul di atas kolom komentar seperti terlihat pada contoh dibawah ini.
Catatan: Kode
adalah kode "comment message" single comment box serta merupakan kode default kolom komentar bawaan blogger. Jika sebelumnya pada template situs blog kamu sudah dimodifikasi atau menggunakan 3 comment system (blogger-facebook-disqus) silahkan lihat pada contoh gambar berikut [Klick Unduh]
Ganti id blog serta warna tombol sesuai dengan yang di inginkan.
Menambahkan Tombol Follow di Dalam Postingan
Untuk menambahkan tombol follow di dalam post (artikel) sebenarnya metode yg dipakai sama menggunakan metode membuat tombol follow pada sidebar, yaitu dengan menambahkan element button dalam link follow blog. Kamu mampu mencoba variasi tombol yang tidak sinkron misalnya model ini dia.
Nah, itulah beberapa cara membuat tombol follow di blog (situs blogger) yang dapat di sesesuaikan serta di tempatkan di beberapa tata letak. Silahkan di garap atau cobalah ber experiment sendiri dengan link follow blogger. Metode ini juga dapat diterapkan pada situs blog yang sudah menghapus css bundlle (optimasi pagespeed insights) lantaran biasanya menghapus css bundle umumnya akan menyebabkan beberapa widget blogger nir berfungsi termasuk widget followers. Kelebihan:
Mengganti widget followers (join this site) dengan tombol follow, nir membebani loading situs web sama sekali.
Tombol follow dapat diletakkan di banyak tempat yaitu, di atas kolom komentar, sidebar, menu navigasi, di dalam post blogger serta lain-lain.
Menghindari blocked rendering paruh atas situs
Dan dapat pada variasikan menggunakan poly style css button.
Demikian tutorial cara membuat tombol follow (subscribe button) blogger serta siap-siap untuk mendapatkan banyak followers situs blog kamu. Jika ingin melihat demonya silahkan gulir ke kolom komentar serta Subscribe situs blog cara flexi. Anggap saja subscribe anda sebagai bonus untuk saya, akhir kata saya ucapkan terimakasih telah berkunjung serta semoga tuorial ini bermanfaat.
