Cara Ngeblog Menggunakan Aplikasi Blogger di Android

Cara Ngeblog Menggunakan Aplikasi Blogger di Android - Masih berhubungan dengan artikel kemarin yang saya tulis, ngeblog menggunakan aplikasi Bloggeri di Android ternyata gampang-gampang susah, selain ukuran layar yang terlalu kecil dan ketidaknyamanan saat menulis atau melakukan pengetikan dengan cara mengetuk layar bukan merupakan suatu tantangan tapi akan selalu mengalami kekeliruan dalam mengetik

Baca juga Nyamankah Ngeblog di Aplikasi Blogger?

Namun jika Anda yang masih belum pernah mencoba ngeblog menggunakan aplikasi Blogger di Android, saya akan menjelaskan sedikit untuk Anda. Dan setelah membaca penjelasan dari saya berikut ini, silahkan Anda coba atau silahkan dinilai sendiri, apakah Ngeblog menggunakan aplikasi Blogger di Android itu perlu dilakukan atau tidak, apakah nyaman atau tidak..

Sebelum ngeblog menggunakan aplikasi Blogger di Android, maka harus ada syarat utama yang perlu dilakukan yaitu harus ada smartphone atau ponsel yang ber-OS Android dan memasang aplikasinya. Jika tidak ada, penjelasan artikel ini saya rasa sudah cukup memberikan pengetahuan apakah perlu Ngeblog menggunakan smartphone atau aplikasi Blogger yang ada di Android

Berikut Cara Ngeblog Menggunakan Aplikasi Blogger di Android

• Buka smartphone Anda yang ber-OS Android
• Buka aplikasi Play Store
• Cari Blogger di kolom pencarian yang ada di menu bar agar aplikasi Blogger bisa muncul
• Klik tampilan aplikasi Blogger tersebut

• Tampilan dari aplikasi Blogger yang ada di Android akan terbuka seperti yang terlihat pada gambar disamping. Pelajari terlebih dahulu aplikasi tersebut
• Jika ingin memasang aplikasi Blogger tersebut, silahkan sentuh tulisan Pasang
• Karena menggunakan layar sentuh jadi bukan Klik yang dilakukan :)
• Proses mengunduh (Download) sedang dilakukan, biarkan sampai selesai dan melakukan Pemasangan terhadap Aplikasi Blogger

• Jika proses mengunduh (Download) dan pemasangan aplikasi selesai, maka tampilan Aplikasi Blogger di Play Store akan terlihat seperti gambar disamping
• Silahkan sentuh tulisan Buka Untuk membuka aplikasi Blogger yang telah terpasang
• Atau tutup Play Store dan buka aplikasi Blogger di menu Applikasi yang ada di Smartphone Android Anda

• Pada saat pertama kali membuka aplikasi Blogger di Android maka akan ada permintaan dalam penggunaan Akun
• Jika Anda sudah memiliki Akun di Google (Seharusnya sudah) maka gunakan akun tersebut
• Yang mana akun Google yang digunakan? Email dari Google yang Anda miliki, jika belum memiliki email, silahkan buat dulu email di Google
• Sentuh Yang Sudah Anda jika sudah memiliki akun atau Baru jika belum memiliki Akun

• Halaman login atau Masuk ke akun Blogger akan terlihat seperti tampilan gambar disamping jika Anda telah menggunakan Akun yang sudah ada
• Sentuh Berikutnya untuk mengisi email Anda

• Tuliskan alamat email Anda dengan menggunakan email dari Google, bukan yang lain dan tuliskan juga kata Sandi atau password dari akun email tersebut
• Selanjutnya sentuh Selesai dan sentuh icon Segitiga ke Kanan

Langsung saja sentuh Oke

Proses masuk ke akun Blogger sedang berlangsung, silahkan ditunggu sejenak

Langsung sentuh Lewati untuk melanjutkan

Langsung saja sentuh icon Segitiga ke Kanan

• Karena tampilan mobile, maka halaman depan (dashboard) akun Blogger akan terlihat seperti gambar disamping

• Blog pertama yang tampil adalah blog yang terakhir di update jika Anda memiliki banyak blog dalam satu akun
• Penjelasan Menu:
  • icon Segitiga kecil untuk melihat dan memilih blog
  • icon Pensil untuk membuat artikel baru
  • icon akan membuka sub-menu didalamnya

Cara membuat artikel baru menggunakan aplikasi Blogger di Android

• Jika terdapat blog yang banyak di akun Blogger Anda, silahkan pilih terlebih dahulu blog yang akan di update dengan menyentuh icon Segitiga kecil
• Selanjutnya sentuh icon Pensil untuk membuat artikel baru
• Tampilan halaman penulisan artikel terlihat seperti gambar di samping
• Tulis judul artikel blog pada kolom Judul Pos, tulis artikel di Konten Pos dan masukkan Label artikel di kolom Label
• Sedangkan icon Camera digunakan untuk mengupload Gambar artikel

Proses penulisan artikel menggunakan aplikasi Blogger di Android yang saya lakukan untuk artikel sebelumnya seperti yang terlihat pada gambar disamping
Dari sinilah akan mulai terasa bagaimana Ngeblog menggunakan aplikasi Blogger di Android itu, sangat mudah memang, tapi butuh kesabaran dan ketelitian saat menulis artikel, apalagi dalam penggunaan huruf-huruf tebal, miring, dan garis bawah serta artikel dalam bentuk list atau penomeran serta memasang link artikel kedalam artikel

Memasukkan Gambar Artikel Menggunakan Aplikasi Blogger di Androdi

Untuk memasukkan gambar kedalam artikel adalah sebagai berikut:

• Buatlah paragrap pertama dari artikel yang ditulis tersebut. Setelah Paragrap pertama selesai dibuat, buatlah garis baru atau sentuh icon ↵
• Selanjutnya sentuh icon Camera yang ada disamping kolom Judul artikel

Ingat, jangan memasang Gambar artikel setelah selesai menulis artikel secara keseluruhan karena gambar artikel akan berada dibawah

Gambar disamping adalah hasil upload gambar artikel yang ada setelah paragrap pertama artikel dibuat. Untuk melanjutkan artikel, sentuh icon ↵ dan lanjutkan menulis

Cara menyalin teks atau tulisan di artikel blog menggunakan aplikasi Blogger di Android

Bagaimana cara menyalin teks atau tulisan?

• Untuk menyalin artikel, blok pada teks atau tulisan tersebut seperti pada gambar di samping; tekan dan tahan sampai terblok semua
• Sentuh menu Salin yang ada dibagian atas
• Letak kursor pada tempat dimana teks atau artikel tersebut akan di salin
• Sentuh menu Tempel

Jika sudah, sentuh menu Selesai untuk menutup artikel yang telah dibuat

Tampilan gambar disamping merupakan tampilan dari artikel yang saya buat dan masih dalam bentuk Draft alias belum diPublikasikan. Artikel yang dibuat sudah terlihat sempurna dan untuk memPublikasikannya, sentuh icon

Itulah Cara Ngeblog Menggunakan Aplikasi Blogger di Android, terlalu susah untuk dimengerti jika hanya membaca tulisan ini karena akan terasa lebih mudah jika langsung diterapkan. Selamat mencoba

Cara Menampilkan Jumlah Artikel Di Beranda Blog

Cara Menampilkan Jumlah Artikel Di Beranda Blog - Artikel ini merupakan artikel jawaban atas pertanyaan yang disampaikan teman saya +Ulfa Choiriyatun Nisa yang telah berkomentar di Cara membuat halaman blog berdasarkan Label  dan dengan adanya artikel ini semoga bisa menjawab pertanyaan tersebut

Untuk menampilkan jumlah artikel di halaman depan blog atau di Beranda blog sebenarnya sangat mudah dilakukan

• Buka blog yang ada di dashboard akun Blogger Anda
• Pilih menu Tata Letak >> Blog Posts >> Edit
• Muncul halaman Konfigurasi Posting Blog >> Opsi Laman Utama >> Jumlah posting di halaman utama:
  Ganti jumlah atau angka yang ada di kolom sesuai dengan jumlah artikel yang ingin ditampilkan
  
• Klik Simpan

Untuk menampilkan artikel blog di Halaman Blog silahkan baca di

Itulah cara menampilkan jumlah artikel di beranda blog yang bisa diterapkan untuk blog Anda

Cara Lengkap Memasang Google Font di Blog

Cara Lengkap Memasang Google Font di Blog - Jika didalam blog tidak ingin terpasang font yang aneh-aneh maka cukup menggunakan font yang umum dikenal oleh browser yang tidak perlu memasang kode font tersebut kedalam template. Namun jika ingin memasang font-font tertentu yang tidak bisa di load oleh web browser yang digunakan maka diperlukan penambahan kode font tersebut kedalam template

Baca juga



Cara Lengkap Memasang Google Font di Blog

Untuk memasang font di blog, langkah pertama yang perlu dilakukan adalah memilih dan menentukan font itu sendiri dan memilih font yang dipasang, anjuran saya adalah memilihnya di Google fonts dengan mengunjungi http://www.google.com/fonts
Kenapa harus menggunakan Google fonts? Karena font-font yang disediakan oleh Google tersebut sifatnya bebas dan mudah digunakan yang telah dilengkapi dengan kode-kode css/script untuk dipasang kedalam blog

Di Google font terdapat 600 font yang bisa digunakan dan bisa digunakan secara bebas. Selain itu, juga terdapat pengaturan-pengaturan yang sudah disediakan untuk menggunakan font-font yang telah dipilih. Misalnya di menu bagian sebelah kiri, bisa mengetahui bentuk font tersebut yang terdapat pada menu Show all styles dan di bagian atas, bisa diketahui bentuk font yang digunakan dengan menuliskan teks atau kalimat di kolom Preview Text

Memasang Google Font di Blogger
Untuk memasang font di blogger lebih mudah dilakukan daripada memasangnya di WordPress yang masih memerlukan plugin untuk di upload. Pilih fonta yang akan digunakan dan klik tombol Quick-use

Pada halaman berikutnya akan terlihat tampilan beberapa bentuk dari font yang telah dipilih tadi, scroll kebawah sampai pada kolom seperti berikut ini

Salin kode <link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
dan jangan lupa menambahkan string dibelakang kode, sehingga menjadi seperti berikut ini
<link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css' /> kedalam template blog

Sekarang bukalah akun blogger Anda....
Didalam dashboard akun blogger, pilih salah satu blog yang ingin dipasang kode font, selanjutnya ikuti langkah berikut ini :
Pilih menu Template >> Edit HTML
Cari kode <head> atau </head> dan salin kode font seperti berikut ini setelah atau sebelum <head> atau </head>
<link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css' />
Simpan template

Untuk mengganti tampilan font blog....
Masih didalam pengeditan template blog, carilah element atau bagian blog yang ingin diganti fontnya, misalnya Anda akan mengganti seluruh font artikel blog, maka kodenya seperti berikut:

.post-body {
font-family: Arial;
font-size: 22pxk;
line-height: 1.4em;
}

Element pada post-body tersebut akan menghasilkan bentuk tulisan artikel seperti berikut ini dengan menggunakan font Arial

Cara Lengkap Memasang Google Font di Blog - Jika didalam blog tidak ingin terpasang font yang aneh-aneh maka cukup menggunakan font yang umum dikenal oleh browser yang tidak perlu memasang kode font tersebut kedalam template. Namun jika ingin memasang font-font tertentu yang tidak bisa di load oleh web browser yang digunakan maka diperlukan penambahan kode font tersebut kedalam template

.post-body {
font-family: 'Comfortaa', san-serif;
font-size: 22pxk;
line-height: 1.4em;
}


Element pada post-body tersebut akan menghasilkan bentuk tulisan artikel seperti berikut ini dengan menggunakan font Comfortaa

Cara Lengkap Memasang Google Font di Blog - Jika didalam blog tidak ingin terpasang font yang aneh-aneh maka cukup menggunakan font yang umum dikenal oleh browser yang tidak perlu memasang kode font tersebut kedalam template. Namun jika ingin memasang font-font tertentu yang tidak bisa di load oleh web browser yang digunakan maka diperlukan penambahan kode font tersebut kedalam template

Itulah cara lengkap memasang google font di blog. Dengan memasang font seperti cara diatas, maka font tersebut akan berlaku untuk semua element yang menggunakan font tersebut. Bagaimana jika hanya artikel tertentu saja yang memiliki font berbeda dengan yang lainnya? Atau seperti yang terlihat pada artikel ini. Untuk itu akan saya update pada artikel berikutnya :)

Cara Membuat Efek CSS Roll Hover

Sebelum membahas tentang Cara membuat efek roll hover, sebelumnya saya jelaskan mengenai Roll Hover itu sendiri. Sebenarnya penggunaan istilah roll hover ini agak kurang tepat karena istilah sebenarnya adalah Rollover namun jika dilihat dari cara kerjanya, maka saya lebih menyebutnya sebagai roll hover karena ada efek menggulung pada suatu objek saat disorot oleh mouse. Dan karena adanya efek sorot menggunakan mouse ini, pun ada istilah Mouseover

Jika dilihat dari fungsi dan cara kerjanya, baik roll hover, rollover atau mouseover merupakan salah satu cara atau teknik yang biasanya menggunakan JavaScript untuk mengubah suatu elemen atau objek ketika ada reaksi dari sorot yang menggunakan kursor mouse diatas elemen atau objek tadi. Bingung?

Sorot Disini

Sudah tidak bingung? Itulah efek roll over dengan css, sebuah efek dari rollover yang biasanya menggunakan javascript

Cara Membuat Efek CSS Roll Hover

Salin kode css berikut ini kedalam template blog Anda dengan cara berikut ini:

• Masuk ke akun blogger Anda
• Pilih dan klik menu Template >> Edit HTML >> Ctrl+F pada keyboard
• Cari kode ]]></b:skin> atau </style> dan salin kode berikut sebelum ]]></b:skin> atau </style>
  

  .buttone {
  font-family: Arial, sans-serif;
  font-size: 30px;
  background: #f9760b;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  letter-spacing: 2px;
  line-height: 60px;
  margin: 90px 0 0 0;
  min-width: 320px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  transition: background-color 0.35s;
  overflow: hidden;
  text-decoration: none;
  }
  .buttone span {
  display: block;
  height: 100%;
  padding: 0;
  position: relative;
  top: 0%;
  -webkit-transition: top 0.35s;
  -moz-transition: top 0.35s;
  transition: top 0.35s;
   width: 100%;
  }
  .buttone span:after {
  content: attr(titles);
  display: block;
  }
  .buttone:hover {
  background-color: #eb5200;
  }
  .buttone:hover span {
  top: -100%;
  }
  

• Salin kode html untuk efek roll hover ini kedalam blog Anda. Atau sesuaikan penggunaannya menurut keinginan Anda
  <div class="buttone" >
  <span titles="Jangan Di Sorot">Sorot Disini</span>
  </div>

Bagaimana mudah bukan Cara Membuat Efek CSS Roll Hover?

Cara Mengganti Nama & Mengalihkan Alamat Email

Cara Mengganti Nama & Mengalihkan Alamat Email - Jika Anda bekerja secara online, baik itu sebagai seorang blogger atau sebagai seorang internet marketer atau pun tidak keduanya namun masih terhubung dengan internet untuk menjalin komunikasi dengan teman-teman Anda atau orang lain tetap membutuhkan email. Dan email merupakan salah satu syarat utama Anda dalam menjalin atau melakukan komunikasi

Dengan email, semua bisa dilakukan dan bisa menghasilkan uang di internet yang dilakukan oleh para pebisnis online. Email memiliki banyak manfaat namun dibalik besarnya manfaat email tersebut, banyak juga yang memanfaatkan email untuk melakukan perbuatan-perbuatan yang merugikan banyak orang. Banyak orang yang melakukan penipuan melalui email dengan mengirimkan penawaran-penawaran terhadap beberapa produk ataupun jasa. Bahkan email yang dikirim seakan-akan berasal dari sebuah perusahaan terkenal, dengan nama dan alamat email yang menggunakan perusahaan tertentu

Pada penjelasan diatas, saya tidak perlu menjelaskan lebih lanjut dan Anda bisa mempelajarinya setelah membaca semua artikel ini karena artikel ini berkaitan dengan trik memanfaatkan email untuk keperluan dan tujuan tertentu. Dengan mengganti nama, mengganti email dan mengalihkan alamat email maka Anda akan mengetahui kalau email itu memiliki manfaat yang sangat besar

Cara Mengganti Nama & Mengalihkan Alamat Email

Pada tahap awal, email yang digunakan adalah Google mail atau Gmail. Untuk layanan email lainnya seperti Yahoo, mail, msn, dll. saya belum pernah menerapkan artikel ini.
Silahkan gunakan Gmail untuk mengaplikasikan artikel ini, jika belum punya silahkan buat email di Google
selanjutnya login kedalam akun Gmail Anda

Pada pojok kanan atas didalam email Anda, silahkan klik icon dan pilih Setelan, seperti yang terlihat pada gambar disamping

Sebelum menggunakan Setelan, Sekarang kita coba menulis dan mengirimkan email tersebut. Dalam hal ini saya menggunakan 3 email, 2 dari Gmail dan 1 dari Ymail (Yahoo mail)
Gmail 1 adalah email pengirim yaitu kartika***@gmail.com
Gmail 2 adalah email penerima yaitu ana***@gmail.com
Ymail adalah digunakan untuk mengalihkan alamat email yaitu ana***@yahoo.co.id

Pada gambar disamping, saya mengirimkan email singkat dari kartika***@gmail.com ke ana***@gmail.com dengan isi dan subjek email seperti yang terlihat pada gambar disamping

Setelah mengirimkan email dengan isi seperti diatas, maka email dapat terkirim dengan baik ke ana***@gmail.com seperti yang terlihat pada gambar disamping

Isi email yang masuk sesuai dengan email yang terkirim dari kartika***@gmail.com ke ana***@gmail.com
Dari contoh pengiriman email diatas, dapat diketahui kalau nama pemilik dengan alamat email cenderung sama. Dan untuk tahap selanjutnya akan dibahas cara mengganti nama & mengalihkan alamat email. Maksudnya, ketika ana***@gmail.com membalas email dari kartika***@gmail.com maka email balasan tersebut tidak akan terkirim ke kartika***@gmail.com tapi akan terkirim ke ana***@yahoo.co.id
Begitu juga untuk nama pemilik email, akan diganti sesuai dengan keinginan pemilik email tersebut

Untuk mengganti & mengalihkan alamat email, silahkan kembali ke Setelan seperti poin pertama diatas. Setelah Setelan terbuka, klik menu Akun dan Impor
Edit info untuk mengganti Nama
Tambahkan alamat email Anda untuk mengganti email dengan yang lain. Mengganti email ini hanya sebagai email peralihan dan tidak mengganti secara penuh

Saat melakukan klik edit info maka akan muncul halaman popup seperti gambar disamping
Silahkan ganti nama tersebut dengan nama yang sesuai dengan keinginan Anda

Saat melakukan klik Tambahkan alamat email Anda maka akan muncul halaman popup seperti gambar disamping. Silahkan tambahkan email baru kedalam kolom atau bisa mengganti nama sekaligus

Jangan lupa klik Simpan Perubahan setelah melakukan pengeditan terhadap nama dan alamat email anda

Setelah menyimpan perubahan, maka nama dan alamat email Anda sudah berubah dan tidak sama dengan yang sebelumnya. Silahkan bandingkan gambar disamping dengan gambar di poin 7 diatas, ada perubahan nama dan alamat email

Sekarang, silhakn kirim email seperti semula atau pada gambar disamping saya mengirimkan email dari kartika***@gmail.com ke ana***@gmail.com dengan format isi email seperti contoh sebelumnya

Email dari kartika***@gmail.com ke ana***@gmail.com dapat terkirim dengan baik
Dan dalam tahap ini email ana***@mail.com menjawab atau membalas email dari kartika***@gmail.com, namun setelah membalas email tersebut, email tidak terkirim ke kartika***@gmail.com tapi terkirim ke email pengganti secara otomatis yaitu ana***@yahoo.co.id

Email pemberitahuan dari ana***@gmail.com masuk ke ana***@yahoo.co.id dan tidak terkirim ke kartika***@gmail.com yang seharusnya sebagai email balasan

Email dari ana***@gmail.com masuk ke ana***@yahoo.co.id dan tidak terkirim ke kartika***@gmail.com yang seharusnya sebagai email balasan

Selesai. Semoga artikel ini bisa memberikan manfaat. Artikel ini juga tidak mengajarkan bagaimana berbuat curang dengan menggunakan email, namun hanya semata-mata sebagai pembelajaran. Jika ada yang belum dimengerti silahkan tinggalkan komentar untuk artikel ini, Cara Mengganti Nama & Mengalihkan Alamat Email

CSS: Membuat & Memasang Widget Flickr di Blog

Membuat & Memasang Widget Flickr di Blog adalah tutorial lama yang kadang digunakan untuk menampilkan beberapa gambar dalam satu tempat dan biasanya ditempatkan pada sidebar. Dari beberapa cara membuat & memasang widget flickr yang saya temukan, rata-rata mereka menggunakan tool generator untuk menampilkan widget flickr tersebut kedalam blog. Padahal selain menggunakan tool generator, kita cukup menggunakan kode CSS untuk membuat widget flickr dan memasangnya kedalam blog seperti yang akan saya bagikan pada artikel ini

Apa Tujuan Memasang Widget Flickr di Blog?
Flickr merupakan sebuah situs yang digunakan untuk menyimpan gambar atau foto dan berbagi gambar atau foto tersebut sesuai keinginan pengguna. Jadi, jika Anda memiliki beberapa koleksi foto atau gambar yang sangat unik atau gambar-gambar yang Anda sendiri atau yang biasa disebut gambar selfie dan ingin agar gambar-gambar tersebut dipajang didalam blog Anda, maka salah satu cara adalah dengan menempatkan gambar tersebut pada tempat khusus yaitu dibagian sidebar atau dibagian yang lain yang mudah dilihat oleh orang lain dan sebelum menampilkan gambar-gambar tersebut, hal pertama yang harus dilakukan adalah menyimpan gambar-gambar tersebut kedalam Flickr. Ingat, sebelum membuat & memasang widget flickr di blog, Anda harus menyimpan gambar kedalam Flickr

Selanjutnya untuk membuat dan memasang widget Flickr di blog, silahkan ikuti tahapan berikut ini:

• Login ke akun Blogger Anda
• Pilih blog yang ingin dipasang widget flickr
• Klik menu Template >> Edit HTML
• Cari kode ]]></b:skin> dan salin kode css berikut sebelum ]]></b:skin>
  

  .flickr {
  width:250px /* sesuaikan lebar kolom */
  }
  
  .flickr_badge_image {
  float:left;
  height:60px;
  margin:5px;
  width:65px
  }
  
  .flickr_badge_image a {
  display:block
  }
  
  .flickr_badge_image a img {
  display: block;
  width: 100%;
  height: auto;
  }

• Simpan template
• Klik menu Tata letak >> Tambahkan Gadget >> HTML/JavaScript dan salin kode berikut kedalam kolom
  <div class="flickr">
  <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=123835061@N06">
  </script>
  </div>
  123835061@N06 ganti dengan kode user Anda di Flickr
• Simpan
• Lihat hasilnya di blog Anda

Baca juga Cara memasang widget di blog

DEMO

Bagaimana tertarik untuk Membuat & Memasang Widget Flickr di Blog ini?