• Vestibulum quis diam velit, vitae euismod ipsum

    Etiam tincidunt lobortis massa et tincidunt. Vivamus commodo feugiat turpis, in pulvinar felis elementum vel. Vivamus mollis tempus odio, ac imperdiet enim adipiscing non. Nunc iaculis sapien at felis posuere at posuere massa pellentesque. Suspendisse a viverra tellus. Nam ut arcu et leo rutrum porttitor. Integer ut nulla eu magna adipiscing ornare. Vestibulum quis diam velit, vitae euismod ipsum? Quisque ...

  • Aliquam vel dolor vitae dui tempor sollicitudin

    Proin ac leo eget nibh interdum egestas? Aliquam vel dolor vitae dui tempor sollicitudin! Integer sollicitudin, justo non posuere condimentum, mauris libero imperdiet urna, a porttitor metus lorem ac arcu. Curabitur sem nulla, rutrum ut elementum at, malesuada quis nisl. Suspendisse potenti. In rhoncus ipsum convallis mauris adipiscing aliquam. Etiam quis dolor sed orci vestibulum venenatis auctor non ligula. Nulla ...

  • Nam ullamcorper iaculis erat eget suscipit.

    Etiam ultrices felis sed ante tincidunt pharetra. Morbi sit amet orci at lorem tincidunt viverra. Donec varius posuere leo et iaculis. Pellentesque ultricies, ante at dignissim rutrum, nisi enim tempor leo, id iaculis sapien risus quis neque. Ut sed mauris sit amet eros tincidunt adipiscing eu vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos ...

Twitter

Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Membuat Huruf Besar Pada Awal Postingan

Nah kali ini saya ingin berbagi ilmu bagamana membuat huruf besar dari huruf-huruf lain di awal postingan diblog. Seperti pada saat anda membaca koran atau majalah mungkin pernah menemui huruf pada awal suatu cerita atau berita di awali dengan huruf besar.
Jika anda tertarik untuk memnerapkanya pada postingan anda silahkan ikuti langkah-langkahnya di bawah ini :

Langkahnya :
1. Login ke blogger dengan ID anda2. Klik Tata Letak / Layout
3. Klik Tab Edit HTML
4. Backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.
5. Beri tanda centang pada kotak kecil Expand Template Widget
6. Cari kode ]]></b:skin> Untuk memudahkan mencari tekan ctrl F / F3.
7. Copy paste kode di bawah ini sebelum kode ]]></b:skin>
/*- Huruf 1 Style Koran--------------------------- */
.stylekoran { float:left; color: #A91B33; font-size:100px; line-height:80px;
padding-top:1px; padding-right:5px; }

8. Kode warna biru adalah kode warna tulisan yang akan di tampilkan besar bisa anda ganti dengan warna kesukaan anda.
9. Kemudian Save Template.

Langkah selanjutnya :
1. Klik menu Setting / pengaturan
2. Klik pada Formatting.
3. Copy paste kode script berikut ke tempat entri :
<span class="stylekoran">


</span>


4. Klik Save setting / Simpan setelan.

Untuk membuatnya di postingan di awali huruf besar tambahakan huruf di antara kode script tadi.
Misalnya :
<span class="stylekoran"> Huruf pertama postingan </span>

Gati tulisan warna biru dengan huruf yang ingin di jadikan besar. contoh lagi :
<span class="stylekoran">C</span>ontoh postingan

Huruf C akan menjadi besar. Nah silahkan mencobanya!
Semoga bermanfaat.

0 komentar

Cara Membuat Link Atau Text Disamping Judul Sidebar

Nah kali ini saya ingin berbagi tips untuk menampilkan sebuah link di samping judul atau title sidebar Blog. Contohnya seperti di sidebar MyRssFeed di Blog saya disan terlihat ada sebuah link Berlangganan. Cara ini sebenarnya ada 2 cara yaitu menampilkan sebuah link dan menampilkan text saja. Anda tertarik untuk membuatnya atau memasangnya ? 
Silahkan ikuti langkah-langkahnya berikut ini :

1. Log in di blogger dengan id anda untuk masuk ke akun dan mengedit blog anda.

2. Klik Tata Letak / Layout
3. Tambahkan gadget dengan mengklik Add a Gadget
4. Pada menu yang tersedia, pilih atau klik HTML/Javascript
5. Copy pastekan Kode di bawah ini, CATATAN : Pastikan judul atau title sidebar / pada gadget HTML/Javascript dalam keadaan kosong untuk menghindari duplicate title.


Kode pertama Link dengan icon tau backgraund :

<style type="text/css">
.pasang-link{ 
font-size:11px; 
float:right; 
font-weight:bold; 
background:url(http://t1.gstatic.com/images?q=tbn:lJgxPMEh7KGJJM:http://aespesoft.com/wordpress/wp-content/themes/massivepress/images/category-rss.jpg) 
right 0px no-repeat; padding-right:20px; 
} 
</style>  
<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>
6. Ganti kode warna merah dengan icon yang anda suka, kode warna biru adalh text link dan warna hijau adalah title sidebar. 
Jadinya seperti ini :
Kode kedua link tanpan icon atau backgraund :

<style type="text/css">
.pasang-link{ 
font-size:11px; 
float:right; 
font-weight:bold; 
} 
</style>  
<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>
Kode ketiga menampilkan text saja :
<style type="text/css">
.pasang-link{ 
font-size:11px; 
float:right; 
font-weight:bold; 
} 
</style>  
<h2><span class="pasang-link">Text Here</span>Title Sidebar</h2>
Jadinya seperti ini :
Dah tambahan lagi kemungkinan pada kode sidebar menggunkanan kode </h3> jika beda template. Sumber dari O-om.com
Selamat mencoba semoga berhasil.

0 komentar

Membuka Widget Blog Yang Di Kunci Di Edit Layout

Hemm.. kali ini saya akan berbagi sedikit pengetahuan buat Anda. Saya bingung mau mengasih judul artikel ini, mungkin ANda belum maksud apa yang saya maksudkkan pada judul diatas. Nah agar lebih jelas baca dengan baik tips atau tutorial berikut ini.

Membuka Widegt yang di kunci di edit layout blogger. misalnya pada header blog lihat gamabr di bwah ini :

Nah sudah lihat gambar diatas perbedaan widegt yang terkunci dan tidak terkunci. Biasanya widegt yang terkunci tidak bisa Anda ganti dan Anda pindah-pindah. Kebanykkan pada tempalte bisanya terdapat pada header, postingan, dan artribut. Nah sekarang jika Anda ingin  menggati atau memindah widget yang terkunci dengan widget lain maka Anda harus membukanya terlebih dahulu. Caranya untuk membukanya sangat mudah dan sederhana perhatikkan tutorial berikut ini.

1. Loin ke akun blogger Anda
2. Klik Design / Layout
3. Klik Tab menu Edit HTML
4. Beri tanda centang disamping tulisan Expand Widget Templates
5. Carilah kode HTML widget tersebut misalnya header pengalan paling atas kode HTML-nya sebagai berikut :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogger Boja Site (Header)' type='Header'>

* Perhatikan kode warna biru adalah kode untuk mengunci atau membuka widget, jika ingin dibuka jadi seperti ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Blogger Boja Site (Header)' type='Header'>

*Jadi intinya hanya menggati kode true menjadi false. Jika ingin membuka kode widget yang lainnya seperti postinagan. kodenya sebagai berikut :



<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Menjadi :

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>

6. Jika sudah diganti kodenya jangan lupa Save Template.

Berikut gambar header setelah saya buka :


Anda juga bisa membuka widget-widget yang lain yang masih dikunci. Jika ingin mengunci widget yang terbuka ganti saja kode locked='true' menjadi locked='false'.


Nah sedikit pengetauhan saya semoga bermanfaat, next time!

0 komentar
Diberdayakan oleh Blogger.