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?

Memunculkan Deskripsi Penelusuran Artikel Blog

Memunculkan Deskripsi Penelusuran Artikel Blog merupakan salah satu faktor seo yang bisa membantu keberadaan artikel blog agar bisa terindeks oleh search engine. Deskripsi penelusuran artikel blog sama pentingnya ketika membuat kita memasang Label pada artikel namun deskripsi penelusuran ini tidak sama dengan deskripsi pada judul blog yang dipasang pada title tag didalam kode template

Dengan memunculkan deskripsi penelusuran artikel blog ini akan lebih memudahkan artikel blog cepat terindeks karena didalam deskripsi tersebut ada target kata kunci atau Label artikel yang terpasang didalam deskripsi. Jadi, saat menuliskan deskripsi penelusuran artikel blog, pastikan memasukkan kata kunci atau Label artikel atau salin paragrap pertama dari artikel blog tersebut

Nah, sebelum menuliskan deskripsi artikel, kita munculkan dulu kolom deskripsi penelusuran tersebut...

• Apa fungsi deskripsi penelusuran artikel tersebut?
  Sebagai deskripsi artikel di mesin pencari dan membantu pengindeks-an artikel blog. Untuk melihat contohnya, silahkan klik disini
• Dimana letak deskripsi penelusuran tersebut?
  Deskripsi penelusuran terdapat disebelah kanan kolom penulisan artikel yang berada dibawah menu Lokasi, sorot gambar dibawah ini
  
  
• Bagaimana jika deskripsi penelusuran artikel tidak muncul?
  Untuk memunculkan deskripsi artikel blog yang tidak ada, berikut caranya:
  
  1. 
     

     Pada menu dashboard Blog, pilih dan klik Setelan >> Preferensi penelusuran >> Tag meta >> Deskripsi >> Edit >> Aktifkan deskripsi penelusuran >> Ya >> Isi kolom sesuai dengan deskripsi tag blog >> Simpan perubahan
     Sorot gambar disamping untuk lebih jelasnya
  2. 

     Deskripsi penelusuran pun muncul di halaman pengeditan artikel atau saat Anda membuat artikel blog
• Bagaimana cara mengisi deskripsi penelusuran artikel blog tersebut?
  Sebagai contoh, saya akan menyalin paragrap pertama dari artikel blog ini kedalam kolom deskripsi penelusuran tersebut yaitu;
  Memunculkan Deskripsi Penelusuran Artikel Blog merupakan salah satu faktor seo yang bisa membantu keberadaan artikel blog agar bisa terindeks oleh search engine
  Dan hasilnya seperti pada gambar berikut ini:
  
  
• Benarkah deskripsi penelusuran ini bisa terindeks Google atau mesin pencari lainnya?
  Tidak hanya mesin pencari, setiap Anda meletakkan link artikel kedalam situs lain misalnya sosial media atau sosial bookmark atau direktori maka Deskripsi ini akan selalu muncul, seperti yang terlihat pada tumpukan gambar berikut ini
  
  

Namun bagaimanapun juga pengaturan atau penulisan deskripsi yang telah dilakukan, terkadang hasilnya di search engine tidak sesuai dengan pengaturan tersebut. Hal ini dikarenakan pengindeks-an atau perayapan yang dilakukan secara menyeluruh oleh robot search engine terhadap artikel blog tersebut

Bagaimana apakah artikel blog Anda sudah terdapat deskripsinya atau masih mau memunculkan deskripsi penelusuran artikel blog seperti yang telah saya jelaskan diatas?

Panduan Lengkap Membuat Artikel Blog

Artikel Panduan Lengkap Membuat Artikel Blog ini merupakan artikel update ulang yang saya buat karena ada seseorang yang meminta saya untuk membuatkan blog dan bertanya juga bagaimana cara menulis dan membuat artikel blog. Selain meminta saya untuk membuat artikel blog ini, dia juga meminta saya untuk membuat blog dan banner iklan dan bersedia membayar semua itu. Dan Alhamdulillah setelah semuanya selesai, kerja sama ini memberikan saya profit dan terimakasih banyak buat teman-teman yang telah mempercayakan saya dalam membuatkan blog dan membantu mengeditkan tampilan blog Anda semua, terimakasih banyak

Khusus untuk pemula:
Jika Anda ingin menggunakan layanan yang saya berikan dalam pembuatan blog, Anda bisa menghubungi saya di Contact via SMS atau WA atau membaca di halaman Konsultasi. Salah satu kelebihan layanan yang diberikan adalah mendapatkan link dari blog ini, seperti yang tercantum pada artikel ini dan tentunya full support

Salah satu contoh blog yang saya buat adalah
Judul Blog : Pengamat Jalanan Independent
Url : http://pengamatjalananindependent.blogspot.com
Pemilik : Marsudijono

Memang selain menulis dan mengurus blog ini yang sudah mulai jarang update karena kesibukan di beberapa blog teman, saya juga terbuka buat siapa saja dalam bertanya tentang blog khususnya Blogger, Gratis dan tentunya setiap pertanyaan tersebut akan saya kembalikan ke blog ini jika sudah terdapat pada artikel-artikel di blog ini. Bahkan saya bersedia mengulangnya jika dirasa itu diperlukan, seperti artikel yang saya buat ini, Panduan Lengkap Membuat Artikel Blog, adalah artikel yang hampir yang saya buat sebelumnya namun lebih lengkap dan lebih jelas, untuk melihatnya silahkan baca di Panduan Cara Membuat Mengisi Artikel Blog

Artikel panduan lengkap membuat artikel blog awalnya ingin saya sertakan juga dalam bentuk video, namun karena sudah disertai dengan penejalasan dalam bentuk gambar, saya rasa sudah cukup sebagai pengganti video

Panduan dan Cara Lengkap Membuat Artikel Blog

Sebelum mengikuti pandua membuat artikel blog ini, saya harap Anda sudah akun email di Google dan juga telah memiliki blog di blogger. Jika Anda belum memiliki keduanya, silahkan baca terlebih dahulu:
Cara membuat email di Google
Cara membuat blog di Blogger

Untuk melihat gambar secara penih, silahkan sorot dengan kursor mouse

Silahkan login di www.Blogger.com menggunakan akun Google mail (Gmail) yang telah Anda punya, sehingga akan muncul tampilan seperti gambar disamping
Silahkan gunakan email dan password Anda menggunakan akun Gmail yang telah Anda punya

Anda akan masuk ke halaman depan Blogger (dashboard) dan akan terlihat daftar blog yang telah Anda buat sebelumnya, seperti yang terlihat pada gambar disamping, ada 2 daftar blog. Pilih dan klik salah satu blog yang akan di isi artikel

Setelah memilih salah satu blog, Akan muncul tampilan menu dari Blog tersebut (lihat gambar disamping). Untuk mengisi artikel blog, klik menu Entri Baru

atau jika mengingkan tampilan dari kolom artikel berada di halaman tab baru, klik kanan menu Entri Baru dan pilih Open Link in New Tab

Setelah melakukan klik menu Entri Baru, maka muncul tampilan kolom untuk mengisi artikel blog (lihat gambar disamping). Sebelum menulis artikel, silahkan isi Judul blog terlebih dahulu

Contoh judul blog yang saya buat adalah Real Madrid Juara Liga Champions 2014

Setelah membuat dan menuliskan Judul untuk artikel blog Anda. Sekarang beralih ke kolom artikel (lihat gambar). Dalam menulis artikel ini sebagai contoh penulisan artikel dalam mode HTML

Sebelum menulis artikel, atur terlebih dahulu penggunaan paragrap atau garis baru antar artikel. Lihat tampilan menu yang ada disamping kanan kolom artikel, pilih Pilihan >> Tekan "Enter" untuk baris baru >> Selesai

Selanjutnya tulis artikel blog sampai selesai. Jika Anda kesulitan dalam membuat artikel blog atau bingung mencari ide dalam membuat artikel, silahakn baca panduannya di Cara menemukan ide menulis artikel blog

setelah selesai menulis artikel, selanjutnya memasang gambar kedalam artikel. Sebelum memasang gambar, sediakan terlebih dahulu gambar yang telah tersimpan di file komputer Anda

Untuk memasang gambar kedalam artikel, pilih letak dibagian setelah paragrap pertama atau kedua dan berikan area kosong (lihat gambar)
selanjutnya piilih dan klik icon Insert Image, lihat tanda panah pada gambar

Setelah mengklik Insert Image akan muncul halaman yang digunakan untuk memasukkan gambar. Sebagai contoh hanya digunakan pilihan upload gambar dari file komputer. Silahkan klik Pilih file

Pilih salah satu gambar yang sesuai dengan artikel blog yang telah Anda buat

Gambar artikel akan terupload di halaman pemilihan gambar, biarkan gambar terupload secara sempurna dengan tampilan yang utuh. Selanjutnya klik 1x gambar sehingga muncul bingkai warna biru dan klik 2x (double click) untuk mengupload gambar kedalam artikel atau klik Add selected

Selanjutnya akan muncul tampilan yang digunakan untuk mengatur Gambar. Pada contoh gambar disamping, posisi gambar akan berada di tengah dengan ukuran asli yaitu Center dan Original size. Silahakn atur sesuai dengan keinginan Anda

Gambar sudah terpasang kedalam artikel blog namun karena mode penulisan dalam bentuk HTML, maka tampilan gambar juga berupa kode HTML atau link gambar

Seperti contoh pada tampilan gambar disamping, hapuslah link gambar yang terdapat pada HTML gambar. Hapus link yang di blok warna biru

dan gambar artikel blog tidak memiliki link url

Untuk melihat hasilnya langsung dari artikel dan gambar yang telah dibuat, silahkan klik Compose yang ada dipojok kiri kolom artikel dan hasilnya akan terlihat seperti gambar disamping

Tampilan artikel dan gambar blog yang telah berhasil dibuat

Sekarang kembalikan mode penulisan artikel kedalam HTML. Selanjutnya menulis Label untuk artikel blog. Pilih dan klik menu Label yang ada disebelah kanan kolom artikel

Label artikel merupakan kata kunci atau keywords yang digunakan sebagai identitas pada artikel tersebut agar search engine bisa mengindeks artikel saat dilakukan pencarian pada kata kunci di search engine

Jadi, tulislah Label yang sesuai dengan artikel, jangan sembarangan..
Selain menulis artikel untuk orang, jangan lupa manjakan juga search engine dengan artikel-artikel blog yang memiliki kesesuaian dengan label artikel karena keduanya sama-sama penting!

Selanjutnya tandai beberapa kata kunci yang ada didalam artikel atau menyesuaikan dengan Label yang telah Anda buat sebelumnya
Penandaan label atau kata kunci artikel ini berupa Tulisan Besar, Tulisan Miring, Tulisan Garis Bawah
Penandaan label diletakkan di awal artikel, ditengah, dan diakhir artikel dan jangan sampai berlebihan

Selain memasang Label, pasang juga Deskripsi Penulusuran artikel blog. Deskripsi ini sama pentinganya dengan label, untuk memasangnya pilih potongan artikel yang ada di blog dan perhatikan, sertakan juga Judul artikel atau Label kedalam deskripsi
Deskripsi juga bisa ditulis secara manual, namun harus memasukkan juga Judul dan Label artikel karena itu sangat penting untuk search engine. Jika menu Deskripsi penelusuran tidak ada, silahkan baca di Memunculkan Deskripsi Penelusuran Artikel Blog

Selanjutnya melakukan optimasi pada gambar blog agar search engine lebih senang dengan artikel blog yang telah dibuat. Pilih mode penulisan Compose, klik pada gambar >> pilih Properties
Masukkan judul artikel kedalam Image Properties seperti contoh pada gamabar disamping dan klik OK jika sudah selesai

Baca juga memasang link kedalam artikel itu sendiri. Klik menu Tautan permanen yang ada di sebelah kanan sehingga muncul link artikel, salin link tersebut. Selanjutnya blok pada salah satu Label atau Judul artikel yang ada didalam artikel dan klik menu Link yang ada di menu atas.
Masukkan link tersebut kedalam Edit Link. Jika sudah, klik OK
Dan hasilnya akan terliha seperti gambar disamping

Kini artikel blog Anda sudah selesai dibuat dan untuk melihat hasil dan tampilannya sebelum benar-benar di Publikasikan, silahkan klik Pratinjau untuk melihatnya

Gambar disamping adalah tampilan Pratinjau dari artikel yang saya buat

Jika artikel dan gambar artikel sudah benar-benar siap, silahkan klik Publikasikan

Dan gambar disamping merupakan daftar artikel blog yang telah saya buat

Tampilan halaman artikel dan gambar artikel blog yang sudah jadi

Selesai. Sebagai pemula jika Anda hanya membaca artikel diatas, akan terasa sulitnya namun jika langsung diterapkan maka akan lebih mudah. Artikel diatas tidak hanya sekedar menulis artikel namun juga telah saya kombinasikan langsung dalam menulis artikel yang baik yang disukai search engine karena sudah terdapat seo onpage didalamnya. Namun jika Anda memiliki kesibukan tersendiri sehingga tidak bisa menuliskan artikel kedalam blog saya, silahkan hubungi saya di Contact atau meninggalkan komentar untuk artikel blog ini, Panduan Lengkap Membuat Artikel Blog

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