Tutorial - Background Berbeza Di Setiap Post

Tweet

Bagaimana nak mengunakan warna background yang berbeza pada setiap post? Dalam entri kali ni saya akan mengajarkan cara untuk memasukkan warna background ke dalam blogger post korang dan juga menggunakan gambar sebagai background post. Korang tidak perlu membuat perubahan kepada template, korang cuma perlu tambahkan kod yang yang diberikan di bawah untuk mendapatkan warna background ataupun gambar background yang dikehendaki.

Ikuti tutorial untuk menggunakan background yang berbeza pada post yang korang nak buat.

Sila ikut langkah ini.

Login ke Dashboard > New Post> pilih HTML

1. Untuk menukarkan warna background pada blog korang corang copy kod di bawah dan paste ke bahagian HTML post korang. Gantikan Teks yang bewarna Oren dengan Kod warna pilihan korang dan masukkan teks di bahagian yang bewarna Kuning. (kod tidak akan mempunyai warna dalam HTML post korang)

<div style="background: #cccc00;"> Masukkan teks Korang di Sini </div>

Korang boleh lihat contoh 1 di bawah.

Pakcik dan Motor

Di sebuah bengkel membaiki motosikal milik Ah Seng.

Pak Cik : Ah Seng, hang tolong tengok motor aku. Aku baru beli bulan lepas, dah mula rosak.
Ah Seng : Aiyaa...Ini balu punya motosikal, sudah kasi losak ka.
Pak Cik : Ya la, Ah Seng. Talak guna punya tawkeh kedai jual motor. Dia bikin tipu la Ah Seng.
Ah Seng : Kenapa lu kata itu macam?
Pak Cik : Ini motor ada EMPAT gear, baru satu bulan aku guna GEAR SATU dan rosak.
Ah Seng : Kenapa lu guna satu gear sahaja.
Pak Cik : Hang pun nak tipu aku jugak ke... Kalau guna semua gear nanti semua gear akan rosak. Jadi aku guna satu je gear sebulan ...
Ah Seng : Guna satu gear saja satu bulan ka ...
Pak Cik : Ya la ... pergi baiki gear satu dulu. Gear dua aku nak guna tahun depan..

2. Untuk meletakkan background image pada post korang pula. korang cuma perlu lakukan sedikit berubahan pada kod di atas dengan menggantikan kod warna dengan kod URL image. Tukarkan perkataan yang bewarna Oren kepada URL image yang korang nak gunakan dan Masukkan teks korang di bahagian berwarna Kuning.

<div style="background: url('URL image yang korang nak gunakan');">

Masukkan Teks Korang Di Sini

</div>

Korang boleh Lihat contoh 2 di bawah

Naruto Manga

Before Naruto's birth, a great demon fox had attacked the Hidden Leaf Village. 

A man known as the 4th Hokage sealed the demon inside the newly born Naruto, causing him to unknowingly grow up detested by his fellow villagers.

Orphaned as a result of the Nine-Tails, Naruto grew up shunned by the villagers, who viewed him as the Nine-Tails himself, and the children, who felt the same animosity towards Naruto as their parents did. 

In his thirst to be acknowledged, Naruto vowed he would one day be the greatest Hokage the village had ever seen.

Despite his lack of talent in many areas of ninjutsu, Naruto strives for only one goal: to gain the title of Hokage, the strongest ninja in his village. 

Desiring the respect he never received, Naruto works towards his dream with fellow friends Sasuke and Sakura and mentor Kakashi as they go through many trials and battles that come with being a ninja.

Ok, selesai sudah tutorial pada kali ini.

Selamat mencuba dan semoga berjaya ^^

Smile :D

Tags: Tutorial Blog, Tutorial Blog Background Berbeza pada setiap post, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger