“Banyak jalan menuju roma”. Banyak dalam posting dan sidebar wordpress, yang saya tahu baca di internet blog gratis tidak mendukung “Java Script” jadi untuk membuat teks bergerak menggunakan java script tidak bisa dilakukan. Ketika cari di internet dengan keyword , dari beberapa link yang saya buka hampir semuanya menerangkan cara membuat teks bergerak menggunakan jasa website pihak ketiga seperti Saya menggunakan cara yang berbeda yaitu dengan menggunakan animsai GIF yang dibuat menggunakan aplikasi “Easy GIF Animator”, hasilnya dapat dilihat di animasi gif seperti yang saya pasang dalam posting ini dan widget sidebar. Image atau gambar dengan format file “GIF” bisa diupload di wordpress dan bisa dipasang hanya menggunakan kode html standar, anda yang memiliki blog sendiri atau sering berkunjung di banyak blog tentunya bisa membedakan antara teks bergerak yang menggunakan jasa website pihak ketiga dengan teks bergerak menggunakan animasi gif yang dibuat sendiri. Dengan membuat animasi gif sendiri, hasil teks bergerak akan terlihat lebih dinamis, anda bisa menggunakan gambar latar yang dipilih sendiri dan juga bisa menambahkan “masked link” jika teks atau gambar diklik akan diarahkan ke alamat/url yang disisipkan. Seperti animasi gif berikut ini Contoh animasi gif menggunakan Easy GIF Animator Screenshoot membuat animasi gif menggunakan Easy GIF Animator Cara kedua adalah menggunakan animasi flash shockwave flash – swf, namun sayangnya blog gratis tidak mendukung file dengan format flash swf sehingga tidak bisa diupload dan disimpan di wordpress, untuk memasang konten flash di tidak bisa menggunakan kode html standar tapi menggunakan “java script” yang telah diedit supaya bisa digunakan di wordpress sangat menyulitkan buat saya yang sangat awam menggunakan java script. untuk bisa menggunakan animasi flash yang dibuat sendiri harus menggunakan jasa website lain yang support konten flash untuk mengupload dan menyimpan file flash tersebut seperti Kelebihan menggunakan format flash swf efek animasi lebih bervariasi dan bagus. Anda bisa menggunakan animasi dibawah ini untuk dipasang pada blog anda, gunakan kode html berikut ini DOWNLOAD KODE HTML WELCOME 1 – 8 4 KB WELCOME 9 GIF <div align="center"><a href=" target=_blank><img src=" WELCOME 10 GIF <div align="center"><a href=" target=_blank><img src=" WELCOME 11 GIF <div align="center"><a href=" target=_blank><img src=" WELCOME 12 GIF <div align="center"><a href=" target=_blank><img src=" WELCOME 13 GIF <div align="center"><a href=" target=_blank><img src=" WELCOME 14 GIF <div align="center"><a href=" target=_blank><img src=" Login ke akun wordpress Buka Menu Tampilan – Widget Drag Widget “Teks” ke Sidebar dan drop ke bagian teratas sidebar Pilih salah satu kode html animasi flash/gif yang diinginkan Copy dan paste kode html diatas ke widgets – teks wordpress Kemudian simpan Untuk anda yang ingin memasang animasi selamat datang dengan nama blog anda, silahkan tinggalkan komentar dan alamat blog, pilih salah satu contoh animasi flash/gif diatas, bagi yang beruntung akan saya buatkan animasi flash/gif dengan nama blog anda. BLOG ANDA ARTIKEL TERKAIT KODE HTML UNTUK MEMASANG JADWAL SHALAT, IP INFO, JAM DIGITAL

Widget Android dapat diakses langsung dari layar beranda, memungkinkan pengguna untuk melihat informasi penting secara sekilas. Widget telah menjadi bagian integral dari sistem operasi Android sejak diperkenalkan pada 2008. Selama bertahun-tahun, widget sangat populer, memberi pengguna kenyamanan yang luar biasa. Meskipun popularitas widget telah menurun selama beberapa tahun terakhir, mereka masih digunakan secara luas. Widget waktu dan cuaca harus dimiliki di setiap perangkat Android, dan perusahaan teknologi besar membuat widget mereka sendiri untuk akses yang lebih cepat ke aplikasi mereka. Misalnya, widget LinkedIn, Google Chrome, Gmail, dan Spotify menyediakan cara yang nyaman bagi penggunanya untuk melakukan tindakan dasar dari layar beranda. Untuk menawarkan lebih banyak kenyamanan kepada pengguna kamu, kamu juga dapat membuat widget untuk aplikasi kamu. Di artikel ini, kami akan menunjukkan kepada kamu bagaimana melakukannya dengan Android Studio. Seperti yang kamu liat, ada banyak sekali Widget pada android Studio yang bisa kamu explore. Namun pada kesempatan kali ini, kita akan membahas Widget Textview dan Button saja. Kedua widget ini sangat umum digunakan bagi siapa saja yang membangun aplikasi baik pada Android maupun iOS. Membuat Widget Untuk Menambahkan Widget pada Android caranya sangat mudah. Kamu hanya perlu menyeret dan menjatuhkan widget yang kamu inginkan pada Laman pembuatan aplikasi. Sebagai contoh, mari kita buat Button pada bagian tengah layar aplikasi kita. Android Studio akan membantu kita menyesuaikan letak widget. Tapi perlu diketahui, kamu bisa mengubah tata letaknya di bagian Properties yang tampil di laman Text Page XML. Mengganti Text pada Button Secara Default, text yang ada pada Button yang kamu sisipkan berupa kata “New Button” sebagai element teksnya. Kamu bisa menggantinya dengan cara mengkliknya dua kali memodifikasinya di halaman desain atau dengan mengscroll properti Button di sebelah kanan dan pilih Text Properties. Terakhir, kamu dapat mengubah teksnya dengan beralih ke tab teks XML dan memodifikasi properti android text. Mari kita buat tombol dengan teks “Change Background Color” dengan mengubah properti Tombol pada halaman teks XML untuk membaca android text = “Change background Color”. String Resources Kamu akan menemukan bahwa kode akan disorot dengan warna kuning setelah kamu melakukan perubahan. Jangan khawatir, hal ini tidak menyebabkan error pada aplikasi kamu. Kamu mendapatkan peringatan karena string yang baru saja kita masukkan “Change Background Color” adalah string yang dikodekan yang perlu dibuat menjadi String Resources. String Resources disimpan dalam file di folder res aplikasi kamu. Setiap kali kamu melakukan hardcode suatu string, Android Studio akan menunjukkan kesalahan String Resources. Untuk memperbaiki kesalahan ini , kamu bisa mengklik bola lampu kuning di sebelah string yang dikodekan dan memilih “Extract String Resource”. Pilih nama resourcse kamu, lalu klik tombol “OK” untuk menyimpan resources tersebut. Widget OnClick Jika kamu beralih ke halaman Desain, pilih widget Tombol yang kita buat, dan scroll ke bawah properti nya, kamu akan menemukan properti onClick. onClick memungkinkan kamu untuk memilih metode Java yang akan dipanggil aplikasi setelah Tombol diklik. Mari kita ubah properti onClick dari Tombol kita untuk memanggil metode “changeColor“. Perlu diingat bahwa kita harus membuat metode changeColor di Java Class kita agar perintah onClick ini berfungsi. Widget ChangeColor View Component ID Untuk memiliki fungsi metode changeColor kita harus menetapkan ID untuk Layout dan TextView nya. Pilih TextView di kotak kanan atas, yang berjudul “Component Tree“. Scroll propertinya hingga kamu melihat “id“. Ubah ID-nya menjadi “Text“. Lakukan hal yang sama untuk komponen RelativeLayout, tetapi tetapkan ID-nya ke “layout“. Kamu harus dapat melihat ID yang sesuai di sebelah setiap komponen di Component Tree. Mari kita beralih ke metode changeColor yang sebenarnya. Buka tab kamu. Di tab ini, kamu akan melihat metode yang disebut onCreate. Ini berjalan setiap kali aplikasi pertama kali dinyalakan. Kita akan membuat metode “changeColor” tepat setelah onCreate. Tambahkan yang berikut ini ke kelas kamu public void changeColorView view { RelativeLayout layout = RelativeLayoutfindViewById TextView text = TextViewfindViewById } Metode kita nantinya akan mengubah warna layout menjadi merah setelah tombol diklik. Ini juga akan mengatur objek TextView untuk mengatakan “Page is Red”. Untuk pemula Android Studio, ada banyak hal di blok kode di atas yang harus di perhatikan. Pertama, lihat method signature kita public void changeColor View View. Android membutuhkan metode onClick untuk mengambil View sebagai parameter; kegagalan melakukannya dapat menyebabkan aplikasi kamu mengalami Crash. Selanjutnya, perhatikan metode findViewById . Ini adalah metode standar untuk mengakses View atau objek pada layar aplikasi untuk digunakan dalam aplikasi kita. Seperti yang kamu lihat, kita perlu menampilkan tampilan ke RelativeLayout. Casting ini diperlukan karena findViewById mengembalikan View; Polimorfisme Java tidak memungkinkan RelativeLayout yang merupakan Tampilan untuk menggeneralisasi semua jenis Tampilan. Sekali lagi, kamu juga akan melihat peringatan kuning mengenai resourcse string ketika kamu menggunakan “Page Is Red”. Tangani peringatan ini dengan cara yang sama seperti yang kita lakukan tadi pada String Resource button dan Anda akan mendapatkan sumber daya string seperti milik saya Menguji Aplikasinya Jalankan aplikasi pada emulator atau perangkat Android debuggable eksternal. Jika kamu Mengklik tombol, nantinya akan mengubah warna layout dan mengubah TextView juga. Sumber

Widget adalah tools atau fitur tambahan yang bermanfaat bagi smartphone untuk memudahkan kerja user. Selain widget default yang menjadi bawaan OS, Anda juga bisa membuat widget Android sendiri dengan mudah, lho! Widget adalah fitur yang sudah tidak asing lagi bagi para pengguna Android. Bahkan, baru-baru ini fitur widget akhirnya ikut muncul juga di iOS 14. Kejadian ini serta-merta menandakan betapa widget adalah fitur yang sangat berguna bagi smartphone user. Seperti apa, sih, widget itu? Widget Android adalah tampilan mini dari aplikasi yang bisa bebas Anda sematkan ke home screen maupun lock screen. Meski berupa tampilan mini, ternyata widget Android adalah tools dengan performa tinggi, nyaris tidak ada bedanya dengan aplikasi biasa. Uniknya lagi, widget juga bisa dikustomisasi dengan bebas oleh user, baik dari segi ukuran maupun tampilannya. Alhasil, tak mengherankan banyak orang senang memakai widget lantaran tools-tools ini mampu mempercantik tampilan antarmuka layar smartphone mereka. Biasanya, widget Android adalah fitur bawaan milik OS. Akan tetapi belakangan ini mulai ditemukan cara untuk membuat widget Android dengan mudah memakai Android Studio. Penasaran ingin tahu bagaimana cara membuat widget Android dengan Android Studio? Yuk temukan cara-caranya pada artikel berikut ini – selamat membaca! Persiapan Membuat Widget Android StudioStep by Step Mengustomisasi Widget Android Studio Project Baru2. Buat Widget3. Kustomisasi Teks di Widget4. Membuat String Desain Widget Lanjutan Persiapan Membuat Widget Android Studio Proses membuat widget Android dapat dimulai dengan memakai software Android Studio. Apa itu Android Studio? Android Studio adalah IDE atau lingkungan pengembangan software yang paling ideal untuk beragam aplikasi Android. Kami tidak akan menjelaskan panjang lebar mengenai Android Studio di sini. Tetapi jika Anda penasaran, Anda bisa membaca artikel khusus Appkey bertajuk “Pedoman Lengkap Cara Update SDK Tools dan IDE Android Studio” dan berikut ini kami sediakan link dari artikel tersebut Anda juga bisa membaca artikel tersebut untuk mengetahui cara instalasi Android Studio agar bisa digunakan untuk membuat widget Android. Kembali lagi ke project membuat widget Android dengan Android Studio. Sebelum memulai, Anda akan memerlukan beberapa komponen penyusunan yaitu Objeck AppWidgetProviderInfo yang merupakan metadata widget Android yang ditentukan dalam XML. Objek ini mencakup frekuensi update dan class AppWidgetProvider. Tata letak tampilan widget yang juga ditentukan dalam XML. Penerapan aktivitas konfigurasi widget ketika widget diaktifkan serta dimodifikasi oleh user. Meski demikian, penerapan activity widget ini bersifat opsional. Penerapan metode dasar class AppWidgetProvider yang akan memungkinkan developer serta user untuk melakukan interaksi terprogram dengan widget Android yang telah dibuat. Penerapan metode dasar ini juga akan membantu Anda menerima info ketika widget diupdate, dihapus, diaktifkan maupun dinonaktifkan. Step by Step Mengustomisasi Widget Android Studio Sederhana Sudah mempersiapkan semua bahan-bahan di atas? Jika sudah, mari lanjutkan dengan cara membuat widget Android sederhana berikut ini. Kali ini kami akan mengajak Anda untuk melihat tata cara mengustomisasi widget tombol agar dapat diklik dan berubah warnanya. Disimak, ya! Project Baru Pertama, buatlah project baru di Android Studio. Caranya adalah Buka Android Studio yang sudah terinstall. Pilih create new project’ > beri nama project. Semisal Android widget. Klik template empty activity’ > beri nama activity dengan MainActivity’. Lanjutkan dengan memberi nama layout sebagai main_layout’. Selesai. 2. Buat Widget Android Studio sudah memiliki sejumlah template widget siap pakai yang bisa Anda drag and drop pada laman project aplikasi. Beberapa jenis template widget yang disediakan oleh Android Studio antara lain button, small button, radio button, plain textview, check, toggle button, switch, progress bar small, normal, large dan horizonal, spinner, web view, seek bar dan rating bar. Anda bisa memilih salah satu widget, semisal button. Drag dan drop seret dan letakkan widget pilihan ke bagian tengah layar project. Nantinya, Android Studio akan membantu Anda menyesuaikan kembali posisi widget di project. Anda juga bisa mengaturnya sendiri di properties Text Page XML. 3. Kustomisasi Teks di Widget Selanjutnya, kustomisasi teks di widget yang dipilih. Semisal pada widget button yang dipilih pada step 2. Anda bisa menyisipkan teks apa saja pada widget tersebut. Caranya adalah Perhatikan tombol button, Anda akan menemukan tulisan new button’ – ini adalah elemen teks pada button yang bisa Anda ganti. Klik 2x pada elemen tersebut > muncul halaman desain baru secara khusus > pilih text properties. Ubah teksnya dengan cara beralih ke tab text HTML > modifikasi properti menjadi android text. Untuk kustomisasi lanjutan seperti mengganti warna widget button, cek halaman text HTML > cari properti tombol, kemudian ketikkan android text = “change background color”. Contoh codingnya 4. Membuat String Resources Setelah melakukan kustomisasi di atas, Anda mungkin akan mendapati coding tersorot dengan icon lampu kuning highlight. Ini adalah peringatan atas string “change background code” yang perlu untuk diubah ke bentuk string resources. Namun tetap tenang, kode ini tidak menunjukkan bahwa coding Anda error. Ini cara mudah untuk memperbaiki kode string tersebut Klik icon lampu kuning yang ada di sebelah string code atau memakai kombinasi tombol alternatif Alt+Enter. Klik extract string resource’. Klik nama resource Anda. Simpan resources dengan mengklik ok’. Desain Widget Lanjutan Tahap terakhir adalah melakukan kustomisasi desain widget lanjutan pada properti OnClick di halaman desain. Caranya adalah Pergi ke halaman desain’ di Android Studio > klik widget button yang Anda buat. Scroll hingga menemukan opsi properti OnClick’. Klik properti OnClick. Di sini Anda bisa memilih metode Java yang akan dipanggil kapanpun widget button diklik user. Semisal untuk memanggil metode changeColor’ kode changeColor . Untuk bisa menjalankan metode change color, Anda harus menetapkan ID TextView dan Layout terlebih dahulu. Scroll ke bagian pojok kanan atas layar hingga menemukan box componen tree’. Klik menu layout > klik TextView > scroll hingga menemukan opsi id’. Terakhir, ubah id’ menjadi text’. Ulangi langkah yang sama untuk mengubah relative layout, namun komponen id’ diganti menjadi layout’. Lanjutkan dengan membuka tab > Anda akan menemukan metode onCreate yang berjalan otomatis kapanpun aplikasi dijalankan. Buat metode changeColor’ setelah onCreate dengan menambahkan kode berikut ke tab public void changeColorView view { RelativeLayout layout = RelativeLayoutfindViewById TextView text = TextViewfindViewById } Metode di atas akan mengganti warna layout tombol menjadi biru setelah diklik user, sedangkan teks di dalamnya akan berubah menjadi Page is Blue’. Sudah selesai. Anda bisa menyimpan project lalu mencoba menjalankannya pada emulator. Lakukan uji coba untuk melihat kondisi sebelum dan sesudah mengklik widget tombol, ya. Jika tombol sukses berubah warna menjadi biru, maka widget Anda sudah dapat beroperasi dengan baik. Demikianlah pembahasan artikel edisi kali ini tentang cara sederhana membuat widget Android Studio. Bagaimana, sudahkah kini Anda siap untuk mencoba mempraktekkan cara membuat widget android? Selamat mencoba mulai berpraktek, ya! Jasa Pembuatan Aplikasi, Website dan Internet Marketing PT APPKEY PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.

19 Mar, 2014 Cara Membuat Pengumuman Bergerak Di Blog kita sendiri - membuat widget pengumuman atau perkataan diblog kita akan membuat para pengunjung senang dan malahan makin banyak yang berminat ke blog kita oleh karena itu kita harus mempercantik blog dengan mengikuti tutorial ini. Cara Membuat Widget Pengumuman Bergerak Di Blog Berikut ini merupakan langkah-langkah beserta tutorial yang dapat anda ikuti untuk bisa menerapkan pada blog agar mempercantik dan memperindah tampilan yang ada di blog anda tersebut, yuk dilihat dibawah ini sekali login ke blogger kita dan masuk dasboard bloggerMasuk kebagian menu tatak letakPilih Add GadgetSetelah itu pilih Html Javascript pada widgetSalin kode dibawah ini dan silahkan disimpanLalu lihat hasilnya diblog1. Kode untuk perkataan bergerak dari kiri ke kanan adalah ganti Contoh scrolling text Contoh scrolling text 2. Ubah pergerakan perkataan Penambahan kod berikut diperlukan dalam kod asal. direction="left" direction="right" direction="up" direction="down"Berikut contoh kode untuk pegerakan dari kanan ke kiri Contoh scrolling text warna background Untuk ubah background, perlu diletakkan kode berikut bgcolor="kod warna" Senarai kod warna boleh didapati disini. Contoh kode yang diletakkan background Contoh scrolling text 4. Perkataan dalam keadaan 'anjal' Penambahan kod berikut diperlukan ke dalam kod asal. behavior="alternate" contoh kode yang diletakkan trik ini Contoh scrolling text kelajuan perkataan. Pergerakan juga dapat diubah dengan menambah kod berikut scrollamount="2" Contoh kode dengan trik ini Contoh scrolling text Scroll amount 4 Contoh scrolling text 6. Pause apabila cursor dilalukan. Perkataan yang bergerak juga dapat dihentikan apabila dilalukan cursor. Kebiasaannya ini untuk memudahkan pengunjung untuk membaca apa yang ingin disampaikan tanpa ganguan. Penambahan kode yang perlu dilakukan ialah sebagai berikut ini onmouseover=" onmouseout=" kode dengan trik ini Contoh scrolling textNah itulah pembahasan kali ini yang sudah dirangkum pada artikel mengenai Cara Membuat Pengumuman Bergerak Di Blog, semoga bisa bermanfaat dan menambah wawasan. Terimakasih sudah membaca ya.