Patah Online - Tampilan blog yang lain daripada yang lain pasti menjadi dambaan setiap blogger, bagaimana tidak dengan tampilan blog kita yang berbeda pasti sangat mudah buat pengunjung untuk mengenali blog kita. Salah satu usaha untuk mencapai hal itu di antaranya dengan memberikan sentuhan desain grafis di blog kita. Bagi sobat yang berminat belajar desain grafis guna mempercantik blog sobat, nich ada sedikit tutorial Cara Tambahkan Background di Postfooter simak baik- baik .
2. Masuk ke Rancangan => Edit HTML
3. Contereng Expand Widget Templates lalu jangan lupa back up tamplate terlebih dahulu biar aman.
4. Cari kode .post-footer {
5. Tempatkan kode di bawah tepat di bawah kode tadi
background: url(http://i1188.photobucket.com/albums/z403/pattah121/postfooter-1.jpg)repeat-x;
contoh :
.post-footer {
background: url(http://i1188.photobucket.com/albums/z403/pattah121/postfooter-1.jpg)repeat-x;
background: url(http://i1188.photobucket.com/albums/z403/pattah121/postfooter-1.jpg)repeat-x;
margin: 20px -2px 0;
padding: 5px 10px;
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}
6. Langkah terakhir simpan tamplate.
Selasai lihat apa yang terjadi postfooter sobat sudah berubah bukan. Hal ini akan jauh lebih baik dengan membuat background postfooter sendiri dengan menggunakan photoshop , untuk pembuatan background postfooter dengan menggunakan photoshop akan segera hadir di postingan selanjutnya. Yang sabar ya, hhahhahhaayyyy :)
Cukup sekian postingan tentang Cara Tambahkan Background di Postfooter semoga bisa menjadi manfaat.
40 Komentar
Write Komentarhahahay,mantap sob,inilah yg saya cari sob.? sebener nya dari pertama sobat pasang background saya mo tanya..? tp g enk tkt ngepotin sobat,cz saya dah banyak tanya nih..? hehehehe makasih bgt nih sob..?
ReplyWah,,.. Nice info gan,..
ReplyNambah lagi ilmu saya berkat sahabat,.. !!
Izin menyimak dan mencoba gan..! :)
@masnady_bloegreen
Replyit's okey sob, g apa2 tanyak aja g usah sungkan2 sob, oy untuk cara buat sendiri dengan photoshop, tunggu segera akan datang, hahahhhhayyyyy
@Tagantar Dot Com
Replysilahkan coba dan semoga berhasil, cari backgroun yang sesuai ya sob, biar mantap, ahhahhahhayyyy
infonya mantap sob...buat tambah2 hiasan footer nih
Replymanteb sobat..
Replybermanfaat sekali buat blogger2 seperti kita..
nice inpoh..
ditunggu kunjungan baliknya sob. thanks, salam persahabatan, happy blogging ;)
@Hendri Prastio Kurniawan
Replyiya sob, mungkin bisa bosen juga dengan footer yg melulu itu2 aja mungkin ini bisa membantu, hahahhayyyy
@Outbound Malang
Replysalam pershabatan juga sob, salam blogging n nitip salam ya buat gadis sebelah yang cantik jelita, hahhahhahhayyyy
tutorial background postfooter yang menarik dan sangat detail , trimakasih sobat sudah berbagi ilmu :)
ReplyWahh..mantef banget nih..perlu diamankan nih..kotak komentarnya URL koq dihilangin bang...hahahahyyy
Replytampilnannya semakin keren bos
Replymaaf baru bisa berkunjung, karena kesibukan gan
hehehe
dan juga bbelum sempet update blog
triknya keren
@goyang pattah-pattah
Replyhehehhe....thanks sob, silahkan di coba, moga berhasil, hahhahhayyyy
@Icahbanjarmasin
Replykotak komentar di buku tamu ya bang icah, waduh saya g tahu tuch, mank begitu adanya mungkin, hahahhahhayyyyyy
berbeda sama backsound bllogku ya ini
Replyinfo yang mantab n sip untuk di coba....
@Royan Sableng
Replywaduh padahal saya kangen bgt lho ama kamu, kmna aja hahhahaayyyyy....thanks sob :)
@anisayu....
Replysilahkan di coba mbak utuk cara buat backgroud postfooter akan segera menyusul, hahhahhayyyyy
penemuan baru ni sob.. :D
Replyoya, goest book nya kgag bisa ya..? tadi ngisi di stu kgag pnah nongol..
sob ada award dari saya
Replyterima ya
http://4kopisusu.blogspot.com/2012/01/award-dari-sahabat.html
Layak dicoba nih....
Reply@ubaybingokil.com
Replywah senangnya jadi yang pertama, ahhahhaayyyy...
@Royan Sableng
Replywah mantap nich, langsung ke tkp dach, hahhahhaayyyy
@Heru Supanji
Replysilahkan di coba sob, moga berhasil, ahahhhayyy
tambah berat lg g blognya?? :)
Replyberat blogku udh lwt 100 alnya.. :(
@Clara Loura Rorimpandey
Reply@Clara Loura Rorimpandey
wah itu bisa di atasi mbak, sebelum gambar kita di upload hendaknya di otmizid ukuranya dulu mbak, biar lebih kecil n ringan buat blog, untuk optimized image sobat bisa lewat inline atau offline, untuk lebih jelas sobat bisa mampir di blognya sakahayang nich linknya sob, http://www.sakahayang.com/2012/01/optimalkan-image-sebelum-di-unggah.html
hahhaaayyyy
ko scroll pada komen saya hilang ya sob.? apa yg sayalakukan terhadap templat saya..hehehehe pusing nih..?
Reply@masnady_bloegreen
Replywah kasihan bgt kamu sob, ahhahahhayyy
coba sob cari kide .comments .comments-content .icon.blog-author {
lalu letakan kode di bawah di atas kode yang tadi di cari.
nich scrip nya sob.
#comments-block { height:300px;overflow:auto;}
udah di praktekin sob.? tp blm da perubahan nih..? ntr saya cb otak atik dech..? padahal dah saya ganti templat lho..kok masih jg g berubah..? saya jg lupa apa yg telah saya perbuat hehehe..makasih nih bantuan nya..?
Reply@masnady_bloegreen
Replywah tuh sob, pentingnya backup tamplate terlebih dahulu sebelum mulai pengeditan tamplate, ehhehehhe....trus berjuang, oy atau kw tidak scrip untuk bagian komentar di ganti semua aja sob, ganti script komentar punya saya juga boleh, ahhahahayyy
boleh di cb sob..?? pusing nih..? g enk bgt koment nya jd panjang kyk kereta api 30 gerbong heehehehe
Reply@masnady_bloegreen
Replyscript nya saya copy kan lewat chat facebook aja ya, hehehhehe
oke sob..? makasih ya..?
Reply@masnady_bloegreen
Replysama2 sob :)
Wahhh INfoo yang menarikk ne soobb ,,, Thx For sharee :D
Reply@enonovan44
Replyiya nich sob, moga manfaat dech, hahahhaayyyy
sebelum dipraktekin, ane bookmark dulu ah! hihi
Replythanx tutornya sob!
@Riefz
Replyuke sob, moga manfaat dan berhasil, ahhahahhhayyy
kunjungan malam...
Reply@Club Online Sumedang
Reply:)
nice gan info dan tips...
Replyhoho
@mochammad hamdani
Replyuke bang, sama2 moga bisa membatu :)
Jadilah pembaca yang bermartabat dengan memberikan komentar yang santun,indah di pandang dan sesuai dengan norma yang baik serta sesuai dengan apa yang ada di postingan.
Kriteria Komentar yang di tampilkan:
1. Bukan Komentar Spam
2. Komentar tidak sesuai dengan isi artikel
3. Menyisipkan Link/url baik itu blog/web pada komentar EmoticonEmoticon