Showing posts with label Tutorial Blogspot. Show all posts
Showing posts with label Tutorial Blogspot. Show all posts
Jika anda ingin membuat profil blog keren, dengan widget html/javascript, ini langkah-langkahnya : 

eh tapi sebelum  itu, kita harus bermain dengan coding, maka yang diperlukan adalah SABAR dan TELITI

Pertama : jika ingin memiliki photo dengan bentuk  lingkaran maka edit  fhoto tersebut terlebih dahulu di Photo scape .
Anda harus menginstal software photo scape terlebih dahulu, namun jika belum di instal saya sarankan untuk menggunakan photo yang sudah ada saja.



Pilih Crop


Maka hasilnya akan seperti ini 


klik SAVE AS

LANGKAH KEDUA : Sebelum anda memasukkan fhoto tersebut ke blog anda harus terlebih dahulu  mengkompres fhoto anda DISINI

LANGKAH KETIGA : Masuk ke blogger

untuk menempatkan  profil anda dengan html/javascript anda maka photo anda harus berupa code html,untuk merubah nya dengan cara : masuk keblogger


Masukkan phota/gambar yang telah di kompres tadi


pindahkan ke html
blok code photo  anda, maka itu yang akan menjadi code profil Anda

Setelah anda mendapatkan kode tersebut,simpan dulu kode profil anda di notepad.

Langkah keempat : Kembali ke blogger,pilih tata letak.Klik tambahkan  gadget, klik HTML/Java Script



maka akan muncul 



Salin kode dibawah ini kedalam menu HTML/JAVASCRIPT

<div class="separator" style="margin-bottom:2px; clear: both; text-align: Right;">
<img border="0" height="auto" src="isi dengan kode profil anda  (kode html) yg telah dirubah"width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">HALLO (isi dengan kalimat sapaan)</span></b></div>
<div style="margin-bottom:3px; text-align: center;">
Saya Rahayu Asda Putri, lulusan sarjana Pendidikan Bahasa Arab yang suka menulis, ngotak - ngatik blog, menerima jasa desain web dan review produk, (isi dengan keterangan tentang anda).&nbsp;<br/><div style="text-align: centre;"><a href="http://www.rahayuasda.com/2017/09/hallo.html(isi dengan link yang akan mengarah kepostingan tulisan about me/tentang saya)" target="_blank"><b>Baca Selengkapnya &gt;</b></a>
</div>


Keterangan :

- ganti tulisan warna  dongker dengan kode profil anda tadi

- Ganti tulisan warna ungu dengan tulisan pembuka sesuai dengan keinginan anda

- Ganti tulisan wana merah sesuai dengan pasion Anda

- GAnti tulisan warna hijau dengan link about me anda

setelah itu klik oke

Catatan :

untuk anda yang muslimah saya tidak menyarankan untuk menampilkan fhoto close up di media sosial termasuk blog karena dampak negatifnya lebih besar,kuatir disalah gunakan orang yangtidak bertanggung jawab,anda bisa menampilan gambar pemandangan, karya anda, atau fhota balik badan.

trimakasih



Cara termudah agar tampilan blog anda mobile friendly adalah dengan mengatifkan fitur seluler dengan cara :

1. Masuk ke halaman dasboard blog anda
2. Pilih Tema


kemudian akan muncul 



klik Simpan, maka tema blog anda seperti versi seluler



        jika kita melihat blognya para blogger profesioal, maka akan terlihat penempatan header blog yang elegan. 

Maka Anda bisa mencoba membuat header blog yang elegan  menggunakan edit gambar online dengan CANVA

Yukk kita belajar membuat header blog dengan menggunakan CANVA. Di CANVA banyak pilihan menu yang bisa kita gunakan untuk mengedit gambar secara online sesuai dengan kebutuhan. 
Namun jika anda ingin membuat header blog anda cukup membuat dengan menu BLOG TITLE.

Kemudian setelah anda selesai membuat header sesuai dengan keinginan anda, maka anda tinggal memasangnya di header blog Anda.

Pertama : Masuk ke dashboadr blog And. Kemudian pilih tata letak



Kemudian pilih Choose File


klik OKE , Selesai.


Mengapa kita harus menggunakan template responsive. Karena template responsive merupakan template yang direkomendasikan oleh google. 

Dalam sebuah ulasan, ada beberapa alasan seorang blogger harus menggunakan template responsive : 

1. Direkomendasikan oleh google
2. Template responsive mengurangi waktu kerja kita dalam mengelola blog
3. Template responsive mmbantu meningkatkan SEO Blog/
4. Template Responsive fleksibel, mengikuti perkembangan zaman, efeksif dan efesian.
5. Template Responsive mobile friendly 

Disini anda dapat mendownload template Responsive gratis blogspot :

1. MONICA CLEAN


Untuk tutorial cara mendownload template Monica DISINI


2. JULIET


Untuk tutorial cara mendownload template JULIET DISINI


3. ANGEL



Untuk tutorial cara mendownload template ANGEL DISINI


4. ROSE MARY

Untuk tutorial cara mendownload template ROSE MARY DISINI
Untuk mempercantik blog, bagi personal blogger tak ada salahnya mengganti template dengan template yang di download. Kali ini kita akan membuat totorial mengganti template dengan template gratis dari juliet. 




Ketika klik download akan muncul

Lalu klik Download

Setelah kamu download maka file download tadi akan berupa file Zip. Dan file tersebut harus di ektrak agar bisa di dapatkan kode template juliet

Pertama : Buka file yang telah di download tadi kemudian Klik Kanan dan Klin Extra File, Tekan Save Setting kemudian klik Oke


Setelah di extra file zip tadi akan berupa file dalam folder.


Kedua : Masuk ke Dashboar Blogmu, 
               
              Pilih Menu tema, sebelum Template Juliet akan di pasang masak backup file terlebih dahulu. Klik backup file



Ketiga : Pilih Choose File, 
               Cari file yang telah dalam bentuk folder, lalu pilih file Juliet Free Version



Keempat : Klik upload

Kelima : Setelah file selesai di upload. maka kembali ke tema dan klik edit HTML


maka akan mucul kode html lagi blogmu yang sebelumnya. letakkan kursor di dalam kode tersebut. Ctr A dan Ctr X/ delete.

Keenam : Setelah di delete kotak HTML pun akan kosong.
Kamu kembali ke file Juliet Free Version lalu klik kanan untuk mendapatkan kode html Juliet Free Version,
Klik kanan, pilih opsi open with , klik kanan lagi pilih buka file dengan notepad


Control A dan Copas kode tersebut


Setelah di copy file juliet didalam Notepad, maka pastekan ke kotal HTML yang telah kosong tadi dengan kode html juliet.
lali klik SIMPAN  
 Pilih Lihat Blog, maka kami telah berhasil mendonload template dengan templte yg didownload.

tapi otak-atik tempel tidak hanya sampai disitu, kamu juga harus mengganti header blog, profil dengan nama kamu juga merubah Tab menu navigasi sesuai dengan apa yang kamu inginkan
Kali ini kita akan bahas tutorial template responsif untuk blog bawaan dari blogspot. Tema kali ini adalah Monica Clean dengan fitur :
-          Responsif
-          Seo Friendly
-          Social Bookmark
-          Drop Down Menu
-          Page Navigation
-          Post Thumbails
-          Style : Megazine, Minimalis, Simple.

Langkah-langkah cara memasang Template Monica Clean


             Pertama  : untuk lihat Live Demo
           
             Kedua     : Download Template Monica Clean Klik DOWNLOAD
             
             Ketiga    :  maka akan muncul lalu klik download
           
            Keempat     : setelah di download maka akan muncul file berupa Zip, agar file Zip mudah digunakan maka klik kanan.
           
               Kelima     : Setelah klik Kanan Maka akan muncul Extra File, lalu Klik Safe dan Klik Oke




                Keenam     : Maka file zip tadi akan menjadi bentuk folder Monica


             
                Ketujuh       : Buka Dashbor Blog, lalu pilih Tema maka klik back upfile / pulihkan




               Kedelapan       : pilih opsi Choose File

             Kesembilan      : maka cari folder monica yang telah di extra tadi kemudian klik monica free lalu  Upload

              Kesepuluh         : kembali ke dashbor blog dan klik tema, kemudian klik edit html, ctrl A untuk hapus kode yg ada sebelumnya dan ganti dengan code Monica. 



         Kesebelas          : untuk mendapatkan kode monica, maka kembali ke folder monica (free). Klik kanan dan open with Notepad maka akan muncul



Kesebelas      : maka copas kode monica yang ada di notepad dan pindahkan ke ode html blog anda, setelah kode di pindahkan maka klik SIMPAN dan lihat Blog.

Setelah tema berhasil di download, maka ada beberapa widget yang masih tidak berubah seperti widget menu dan profil, maka nanti akan kita bahas tutorial membuat menu Tab dan menu profil