Monday, October 15, 2012

Cara Membuat Garis Tepi Melungkung di Blog/Web

Cara Membuat Garis Tepi Melungkung di Blog/Web
Cara Membuat Garis Tepi Melungkung di Blog/Web saya tulis untuk pecinta blogger yang suka menghias blogspot-nya berpanampilan cantik, tentunya seperti Blog-nya Blogger Riecky ini...promosi dikit boleh yak...hehehe... 

Sangat simpel, praktis dan mudah koq Kode-kode HTML yang di copy dan paste ke Edit HTML dengan melalui Login di blogger.com dulu tentunya.

Seperti biasa kita melalui langkah-langkah yang sudah sering Sobat lakukan. Langsung aja dech dibawah ini :
Sebelumnya Sobat harus menentukan dimana yang sekiranya posisi yang bagus untuk dibin Garis Tepi  yang bagus. Di tempatkan pada Header, Sidebar, Posting, atau full / semua sampai ke footer pada Blog/Web Sobat...? Semua bisa dilakukan tanpa banyak script yang rumit.



  • Log in ke account sobat di blogger.com 




  • Sebaiknya lakukan dulu backup template dengan klik Backup / restore atau Cadangkan / Pulihkan, lalu klik download full template.




  • Klik tanda x untuk kembali ke menu template






  • Selanjutnya plih Edit HTML  --> klik Procced atau proses





  • Centang pada Expand Widget Templates 



  • Tekan Ctrl + F untuk memudahkan pencarian kata pada editing HTML Blog Sobat, dan apabila Sobat ingin menempatkan pada Header, ketik : #header



  • akan terlihat pada gambar di bawah ini : 

    Cara Membuat Garis Tepi Melungkung di Blog/Web




    selanjutnya memsasukkan kode :
    -moz-border-radius:20px;-khtml-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;
    setelah kata / kode : background:
    Jika ditempatkan pada Sidebar, Tekan Ctrl + F dan ketik : #sidebar-wrapper
    akan terlihat seperti pada gambar di bawah ini :


    Cara Membuat Garis Tepi Melungkung di Blog/Web

    Keterangan :
    Untuk angka dengan warna background PUTIH diatas, dapat diganti sesuai selera. Semakin besar angka tersebut, semakin melengkung dan semakin tebal hasil dari Garis Tepi tersebut, begitu sebaliknya.

    Hasilnya dapat di lihat pada Blog-nya Blogger Riecky ini.

    Demikian Cara Membuat Garis Tepi Melungkung di Blog/Web ini semoga bermanfaat, jika masih bingung bisa bertanya dan beri kritikan pada kotak komentar di bawah ini (",)

    Salam,

    Kembali ke Menu Tutorial Blogspot 

    No comments:

    Post a Comment