UNS benar benar menjadi titik ledakan yang berefek berantai bagi kehidupan saya. Sebab, proses masuknya yang juga tak mudah. Dan juga benar benar membutuhkan perjuangan yang sangat berat.

Akhirnya saya bisa mendengangkan mars mahasiswa berikut ini :

Kepada para mahasiswa, yang merindukan kejayaan
Kepada rakyat yang kebingungan, di persimpangan jalan
Kepada pewaris peradaban, yang telah menggoreskan
Sebuah catatan kebanggaan, di lembar sejarah manusia

Wahai kalian yang rindu kemenangan
Wahai kalian yang turun kejalan
Demi mempersembahkan jiwa dan raga
Untuk negri tercinta

Yak… tak ada kata lain yang sanggup saya ucapkan selain Alhamdulillah…

Format penulisan kalimat CSS:

selector { property: value }

Selector itu untuk menunjukkan bagian mana yang hendak diatur / diformat.

Property untuk menunjukkan, bagian (properti) dari selector yang hendak diatur.

Value adalah nilai dari pengaturannya.

Contoh Syntax:

h1 { color: red }

Contoh di atas menunjukkan

Selector: h1

Property: color

Value: red

Kalau diterjemahkan ke kalimat bahasa Indonesia kira-kira begini: Mengatur color dari h1 ke warna merah (red).
Pengelompokan Selectors

Anda dapat menulis satu kode CSS untuk berbagai macam selector dengan cara menggunakan koma. Misalkan anda mau mengatur agar tag h1, h2 dan h3 semua menggunakan warna merah, maka kode CSS nya menjadi:

h1,h2,h3 { color: red }

Perhatikan penulisan h1,h2,h3 yang dipisahkan oleh koma.
Penggunaan Banyak Properties

Untuk mengatur lebih dari satu properties gunakan pemisah titik koma ( ; ).

Contoh:

h1,h2,h3 {color:red; font-family:arial; font-size:150%;}

Pada contoh di atas, tag h1, h2 dan h3 di atur agar menggunakan warna merah, dengan type font arial, dan ukuran font 150%.
Cara Penulisan Yang Baik

Sangat disarankan untuk menulis kode CSS menggunakan beberapa baris dimana pengaturan property dan values nya di indent. Ya cuma biar rapih dan lebih mudah di baca aja sih, ga harus kok.

h1,h2,h3 {
color:red;
font-family:arial;
font-size:150%;
}

Sekarang anda sudah mengerti aturan dasar penulisan kalimat CSS. Pelajaran berikutnya akan mengajarkan anda mengaplikasikan kode CSS ke halaman website.
CSS Comment

Kadang kala, ada baiknya anda menuliskan komentar ke dalam kode CSS anda untuk memberi catatan pengingat.

Anda bisa menggunakan syntax pembuka /* dan penutup */ untuk menuliskan komentar. Segala teks yang berada di antara tag /* dan */ tidak akan dibaca sebagai kode, tapi hanya sebagai catatan untuk diri anda.
/* Tulis komentar anda di sini */
p
{
text-align: justify;
/* Tulis komentar anda di sini */
color: blue;
font-family: arial;
}

Jadi, keuntungan menggunakan CSS, lebih praktis!

1. Login ke Blogger
2. Pilih Layout –> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya kilik tulisan Download Template lalu simpan.
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode </head>

6. Sudah? sudah belum? ditanya kok diam aja gimana sih ?
7. Kalo sudah cari kode dibawah ini

(letaknya kira-kira di bagian tengah kebawah. yak terus..terus..Nha disitu ketemu kan kodenya?)

8. Nha dibawahnya kan ada kode gini <div class=’post-body entry-content’> Nha ganti kode tersebut menjadi seperti ini:

9.Terus dibawahnya kan kan ada kode gini <p><data:post.body/></p>
10. Tembahkan kode ini dibawahnya.

11. jadi seluruh kodenya akan menjadi seperti ini :

12. Tulisan ‘Selengkapnya’ dan ‘Ringkasan’ bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting –>> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan “Post Template”, dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

selesai….

Ohya, kalo memposting pilih yang “Edit Html”, letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class=”fullpost”> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id=”fullpost”> dan </span>

Trus bagaimana bagi yang sudah pakai ‘read more’ yang lama dan pingin ganti dengan ‘read more’ yang baru ini?
gini caranya:

‘Read more’ yang lama kan kodenya seperti ini :

hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting –>> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan “Post Template“, dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

Gimana? Sudah bisa belum?

• Buka menu LayOut kemudian pilih deh Edit Html
• Kasih tanda centang pada cex box di Expand Template
• Cari kode berikut ini (Sekadar trik untuk lebih mempercepat pencarian tekan CTRL + F)

• Ganti kode tersebut dengan

Tulisan Read More… bisa kamu ubah sesukamu.

• Simpan hasil pengeditan
• Lalu pilih Setting kemudian Formatting
• Pada kotak Post Template isi dengan :

• Kemudian Simpan

Nah kalau hendak memposting tulisan bisa kamu pilih pake yang HTML. Lalu akan muncul kode seperti ini:

Nah taruh tulisan heading kamu di atas <span class=”fullspot”>. Sedang sisanya diantara kode <span> hingga kode </span>

<a rel=”nofollow” href=”javascript:window.print()”>Print This!</a>

Namun sayang sekali kode ini hanya bisa digunakan di blog yang beada di server sendiri. Maka pemecahannya ya.. buat blog di server sendiri…

OK!

Membina umat menggapai hidayat

Tetapkanlah langkahmu hai sahabat !

Tapaki jalan perjuangan

Luruskanlah niatmu hai sahabat !

Membina umat menggapai hidayat

Tetapkanlah langkahmu hai sahabat !

Tapaki jalan perjuangan

Dan debu debu jadi saksi

Malu dan darah menghias diri

Kan tetap setia pada janji

Hingga kemenangan atau kesyahidan

Kan kau raih nanti

Tegakkan jiwamu Hai Sahabat !

Tak usah kau ragu

Dengan janji rapuh

Melaju menderu tanpa jemu

Runtuhkan barisan musuhmu

Maka kezaliman kian menghujam

Menggoyahkan sendi kebenaran

Bangkitlah wahai para pejuang

Satukan tekadmu hadapi musuhmu

Yo ayo maju … maju…

Tetapkanlah langkahmu Hai Sahabat

Tapaki jalan perjuangan

Luruskanlah niatmu hai sahabat !

Membina umat menggapai hidayat

Tetapkanlah langkahmu hai sahabat !

Tapaki jalan perjuangan

Luruskanlah niatmu hai sahabat !

Membina umat menggapai hidayat

Tetapkanlah langkahmu hai sahabat !

Tapaki jalan perjuangan

Dan debu debu jadi saksi

Malu dan darah menghias diri

Kan tetap setia pada janji

Hingga kemenangan atau kesyahidan

Kan kau raih nanti

Tegakkan jiwamu Hai Sahabat !

Tak usah kau ragu

Dengan janji rapuh

Melaju menderu tanpa jemu

Runtuhkan barisan musuhmu

Maka kezaliman kian menghujam

Menggoyahkan sendi kebenaran

Bangkitlah wahai para pejuang

Satukan tekadmu hadapi musuhmu

Yo ayo maju … maju…

Tetapkanlah langkahmu Hai Sahabat

Tapaki jalan perjuangan

Sumber : Dengerin Radio