mempercantik tampilan mywapblog

assalamu'alaikum wr-wb

pada postingan kali ini admin akan membagikan code atau cara untuk memperindah tampilan di mywapblog

.

caranya: copy paste teks yang ada di teksarea di bawah ke :

dasbor-tema-sunting css

.

memberi epek bayangan pada judul blog

#header h1 a { text-shadow:1px 2px 3px white; } nb:angka dan warna sesuaikan

.

menambah ukuran judul blog

#header h1 a { font-size:120px; }

.

memisahkan judul dan tanggal posting

.post .title small { display:block }

.

menghilangkan waktu dan tanggal post komentar

.post .title small .comment .title small { content:none; }

.

memindahkan link komentar

.post .comment_link { text-align: terserah; }

.

membuat kalimat di footer

#footer:after { content:"tex di sini"; }

.

memanipulasi jumlah visitor

#footer p span:before { content:"angka kamu"; }

.

memanipulasi jumlah komentar

.comment_link a {content:"1.000.000 comment";}

.

memasang gambar di samping setiap komentar

.post p:nth-of-type(2):before { content: url(http:// alamatgambar); margin-right:2px; display:block; text- align:center}

.

memasang gambar pada atas kiri mwb

#header:before { position: relative; top: -2px; left: 70px; content: url(http://url_image);}

.

menghilangkan powered by mywapblog

#footer small { content:none !important; visibility:hidden; }

.

mengubah tampilan post menjadi title only

.post p { display:none; } .post:first-child p { display:block; }

.

menghilangkan nomor urut di category

#category-top li, #category-bottom li { font- size:0; } #category-top li a, #category-bottom li a { font-size:medium; }

.

cara membuat kata di bawah komentar

.comment:after { content:"Terima Kasih"; display: block; text-align: right; margin: 0; padding: 0 17px 5px 0; color:blue;}

.

membuat huruf besar disetiap awal komentar

.comment-content:first-letter { float:center;margin:0px 1px; font-size:50px; color:#FF0000; }

.

menampilkan link blog di bawah header

#header:after{content:'http://LINK ANDA'; }

.

membuat kata sambutan di header

body:before { content:"WELCOME TO MY BLOG"; display:block; text-align:center; color:red;}

.

membuat kalimat otomatis pada setiap postingan blog

#share-buttons:before { content:"Jangan Lupa Follow Dan Berkomentar Ya"; display:block; color:blue; text-align:center; text-shadow: blue 0px 1px 1px; font-size:xx-small; padding-bottom: 2px; }

.

agar di setiap komentar anda ada tulisan admin

#comments .comment .comment-header .title a[href="http://alamatblogkamu/"]:after{content:"(ADMIN)";padding:2px; color:red}

.

agar setiap orang komentar terdapat link blog

.comment .title a:after {margin:1px 1px 4px -2px;content:" Kunjungi "attr(href)"";fon-size:-1em;color:black;display:block;text-align:center}

.

membuat tulisan post admin di setiap pst

#content .post:after { content:"Posted by : Admin"; display:block; text-align:right; margin:0; padding:6px 8px 2px 2px }

.