Pagi ini tepat pukul 01:07 AM waktu Temanggung, akhirnya kelar juga saya mengoprek tema bertajuk magazine mulus untuk pengguna cmsF. Sebenarnya saya sediri sudah lama tidak mendesain tema cmsFormulasi, revinah kali ini kita akan review apa sih keunggulan tema RubRik ini.
Tema rubrik cmsF saya desain agar kedepannya cmsFormulasi tidak hanya untuk website sekolah saja, melainkan bisa digunakan untuk instansi penerinta, lembaga bimbingan (special Thanks untuk Primagama Gianyar Bali yang semua cabang disana menggunakan cmsF tema Jathilan_V2 dan masih menjaga link credit). Nah dari sana pula, banyak masukan ke saya untuk mendesain ulang agar tema cmsF magazine lebih sempurna dan lebih enak dilihat. Kira-kira begini screen shootnya.
Jika anda pasang tema ruBRik ini, maka akan terlihat variasi warna yang cerah, dan enak dilihat. Yuk kita simak apa saja fiture didalamnya.
a. Fiture 1
Dibagian samping Sambutan kepala sekolah, anda memiliki menu explore aplikasi yang bisa anda atur link tujuannya. Nah pada bagian ini untuk edit, silakan buka home.php dan temukan baris ini
<!-- Memulai Banner Link-->
<a title='Aplikasi PPDB Online' href="http://psb.e-stembatema.web.id" rel='nofollow' target="_blank" class="list-group-item"><span style="margin-right:4px"><img alt='iconblo1' src='file/tema/RubrikPro/css/img/ppdb.png'/></span></a>
<a title='Magazine School' href="#" class="list-group-item"><span style="margin-right:4px"><img alt='iconblo2' src='file/tema/RubrikPro/css/img/lib.png'/></span></a>
<a title='Aplikasi PPDB Online' href="psb.e-stembatema.web.id" rel='nofollow' target="_blank" class="list-group-item"><span style="margin-right:4px"><img alt='iconblo1' src='file/tema/RubrikPro/css/img/mag.png'/></span></a>
<a title='Magazine School' href="#" class="list-group-item"><span style="margin-right:4px"><img alt='iconblo2' src='file/tema/RubrikPro/css/img/sinau.png'/></span></a>
<a title='Aplikasi PPDB Online' href="psb.e-stembatema.web.id" rel='nofollow' target="_blank" class="list-group-item"><span style="margin-right:4px"><img alt='iconblo1' src='file/tema/RubrikPro/css/img/bkk.png'/></span></a>
<a title='Magazine School' href="#" class="list-group-item"><span style="margin-right:4px"><img alt='iconblo2' src='file/tema/RubrikPro/css/img/aswaja.png'/></span></a>
<!-- Alamat Blog Guru-->
<span style="margin-right:3px"><img alt='list' src='file/tema/RubrikPro/css/img/linkblog.png'/></span></a>
<a title='Rubrik Edukasi' href="http://www.rubrik.web.id" rel='nofollow' target="_blank" class="list-group-item"><span style="margin-right:3px"><img alt='iconblo4' src='file/tema/RubrikPro/css/img/blog.png'/></span>Pak Panji</a>
<a title='Mapel Bhs. Inggris' href="#" rel='nofollow' target="_blank" class="list-group-item"><span style="margin-right:3px"><img alt='iconblo5' src='file/tema/RubrikPro/css/img/blog.png'/></span>Pak Alip</a>
<a title='Mapel Bahasa Tegal' href="#" rel='nofollow' target="_blank" class="list-group-item"><span style="margin-right:3px"><img alt='iconblo6' src='file/tema/RubrikPro/css/img/blog.png'/></span>Pak Fauzan</a>
</div>
Nah silakan anda sesuaikan link aplikasi Anda. Oya di bagian bawah ada link blog Guru yang dikombinasi dengan pengaturan css.style seperti ini
.bnrpd{padding:2px 0;}.bnrpd ul li{list-style:none;}.bnrpd ul{margin:0;padding:0}.bnrpd img {border:0px solid #fff}.bnrpd a:hover img {border:1px solid #c0c0c0;opacity: 0.6;}</style>
Sehingga akan menghasilkan teknik hover image yang cukup cantik ketika kursor diarahkan kesana.
b. Fiture 2
Pada sisi kanan komentar pembaca, anda disuguhkan oleh banner. Ini bisa anda gunakan untuk iklan (jika tema ini akan digunakan untuk personal blog, iklan kegiatan instansi atau agenda yang memerlukan perhatian khusus untuk pembaca). Saat ini adan bisa klik banner tersebut untuk membuat web gratis dengan fasilitas hosting formulasi.
Untuk mengedit image tersbut, silakan anda buka rubrikPro/css/img kemudian cari image sponsor1 anda ganti bannernya.
Sedangkan untuk mengantur link tujuan silakan edit home.php dan temukan baris ini
!-- Pasang Banner Sponsor utama-->
<a title='Ini contoh banner untuk iklan' href="http://rubrik.web.id" rel='nofollow' target="_blank" class="list-group-item"><span style="margin-right:0px"><img alt='iconblo1' src='file/tema/RubrikPro/css/img/sponsor1.png'/></span></a>
<!-- iklan berakhir-->
c. Fiture 3
Anda juga bisa memasang banner pada bagian atas footer 4 kolom, seperti kenampakan dibawah ini
Nah silakan anda anda buka rubrikPro/css/img kemudian cari image iklandepan.png untuk diganti dengan image yang anda buat sendiri. Atur juga link untuk footernya yah..
Sedangkan untuk mengantur link tujuan silakan edit home.php dan temukan baris ini
<!-- Insert iklan banner disini dengan lebar 655 px -->
<center><a href='http://www.rubrik.web.id' target='_blank' title='Ini contoh banner sponsor situs ini'><img alt='iconblo1' src='file/tema/RubrikPro/css/img/iklandepan.png' title='Ini contoh banner sponsor situs ini' alt='Ini contoh banner sponsor situs ini' style='border:0'></a></center>
<!-- End iklan -->
d. Fiture -4
Silakan kopi detberita.php dan pasang di kontenweb/modul/detberita.php
Maka anda akan menemukan variasi yang unik disana..
Nah silakan di sruput tema cmsF ini Gan,
INGAT JAGA LINK CREDIT !!
Tema RuBRik saya share juga di alamat ini
http://tema.formulasi.or.id
Apabila ada kendala dalam proses pemasangan silakan berkomentar di bawah yahh.. Saya sangat menghargai pengunjung yang blogwalking dan berkomentar di RuBRik.web.id
