Cara Mengedit About Me di Blogger

Aizzan Blog -- Pada pertemuan ini saya akan membahas tentang bagaiman cara mengedit about me di blogger atau yang biasa di sebut dengan tentang saya di blog, nah di lain waktu ada teman saya yang bertanya tanya ingin sekali membuat about me seperti di blog saya. Bagaimana sih caranya membuat about me seperti di blog kamu? tanya AW kepada saya, pada postingan ini saya akan menjawab pertanyaan dari teman saya tersebut dengan cara yang sangat mudah sekali, bisa sobat lihat screenshot di bawah ini atau juga bisa lihat langsung di bagian footer.

Aizzan Blog:  Cara Mengedit About Me di Blogger
Aizzan Blog:  Cara Mengedit About Me di Blogger
Tutorial ini jarang ditemukan di blog manapun setelah saya survei di google dengan keyword "Cara mengedit About Me", "Cara membuat tentang saya", "Cara membuat About Me di blogger" walaupun muncul banyak tapi isinya bukan tutorial yang saya berikan melainkan tutorial yang biasa tentang mengedit tentang saya. Langsung saja di bawah ini adalah langkah - langkah yang harus sobat ikuti untuk membuat about me seperti di atas.

1. Login ke akun blogger sobat
2. Masuk ke "Template"
3. Backup data terlebih dahulu sebelum beranjak ke "Edit HTML"
4. Masuk ke "Edit HTML"
5. Cari kode ]]><b:/skin>, lebih cepat memakai Ctrl+F (F3)
6. Masukkan kode di bawah ini tepat di atas kode ]]><b/:skin>
     /* Author Blog */
    .AHSadmin {width:auto; height:83px;padding:5px}
    .AHSadmin-gambar {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:2px solid #cf2031;border-right:2px solid #0f7dc8;border-bottom:2px solid #2eb31a;border-left:2px solid #eab823;}
    .AHSdeskripsi{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px; font-size:11px; text-align:justify; color:#000;}
    .AHSfb, .AHSgp, .AHStw {color:#fff!important; display:block;font-weight: bold; line-height: 14px; height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}
    .AHSfb {background: #3B5998;margin-left:73px}
    .AHSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
    .AHSgp {background: #D34836;font-size:11px;margin-left:85px}
    .AHSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
    .AHStw {background: #4099FF;margin-left:73px}
    .AHStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}
7. Kemudian simpan template

Eits... jangan terburu buru karena tutorial di atas bukan hasil akhir melainkan tutorial yang pertama, masih ada lanjutannya untuk memasang kode yang kedua untuk hasil akhirnya. Silahkan mengikuti langkah ke dua ini

1. Login ke akun blogger sobat
2. Masuk ke "Tata Letak"
3. Tambahkan Gadget pada tempat yang di inginkan
4. Pilih JavaScript/HTML klik (+) pada bagian atas
5. Setelah itu masukkan kode di bawah ini
 class=">    <!--Author Blog Start --><div class='AHSadmin'><img alt='Aizzan AFanie' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc3/c57.57.714.714/s160x160/970411_10200635831036486_1340914070_n.jpg' title="Aizzan AFanie" class='AHSadmin-gambar' /><a class='AHSfb' href='http://www.facebook.com/admin.afanieshare' rel='nofollow' target="_blank">f</a><a class='AHSgp' href='https://plus.google.com/110515590190805743840' rel='nofollow' target="_blank">G</a><a class='AHStw' href='http://twitter.com/AFanie_028' rel='nofollow' target="_blank">t</a> <div class='AHSdeskripsi'>Hai, saya <a href=https://plus.google.com/110515590190805743840 title="Aizzan AFanie" rel='nofollow' target="_blank">Aizzan AFanie H</a><br/> Saya seorang lelaki yang suka touring untuk mencari teman atau menambah saudara, dan saya ingin belajar tentang seluk beluk dari blog karena saya ingin menggali ilmu lebih banyak lagi dari blog.<br/><a style="color:#888;" href="#" target="_blank"> Read More &#187;</a><br/>
<!-- Place this tag where you want the widget to render. -->
<div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/110515590190805743840" data-rel="author"><t;
Silahkan Anda edit seperlunya saja
6. Selanjutnya simpan dan lihat hasilnya

Semoga artikel di atas dapat membantu dan bermanfaat buat sobat sekalian, jika ada kendala, kritik maupun saran silahkan kirim melalui form kolom komentar di bawah atau juga bisa kirim melalui form Contact Us yang sudah saya sediakan.
Previous
Next Post »
13 Komentar
avatar

Jujur baru tahu nie soB cara mengeditnya. Terima kasih

Balas
avatar

Iya sama sama om, semoga bisa membantu dan bermanfaat :D
terimakasih juga telah berkunjung dan kasih support :))

Balas
avatar

silahkan untuk di coba sob semoga dapat bermanfaat :)
terimakasih juga telah berkunjung dan support blog ini :))

Balas
avatar

Postingannya mantap bro...tutorial diatas layak ane coba nie bro secara ane blom tau sama sekali nie...thanks ya udah berbagi semoga bermanfaat!

Balas
avatar

silahkan di coba sob, semoga bermanfaat :D
terimakasih juga telah berkujung dan support blog ini :))

Balas
avatar

Baru kali saya lihat edit about di blogger mas semoga tutorialnya bermanfaat buat teman-teman yang mau mencobanya.

Balas
avatar

sama - sama sob :) semoga dapat membantu dan bermanfaat :D
terimakasih juga telah berkunjung dan support blog ini :))

Balas
avatar

Infonya sangat bermanfaat gan. saya rasa artikel ini membuat saya lebih tahu dan lebih paham.
oh iya gan perkenalkan saya seorang blogger pemula yang masih belajar tentang blog.
makanya saya semangat cari info-info lain yang mungkin saja bermanfaat buat saya peribadi.
Oh iya berikut ini artikel yang saya bangga-banggakan gan. dibaca ya.
Cara Membuat Blog dengan Blogger
Cara Memasang Animasi Burung Twitter Melayang di Blog
Cara Memasang Widget Alexa Rank di Blog
Cara Membuat About Me Di Blog
Cara Membuat Buku Tamu Tersembunyi Pada Blogger

Semoga semua yang saya tulis bermanfaat buan agan pribadi termasuk pengunjung blog ini.
Kao mw buat buku tamu agan bisa baca di artikel Cara Membuat Buku Tamu Tersembunyi di Blog

Ok gan. terimakasih lagi atas infonya, semoga agan rajin updatenya dan sukses selalu.
salam kenal dari saya.

Balas
avatar

Saya bingung mau meng edit fhoto me di blog saya,tidak bisa" tetap aja yang yang tampil poto bawa an nya. Seperti ikan,macan,orang lagi mancing dsb. Ada banyak poto. Caranya ny gmana ya om .trim

Balas
avatar

Di blog saya ada poto bawa an.poto burung ikan kapal dll. Cara mengganti dengan poto yang saya suka gimana om. Tks . Reply

Balas
avatar

kalau poto yang ada di about me itu otomatis dari akun google kita gan, jadi kalau mau ganti ya langsung ke akun google nya langsung. di sini cuma mengedit tampilan about me bawaan dari widget di blogger saja gan.

Balas
avatar

coba langsung ganti dari akun google agan, semoga dapat membantu gan :)

Balas

Tinggalkan komentar anda dibawah ini dengan tata cara sebagai berikut :

1. Jangan OOT (Out Of Topic)
2. Menggunakan bahasa yang sopan dan sesuai
3. Jangan mencantumkan livelink di kolom komentar
4. Masukkan link pada tempatnya
5. Jangan SPAM