ROADSHOW LPM BSI

KLIK GAMBAR UNTUK LEBIH JELAS


[+/-] Selengkapnya…

Menghias Ulang Blog Kesayangan



Alhamdulillah setelah banyak masalah teknis yang dihadapi disaat membenahi tampilan blog kesayangan ini yang lama terbengkalai karna banyak hal. Akhirnya blog ini pun siap dinikmati kembali. Setelah sekian lama tidak posting bukan hanya dalam hitungan bulan tetapi beberapa tahun lamanya sudah blog ini tidur tanpa sentuhan pemiliknya...ya tentunya saja saya. Semoga blog ini bisa lebih konsisten untuk kembali aktif. "Tiada daya dan upaya hanya karena Allah lah semua terwujud".

Selanjutnya saya ingin berbagi tentang bagaimana saya berbenah besar2an dalam merernov dan menghias blog ini. Selayaknya rumah, blog juga butuh untuk dirubah sesuai kebutuhan atau selera supaya tidak membosankan dan memotivasi agar kita betah berlama-lama mengisi blog. Setidaknya blog juga merupakan cerminan diri karakter seseorang. Kebetulan saya sangat menyukai keindahan visual jadi perubahan kerarah visual yang indah dan tidak membosankanpun saya kembangkan, tentu saja dari sudut pandang saya juga. 

Pertama diawali dari hunting theme blog dengan sambungan internet modem XL ala kadar tapi cukuplah untuk upload dan download. 
Kedua membackup theme lama supaya bisa mengembalikan theme seperti semula disaat gagal saat menginjek theme baru. Tahap backup ini sangat penting karna bagi pemula seperti saya keberhasilan untuk ganti theme cenderung berantakan jadi solusinya amankan dulu data lama anda. 


Ketiga baru masuk ke point utamanya yaitu proses mengganti theme baru dengan cara mengupload theme baru yang sudah tersimpan di komputer. Saya tidak memberikan cara step to step secara detail karna sudah banyak yang memposting hal seperti ini, jadi bisa cari di google dengan kata kunci ganti theme blogspot.
Keempat merapihkan segala hal yang berkaitan dengan widget atau bawaan theme lama. Ini yang membutuhkan waktu lama karna berhubungan dengan script. Untuk hal ini edit html sangatlah diperlukan untuk membuat tampilan blog rapi sesuai karakteristik theme baru. Salah satu masalah serius yang saya temui dalam merapihkan theme baru, yaitu fasilitas readmore yang tidak berfungsi, sebelumnya fungsi readmore berfungi di theme lama. Setelah saya browsing sana-sini banyak referensi yang muncul diantaranya karna perbedaan versi readmore lama ke yang baru. Saya coba terapkan fungsi readmore baru karna menurut saya theme ini baru jadi ya readmorenya juga baru. Tapi ternyata ada beberapa perbedaan bahasa program yang di gunakan. Setelah lama saya otak atik html tetap tidak bisa juga akhirnya saya menggunakan readmore versi lama yang saya salin dari backup theme lama (disini salahsatu pentingnya backup). 

Scriptnya adalah:
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
span.selengkapnya {display:inline;}
<b:else/>
span.selengkapnya {display:none;}
</b:if>
</style>
 <script src='http://www.geocities.com/kendhin_x/blog/Readmore.js' type='text/javascript'/>
<script src='http://amen24.googlepages.com/Readmore.js' type='text/javascript'/>
script di atas di copy di atas </head>

Kemudian cari
<div class='post-header-line-1'/>

Lalu di bawahnya copykan dengan sript dibwah yang berwarna merah
<div class='post-body entry-content' expr:id='&quot;post-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='&quot;javascript:showFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0);'>[+/-] Selengkapnya&#8230;</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='&quot;javascript:hideFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0);'>[+/-] Ringkasan saja&#8230;</a></p>
</span>
<script type='text/javascript'>checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;)</script>
</b:if>
Jangan bingung yang tulisan hitam diatas
<div class='post-body entry-content'  banyak ditemui perbedaan penulisan diantaranya
<div class='entry' seperti yang saya alami.
Sedangkan <p><data:post.body/></p> ada yang tidak menuliskan <p> pada awal dan akhirnya untuk itu tinggal tambahkan saja.

Setelah semua selesai  simpan dan lihat hasilnya.
Kelima terakhir tinggal poles blog dengan kreatifitas entah itu mengganti gambar header, menambahkan widget, dll sesuai selera.

Sekian semoga bermanfaat...



[+/-] Selengkapnya…

Bajajcopter

Bajajcopter
Kendaraan anti macet

wallpaper Islam

wallpaper Islam
syahadat

Contact

email: ferdigi@yahoo.com
facebook: ferdigi@yahoo.com