Kamis, 03 Juli 2014

CARA MENGGANTI HEADER ARTISTEER PADA BLOGGER

http://www.alkalinware.com/2013/03/cara-mengganti-header-artisteer-pada.html
CARA MENGGANTI HEADER ARTISTEER PADA BLOGGER hehe..Sebenarnya saya juga bingung, mau ngasi judul apa ya,,,yang tepat untuk postingan ini? tapi intinya gini,kalau kita membuat template dengan menggunakan software ARTISTEER dan template tersebut sudah kita ekspor ke blogger.

Nah terkadang kita menemui masalah pada saat akan mengganti gambar header,dan itu juga pernah saya alami sebelumnya..Mungkin paras sobat ada yang belum tahu.??.langsung saja saya beritahu dengan cara-cara saya sendiri...



Pertama siapkan dulu gambar kesukaanmu,ingat!! ukuran gambar harus sama dengan ukuran header blog kamu yang sudah ada.Untuk mengetahui ukuran blog kamu cara gampangnya masuk dulu ke sini

terus kamu login pakai id gmail maka akan langsung tampil semua gambar yang ada di dalam blog kamu, selanjutnya klik album gambar Artisteer. Nah disitu kamu cari gambar yang sama dengan gambar header blog kamu dan klik detail photo.

http://www.alkalinware.com/2013/03/cara-mengganti-header-artisteer-pada.html

maka akan tampak ukuran dari header blog sobat,dari gambar di samping kita lihat bahwa ukuran header yaitu :1082 x 150 pixel
kalau kita sudah tahu ukuran header,maka sobat bisa sesuaikan ukuran gambar kesukaan sobat dengan photo editor semisal photoshope atau apalah..kalau sudah kembali lagi ke link yang tadi dan uploadlah photo tersebut dan copas link gambarnya.

http://www.alkalinware.com/2013/03/cara-mengganti-header-artisteer-pada.html

dan untuk selanjutanya masuk ke blogger template cari kode seperti di bawah dan ganti.

  /* begin Header */
 div.art-header{ margin: 0 auto; position: relative; width:100%; width:1216px;height: 166px;margin-top:7px;margin-
bottom: -3px;}art-header-position{
position: absolute;top: 0;left: 0;right: 0;left: 0;} art-header-wrapper {position: relative;top:0;width:1216px;margin:0 auto;}art-header-inner {position: relative; margin: 0 8px;}art-header:before{position: absolute;display:block;content:' ';z-index:-2;top: 0;width:100%;height: 166px;background-image: ur('https://lh3.googleusercontent.com/QjjtITVEb0/UQHrCllvxRI/AAAAAAAAB0s/2hPr-ZSVCHA/s1600/header.png');background-repeat: no-repeat;background-position:top center;}art-header:after{position: absolute;z-index:-1;display:block;content:' ';top:0;left:14px;right:14px;height: 166px;background-image: url('https://lh6.googleusercontent.com/EKcIjjLFD4/UQHrKkmaGeI/AAAAAAAAB00/CIgVQRKo4TY/s1600/header.jpg');background-repeat: no-repeat;background-position: center center;body#layout #Header1{display: block;}/* end Header *//* begin HeaderObject */div.art-headerobject{display: block;position: relative;left: 100%;margin-left: -1202px;position: absolute;top: 8px;width: 1225px;height: 150px;background-image: url('https://lh4.googleusercontent.com/tj0VlpO6MB0/UQHrRN_K0TI/AAAAAAAAB08/ZAb9AREmO6M/s1600/header-object.png');} /* end HeaderObject */

Sobat ganti url gambar yang berwarna merah-hijau dengan url yang sobat copy tadi.**Selesai **
  • Sebelum menganti, backup terlebih dahulu template blogger sobat
  • Apabila sobat sudah melakukan cara-cara di atas dan melihat gambar header tidak tepat di tengah/separuh,jangan panik biar saja selama 1 hari atau 2 hari nanti gambar header akan sempurna dengan sendirinya.
comments

Tidak ada komentar:

Posting Komentar