CSS Membuat 3 Slide di Postingan

CSS Membuat 3 Slide di Postingan - CSS 3 memang begitu hebat hingga aku yang baru belajar ini terperangah dibuatnya. Hingga dari image yang adaAnimasi macam-macamnya sampai yang variasinya diluar nalar, haaa.. ya itulah CSS. Lanjut di artikel bawah ini ya...

 

• Variasi Hover CSS

  Variasi Hover CSS adalah trik bagaimana suatu tulisan atau image menjadi atau mempunyai efek disampingnya seperti bercahaya jika cursor sedang didekatkan.
  
  Jika pada Image, biasanya Gambar akan berputar atau transparan dsb.

• Variasi Shadow CSS

  CSS Shadow biasanya sering dipakai dalam text, gambar dan variasi design lainnya. Dengan Efek shadow ini, maka jika diterapkan dalam tulisan maka biasanya akan semakin terlihat cantik dan elegan.
  
  Silahkan anda coba-coba untuk menggunakan shadow efek di tulisan postingan blog kamu.

• Variasi Postingan

  Variasi dalam Postingan berarti adalah Postingan yang biasanya diterapkan dalam blog model Blogazine, yaitu yang bergaya perpostingan dengan tampilan berbeda.
  
  Model Blogazine kini mulai digemari dan manjadi promadona oleh sebagian orang, dan juga termasuk saya, walaupun saya masih sangat bingung dengan tutorial2 yang sudah ada.

Kembali lagi dalam menggunakan CSS, tergantung pada kreatifitas dan imajinasi masing-masing, karena tutorial dan cara-caranya sudah lengkap dijabarkan dengan jelas di blog-blog master-master CSS.

Ok, selamat berimajinasi.

HMPS TI UNIKAMA DAN KAMPUS MULTIKULTURAL

HMPS TI UNIKAMA DAN KAMPUS MULTIKULTURAL MEMANAS - Persaingan antar peserta Contest SEO HMPS TI UNIKAMA semakin memanas, banyak peserta lomba yang menggunakan berbagai cara untuk dapat nangkring dihalaman depan google, baik menggunakan teknik nitip link ke web yang ber PR tinggi hingga submit sana-sini dan akhirnya sampai muncul dan kelihatan tekniknya. Yach namanya juga persaingan terkadang tidak memikirkan prosesnya tapi Hasilnya. Dari itulah banyak blogger yang menerapkan teknik-teknik yang tidak sesuai kaidah sebenarnya.

Dengan keyword yang telah di umumkan panitia lomba tanggal 28 Mei 2012 lalu maka resmilah para peserta mengangkat tema "HMPS TI UNIKAMA DAN KAMPUS MULTIKULTURAL". Keyword itulah yang dibidik oleh para peserta lomba termasuk diriku sendiri. Aku hanya iseng mengikuti lomba blog ini dan memakai nya untuk menambah pengalaman mengikuti kontest semacam ini. Karena jujur saja ini kali pertamanya aku mengikuti lomba Blog tingkat Jawa Timur.

Dan siapapun natinya menjadi pemenang dalam contest ini,, semoga dia benar-benar mengerti konsep SEO yang sebnarnya sehingga pastinya saya akan dapat belajar dari orangnya langsung. Mengingat jurusan SMK saya adalaj TKJ toh saya juga baru memahaminya sedikit sekali tentang SEO BLOG.

Keyword dan Bidikan peserta HMPS TI UNIKAMA DAN KAMPUS MULTIKULTURAL, jika saya amati terus menerus blog ini masih dapat nampang dihalaman pertama si google, untuk beberapa hari ini, namun saya juga gag tahu apakah nantinya akan naik ataua malah menghilang.

Berdoa, Berusaha dan harus Ihtiyar tertunya, seperti itu juga yang disampaikan dalam blog Panitia. Nasehat yang apik untuk di ikuti. Bissmillahirrohmanirohim.

HMPS TI UNIKAMA

Cara Membuat Bread Crumb di Blogspot

Cara Membuat Bread Crumb di Blogspot - Salah satu hal yang memang perlu dalam menguatkan blog dalam SEO ( HMPS TI Unikama dan Kampus Multikultural ) seperti contest yang aku ikuti sekarang walau ini kali pertama aku ikut dan masih sangat awam. tetapi aku baca-baca breab Crumb ini kayagnya Sunah Muakad bagi sebuah blog.

Langsung saja ikuti caranya berikut ini

• Masuk ke Edit HTML
• Cari Kode script ]]></b:skin>
• Copy code dibawah ini, pas diatas kode diatas 

.breadcrumbs { padding: 5px 0 5px 15px; margin: 0px 0px 15px 0px; font-size: 95%; line-height: 1.4em; border-bottom: 1px solid #000; position: fixed; top: 0; left: 0; width: 100%; background: #92417d; z-index: 999; }
•  Cari kode <b:includable id='main' var='top'>
•  Jika udah ketemu Copy script dibawah ini diatas kode diatas
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Beranda</a></span>
<b:loop values='d`ta:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>All Posting From My blog</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Category Article <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
• selanjutnya cari kode <b:include data='top' name='status-message'/> kode tersebut biasanya ada 2 simpan saja kode di bawah ini di atas kedua kode tersebut.
<b:include data='posts' name='breadcrumb'/>
• Terakhir disimpan.

Semoga Berhasil. ^_^

Menemukan Hal Baru Dalam Diriku

Menemukan Hal Baru Dalam Diriku, mungkin inilah hal yang bisa aku ungkapkan sekarang, karena dorongan dari banyak pihak yang terus mendukung terutama keluarga dan sahabat karib akhirnya aku memutuskan untuk menjadi seorang ladys blogger. Mungkin inilah hidayah-Nya untuk menjadikan aku berguna bagi banyak orang dengan sedikit cerita-cerita dan share sedikit ilmu ini. Walau aku baru mendalami blogger 1 bulan ini tapi sebelumnya aku sudah baca-baca referensi dari para master blogger indonesia.

Hal Baru Dalam Diriku ini adalah aku rasakan secara tidak sengaja tumbuh dan mendarah daging dalam runtutan hidupku. Banyak baca cerita Sukses dari para master Blogger Indonesia kemudian meng-Inspirasiku untuk mulai mencoba hal yang tergolong baru bagiku. Saya yang lahir dari keluarga yang sangat Gaptek dan gag ngerti Teknologi tetapi karena Dukungan penuh dari keluarga akhirnya mencoba memberikan arti bari dalam perjalanan Hidupku. Blogger SMK Islam Donomulyo itulah yang aku coba untuk mewujudkannya.

Selain menjadi seorang Blogger saya sebenernya adalah seorang Penyiar Radio di SKIMO FM (SMEKID) Donomulyo. Yach itu juga menjadi Hobiku yang pertama dan kemudian menyusul ya ngeblog ini. kalau yang lain ya biasalah seperti halnya cewek lain. hee...

Dengan Menemukan Hal Baru Dalam Diriku ini aku ingin memberikan karya-karya terbaikku untuk orang mendukungku, Keluargaku, teman dan Guru-guruku si SMK Islam Donomulyo dan SMP N 2 Donomulyo (SNEGAD).

HMPS TI Unikama dan Kampus Multikultural

HMPS TI Unikama dan Kampus Multikultural antara sebuah Organisasi Mahasiswa dan disingkat HMPS TI Unikama. Benar sekali HMPS TI adalah sebuah Organisasi mahasiswa yang membawahi semua jurusan Teknik Informatika di Universitas Kanjuruhan Malang. Sedangkan Kampus Multikultural adalah julukan untuk Unikama. Sebagai sebuah organisasi mahasiswa HMPS TI mempunyai program kerja salah satunya adalah acara Contest SEO Blog HMPS TI Unikama 2012 ini.

HMPS TI Unikama selalu mencoba memberikan warna baru, dan salah satu caranya adalah dengan mengadakan lomba ini untuk tingkat SMP/ SMA/SMK/MA se-Jawa Timur. Dan Kampus Multikultural (unikama) adalah lembaga yang menanungi d`ri berbagai macam Ormawa ya salah satunya adalah HMPS TI ini. Gelaran acara contest ini adalah bagian dari beberapa program kerja yang ada dalam Himpunan Mahasiswa Program Studi teknik Informatika ini.

Program Kerja yang ada diantaranya sebagai berikut :

1. Contest SEO blog HMPS TI Unikama 2012
2. Belajar Bareng
3. Sharing Teknologi
4. Lomba Film Indie
5. Musyawarah Besar (MUBES)

Dari 39 organisasi Mahasiswa yang ada di UNIKAMA, HMPS TH Unikama mencoba memberi warna baru dalam membuat program kerja, hal ini terbukti dalam acara lomba ini, dengan memadukan konsep terbaru dalam bidang Internet untuk SMA/SMP karena yang ada biasanya adalah Lomba Design Blognya. HMPS TI unikama mencoba memberikan pengalaman baru bagi siswa-siswi SMA/SMP agar lebih memahami konsep SEO blog.

Kampus Multikultural adalah sebutan untuk UNIKAMA. Mengapa demikian..?? jawabannya adalah karena dalam Unikama terdapat atau memberikan hal baru bagi warga luar daerah dan luar pulau untuk dapat kuliah disana. Terdapat banyak ras dan suku dari luar pulau yang juga masuk menjadi mahasiswa di kampus multikultural ini. Antara lain adalah dari Pulau madura, NTB, NTT, Bali, Kalimantan, Ambon, Sulawasi, Sumatera bahkan ada juga yang berasal dari Papun.

Dengan hal yang demikian maka patutlah kampus Kanjuruhan Malang mendapat julukan kampus multikultural. Dari sekian banyak mahasiswa yang telah menempuh pendidikan di Unikama banyak yang mendapat prestasi dalam kancah Nasional. Lomba Robot untuk HMPS TI juga pernah di ikuti dan juga lomba-lomba lainya yang masih erat kaitannya dengan dunia Teknologi.

Oke, anda juga bisa menjadikan Unikama sebagai solusi kuliah Anda ketika sudah lulus dari SMK/SMA.

Membuat Bullet List Dengan Css

Membuat Bullet List Dengan Css - Hmm, udah sumpek gara-gara blogku error,
cari tutorial malah nemuin ini, langsung saja aku coba,
gag tau akan sukses atau gag, tapi aku coba dulu.
Oiya sebelumnya silahkan dicoba tutorial Membuat Bullet List Dengan Css ini,

kali aja pada juga pingin nyoba. Silahkan di ikuti caranya dibawah :

• Masuk ke Edit HTML pada blog masing-masing
• Copy script berikut ini di atas ]]></b:skin>

 

.post-body ul {
margin: 0 auto;
background: #def;
padding: 0 0 0 25px;
list-style-image: url(http://4.bp.blogspot.com/-Thrd-5Ufd-U/
TlopZd6OSRI/AAAAAAAABso/xnFa43D30r4/s1600/uncheck.gif);
}
.post-body li {
margin: 0 0 0 10px;
padding: 3px;
border-bottom: 1px solid #999;
}
.post-body li:hover {
list-style-image: url(http://3.bp.blogspot.com/-1nWUFcXMHno/
Tloo6Sp_dkI/AAAAAAAABsU/ZXrFOIVNUAY/s1600/check.gif);
background-color: #CDE0E7;
cursor: pointer;
}

Untuk selanjutnya silahkan save templatenya, dan mulailah posting sista and brada. hiiii
Demonya seperti diatas, jika cursor didekatkan maka akan aktif centangnya.

referensi : http://sin1aja.blogspot.com/2012/05/modifikasi-list-bullet-dengan-css.html