Jumat, 02 Desember 2011

Cara Membuat Avatar Yang Mudah

 
Hampir semua sosial media atau jejaring sosial menyediakan bagi penggunanya untuk mengunggah photo profil, atau juga dikenal avatar. Selain nickname atau nama, photo profil atau avatar adalah identintas yang harus ditampilkan. Saya itu tidak bisa bermain photoshop, tidak punya photo keren yang bisa diupload untuk dijadikan avatar. Sudah beberapa teman saya mention untuk membuatkan avatar, sebagian besar tidak bisa atau tidak mau ya.
Tentunya ada alasan orang lebih memilih membuat avatar, daripada mengupload photonya sendiri. Bisa berarti ia tidak ingin wajah aslinya dipublish atau dilihat banyak orang, tidak percaya diri. Tapi sepertinya kebanyakan yang terakhir, yaitu tidak percaya diri sehingga lebih suka membuat avatar yang mewakili karakter wajahnya atau sifatnya. Lalu apa alasan kamu?
Karena tidak bisa mengolah photo pake software apapun itu selain paint, yang saya gunakan untuk membuat avatar adalah layanan web. Yaitu membuat avatar secara online di faceyourmanga.com langsung saja.
Cara Membuat Avatar yang Mudah
1. Ke TKP yaitu faceyourmanga.com
2. Lalu klik Create dan pilih jenis kelaminmu
3. Lanjut dengan kreasimu sendiri, memilih bentuk wajah, rambut, mata, mulut, pakaian dan sebagainya dengan mengklik menu-menu disampingnya.
4. Klik Save jika sudah kamu rasa cocok dan selesai.
5. Lalu akan muncul jendela untuk mengisikan email, nickname, tanggal lahir dan sebagainya lalu klik Save
6. Avatar akan dikirim ke email kamu, dan bisa didownload deh.


Masih ada banyak lagi web yang memberikan layanan pembuatan avatar dengan mudah secara online, semisal; Yahoo! Avatars, Simpsonize Me dan lain-lain. Setelah punya avatar yang mewakili karaktermu, lalu bisa diupload deh, di berbagai sosial media yang kamu punya, twitter, gravatar, facebook, plurk, koprol dan lain-lain. Avatar yang konsisten kita pake itu juga mampu mendukung personal brand kita loh.. Orang bisa mudah mengingat siapa kita.

 Sumber: kurniasepta.blogspot.com

Minggu, 11 September 2011

Cara Membuat Fixed Footer di Blogspot

Hai sobat blogger... Article kali ini tentang cara Membuat fixed footer di blogspot. pasti penasaran kan bentuk nya kayak apa. coba anda liat gambar diatas yang di lingkari garis berwarnah merah. kalau kurang jelas klik gambar untuk memperbesarnya. nah untuk membuatnya ikuti langkah-langkah di bawah ini........
  • Log in dulu ke blogger
  • Pada menu Dashboard langsung saja klik Layout
  • Edit HTML
  • Cari kode ]]></b:skin>
  • Kemudian lettak kode berikut di atas kode ]]></b:skin>
    #footer img
    {/* margin: 0px 0px -8px 0px; */
    vertical-align: middle;
    }
    #footer p.info {
    float: right;
    padding-right:40px;
    line-height: 1.2;
    height: 100%;
    vertical-align: bottom;
    }
    #footer p {
    float: left;
    margin: 0px;
    padding-top:4px;
    padding-left:40px;
    vertical-align: bottom;
    line-height: 1.2;
    }
    #footer a {
    color: #333;
    }
    #footer {
    align: center;
    position: fixed;
    border-top: 1px solid #ddd;
    border-bottom: 5px solid #f5f5f5;
    background-color: #f5f5f5;
    width: 100%;
    left: 0px;
    text-align: left;
    color: #888;
    font-family: Verdana;
    font-size: 11px;
    z-index:10000;
    opacity: 0.9;
    filter: alpha(opacity: 90);
    bottom:0;
    }
  • kemudian cari kode </body>
  • letakkan kode dibawah ini persis diatas kode </body>
    <div id='footer'>
    <p><img border='0' src='http://lh3.ggpht.com/_KZO3OJWly2c/SflrfqtvduI/AAAAAAAAAOw/Ykwirvbpdxk/s128/akuj.PNG'/>&#160;&#160;<a href='http://jayaputrasbloq.blogspot.com/index.html'>J_Putra&#39;s Blog</a>&#160;&#169;&#160;2008-2009&#160; </p>
    <p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> Template by <a href='http://blogtemplate4u.com' target='_blank'>Template 4 U</a><br/>Best viewed in Mozilla Firefox.</p>
    </div>
  • Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk fixed footer diatas, tapi sebelumnya ubahlah kode yang berwarna merah ke gambar yang anda miliki, kode berwarna hijau diubah ke alamat blog anda dan ke nama blog anda, kode berwarna kuning bisa anda ubah ke alamat template anda, dan kode berwarna pink bisa diubah ke nama blog dimana template anda diperoleh.
  • Kemudian simpan

Sumber: jayaputrasbloq.blogspot.com

Sabtu, 03 September 2011

Cara Menambahkan Border Footer di Blogspot

Bagaimana Tambahkan Borders ke Footer dari Blogger Template
Untuk menambahkan baris (umumnya dikenal sebagai perbatasan) untuk footer template Blogger kita perlu menambahkan beberapa CSS styling.

Sebelum mulai menambahkan perbatasan ada 3 nilai untuk dipertimbangkan:

  • lebar perbatasan (misalnya ketebalan garis 1px, 2px, 3px dan sebagainya)
  • garis gaya perbatasan (padat, titik-titik, putus-putus, ganda)
  • warna perbatasan (warna hex)

  1. Bagaimana Tambahkan Perbatasan suatu Sekitar luar Blogger Footer
    Pertama kita menambahkan properti perbatasan dan kemudian menambahkan gaya perbatasan, perbatasan dan lebar perbatasan nilai warna. Dalam contoh-contoh berikut ini hanya dengan mengubah nilai-nilai ini kita dapat mencapai banyak hasil yang berbeda.

    • Untuk Tambahkan Perbatasan dashed Sekitar luar Blogger Footer
      Dengan kode berikut garis hitam tebal putus-putus 1px akan ditambahkan sekitar luar footer.

      # Footer-columns {

      margin: 0 auto;
      clear: both;
      }

      Ubah ke:

      # Footer-columns {
      border: 1px dashed # 000000;
      clear: both;
      margin: 0 auto;
      }
    • Untuk Tambahkan Perbatasan Dotted Sekitar luar Blogger Footer
      Dengan mengubah garis hitam putus-putus ke perbatasan bertitik itu adalah sederhana untuk mendapatkan gaya garis yang berbeda.

      # Footer-columns {
      clear: both;
      margin: 0 auto;
      }

      Ubah ke:

      # Footer-columns {
      border: 1px dotted # 000000;
      clear: both;
      margin: 0 auto;
      }
    • Untuk Tambah Perbatasan Padat (Biru 3px tebal) Sekitar luar Blogger Footer
      Untuk menambahkan tekanan ekstra kita dapat mengubah warna garis dan ketebalannya. Di sini saya telah membuat garis berwarna biru bukannya hitam dan menebal dari 1px ke 3px.

      # Footer-columns {
      clear: both;
      margin: 0 auto;
      }

      Ubah ke:

      # Footer-columns {
      border: 3px solid # 336699;
      clear: both;
      margin: 0 auto;
      }\
  2. Untuk Tambahkan Perbatasan parsial ke Blogger Footer
    Kadang-kadang kita mungkin ingin menambahkan perbatasan hanya satu bagian dari wilayah footer daripada semuanya. Sekali lagi kita menambahkan properti perbatasan tapi kita tambahkan dengan nilai berikut: (atas, bawah, kiri, kanan) tergantung di mana kita ingin menempatkan perbatasan.

    • Untuk Menambahkan Border padat ke Atas dari Blogger Footer
      # Footer-columns {
      clear: both;
      margin: 0 auto;
      }

      Ubah ke:

      # Footer-columns {
      border-top: 1px solid # 000000;
      clear: both;
      margin: 0 auto;
      }
    • Untuk Menambahkan Border padat ke Bawah Blogger Footer
      # Footer-columns {
      clear: both;
      margin: 0 auto;
      }

      Ubah ke:

      # Footer-columns {
      border-bottom: 1px solid # 000000;
      clear: both;
      margin: 0 auto;
      }
    • Untuk Tambahkan Perbatasan dashed ke Atas dari Blogger Footer
      # Footer-columns {
      clear: both;
      margin: 0 auto;
      }

      Ubah ke:

      # Footer-columns {
      border-top: 1px dashed # 000000;
      clear: both;
      margin: 0 auto;
      }
    • Untuk Tambahkan Perbatasan burik untuk Kedua Atas dan Bawah dari Blogger Footer
      # Footer-columns {
      clear: both;
      margin: 0 auto;
      }

      Ubah ke:

      # Footer-columns {
      border-top: 1px dotted # 000000;
      border-bottom: 1px dotted # 000000;
      clear: both;
      margin: 0 auto;
      }
    • Untuk Tambahkan 4px Dotted Border tebal untuk Kedua Atas dan Bawah dari Blogger Footer
      # Footer-columns {
      clear: both;
      margin: 0 auto;
      }

      Ubah ke:

      # Footer-columns {
      border-top: 4px dotted # 000000;
      border-bottom: 4px dotted # 000000;
      clear: both;
      margin: 0 auto;
      }
    • Untuk Tambahkan 5px Perbatasan Biru Padat tebal untuk Kedua Atas dan Bawah dari Blogger Footer
      # Footer-columns {
      clear: both;
      margin: 0 auto;
      }

      Ubah ke:

      # Footer-columns {
      border-top: 5px solid # 336699;
      border-bottom: 5px solid # 336699;
      clear: both;
      margin: 0 auto;
      }
                       

                                                                 SEMOGA BERHASIL
     
     Sumber: blogknowhow.blogspot.com

Minggu, 28 Agustus 2011

Cara Mendaftarkan Blogspot di Technorati

Bagi kebanyakan blogger, layanan ini mungkin sudah sangat dikenal. Sedangkan bagi blogger pemula seperti saya, service ini mungkin harus diketahui dan digunakan.
Apa sebab?
Berdasarkan informasi dari beberapa sobat blogger, dan dari isi menu technorati, dapat ambil empat point penting yang menunjukkan apakah technorati itu. Yaitu technorati sebagai blog/rss directory, technorati sebagai blog search engine (khusus blog), technorati sebagai online borkmarking dan mungkin technorati sebagai tag aggregator. Disini kita ketahui bahwa technorati merupakan service yang berfokus pada blog. Jadi sebagai seorang blogger, sangat disayangkan jika tidak mengetahui hal ini.
Dengan menggunakan service ini, blog kita akan dicrawl dan disimpan dalam data blog technorati, import otomatis rss feed blog kita, deteksi tag-tag, juga link dari blog lain menuju blog kita. Lagi-lagi menyangkut masalah backlink dan rangking blog..
Fokus kali ini adalah kepada cara claim blog di technorati. Dan berikut ini adalah proses daftar technorati, hingga selesai proses validasi code token technorati:


  1. Pertama Anda harus membuat account terlebih dahulu, buka link pendaftaran ini!
  2. Lengkapi datanya dengan baik, gunakan email yang aktif, dan jangan lupa isi captcha dan isi centang agreement-nya, lalu klik Join
  3. Untuk melakukan aktifasi, sekarang buka email yang Anda gunakan untuk mendaftar tadi. Buka email dari technorati dan klik link aktifasinya, semisal seperti ini Setelah account Anda aktif, cari dan klik sign in untuk masuk ke halaman profil dan selanjutnya melakukan claim blog.
  4. Sudah masuk? sudah isi username dan password dengan benar? Jika sudah, sekarang masuk ke halaman profile dengan klik pada link nama (account) Anda disamping photo profil, atau melalui link ini
  5.                                                                               Mulai claim blog, dibawah profil Anda, isikan url blog pada Start a blog claim, isikan misalnya http://bkj-tutorial.blogspot.com, lalu klik “Claim”
  6. Halaman selanjutnya, isi formulir dengan benar:
    • Blog tittle: isi dengan tema blog Anda, misal blog ini temanya adalah “Tutorial Website – Tips Blogging – Info Binnis Online”
    • URL: alamat blog, misal http://bkj-tutorial.blogspot.com/
    • Feed: rss feed blog, boleh alamat default seperti http://bkj-tutorial.blogspot.com//feed/, atau service pihak ketiga semisal feedburner
    • Linking blogs: disini dapat dicantumkan tiga blog yang memiliki link menuju blog Anda, boleh tidak diisi
    • Site description: keterangan blog, sesuaikan dengan tema blog
    • Site categories: beri tanda centang pada kategori yang sesuai dengan blog Anda, Anda dapat memilih lebih dari satu kategori
    • Site tags: isi setiap sel dengan kata kunci yang berhubungan dengan isi blog Anda. Bisa satu kata maupun lebih per selnya.
    • Lalu klik Proceed to next the step
  7. Pada halaman selanjutnya, yaitu halaman blog claim status, klik tombol Return to profile atau link ini
  8. Lihat di bawah profil Anda, sekarang blog Anda sudah terdaftar, hanya saja masih dibutuhkan verifikasi kode token. Oleh karena itu, untuk mulai claim token, klik “Check Claim” di bawah gambar thumbnail blog Anda.
  9. Dihalaman selanjutnya dapat Anda lihat teks, yaitu 8P7WKZ5QE3DP (berbeda untuk tiap blog), adalah kode token yang harus kita tulis di halaman blog kita. Posting sebuah artikel yang berisi kode token tersebut, lalu publish. Postingan terserah Anda, bisa halaman kosong hanya berisi kode token, atau sekalian artikel seperti yang sedang Anda baca ini. Boleh kok copy paste asal dituliskan link sumber ke halaman ini. :)
  10. Setelah yakin postingan itu terpublikasi, sekarang klik tombol Verify Claim Token pada halaman claim technorati, dan lihat hasilnya