Cara Tukar Background Post Title Blog

Tukar background title post blogspot menarik

Assalammualaikum semua, pada semua blogger2 terhebat..ok dengan segmen blog tutorial kali ini...khasnya pada korang yang baru berjinak-berjinak dalam dunia blogging ni untuk berblog ni..ade yang masih mencari cara nak buat background title posting supaya nnmpak lebih menarik.

Ok cara dan langkah pembuatannya sangat simple dan mudah pada blogger yang baru nak bermain dengan kod-kod seperti coding html ni pun rasa senang nak buat sendiri dengan sekali pemahaman tutorial ni..

pertama sekali korang sign in blogger korang terlebih dahulu masuk ke web : blogger.com 

Cara tukar background blog post

1. Langkah pertama

Pergi ke bahagian dashboard > Design > Edit HTML > Tick Expand Widget .

2. Langkah seterusnya

2. Carikan kod 

/*Posts 

Untuk memudahkan pencarian kod tersebut gunakan (Ctrl+F) dan masukkan kod di kotak search 'find search'

/* Posts

Dengan hasil pencarian /*Posts korang akan jumpa kod seperti dibawah ini dibawahnya 

.post h3 {

3. Seterusnya korang dikehendaki tambahkan kod di bawah ini pada bahagian bawah kod

 > post h3 { :

Tukar url gambar background

background-image:url( link Url gambar disini ); background-repeat:repeat; background-position:center center;

4. Contoh perubahan yang berlaku seperti perletakan script akan jadi seperti di bawah ini :

.post h3 {

background-image:url( Url gambar pilihan ); background-repeat:repeat; background-position:center center;

Background title side blogspot

Pada ( Url gambar pilihan ) korang tukar dengan URL background link pilihan korang sendiri. Tukar background title post dan background title side dan title blog side footer

Contoh URL gambar di bawak ni : 

"https://1.bp.blogspot.com/-mdyuvqYkPb8/YPTWw098H3I/AAAAAAAAF98/GspVlhSj8vAjMsX8UhyWgY61V-B4OOd7gCLcBGAsYHQ/s1000/1626658309489-compressed.jpg"

Bagaimana cara nak mendapatkan URL gambar korang? Mudah sahaja korang masuk ke mana-mana laman web yang tersedia klik pada gambar selama 2 saat dan akan terpapar pilihan seperti dbawah ini seterusnya pilih pada copy link address kemudia paste link url seperti mana telah ditujuk dalam tutorial diatas.

5. Dah siap sebelum save/simpan korang Preview terlebih dahulu ,kalau ok tiada ralat atau error script dah boleh save!..dan korang jangan lupa untuk berikan feedback komen serta pendapat korang mengenai cara metakkan background pada post title semoga blog tutorial ini dapat membantu korang dan selamat mencuba..semoga bermanfaat.

Sudah baca?

Cute icon tepi post title

Cara letak shadow di tajuk entry blog

Cara letak garis bawah post title