iBlog Solutions

Pasang Readmore Otomatis Blogger

2010-05-04T15:13:00.001+07:00

Dari judul diatas pasti anda tahu kan maksud dari readmore otomatis ini. Jadi dengan readmore otomatis ini, anda tidak perlu susah-susah untuk memasang tempat anda meletakan readmore. Karena readmore sudah diatur secara otomatis. readmore otomatis ini pun mendukung image thumbnail dan dapat secara otomatis mengubah ukuran gambar yang awalnya berukuran sangat besar sehingga memboroskan dengan sesuai yang kita inginkan sehingga pada artikel blog anda akan terlihat lebih rapi. anda tidak usah susah-susah lagi untuk meletakan tempat pemotongan readmorenya karena readmore akan mengatur seberapa banyak hurufv yang ditampilkan pada artikel yang di readmore. Jadi ucapkan selamat tinggal untuk Readmore karena anda sekarang tidak usah lagi memikirkan yang namanya Readmore ataupun fasilitas Insert Jump Break pada blog.
Sebelum anda mempraktekan tata cara pemasangan readmore otomatis ini, pastikanlah bahwa blog anda belum memasang readmore atau bagi yang terlanjur memasang readmore dan ingin menghapusnya terlebih dahulu ikuti cara-cara dibawah ini.

Menghapus Readmore Lama:
Dasbor - Tata Letak - Edit HTM lalu contreng kotak Expand Template Widget dan cari kode-kode dibawah ini...

<div class='post-header-line-1'/> <div class='post-body'> <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a expr:href='data:post.url'>Readmore</a> </b:if> <div style='clear: both;'/>

Hapus kata-kata yang ditandai dengan berwarna merah di blogmu lalu simpan....

Langkah untuk membuat dan memasang Readmore Otomatis :

Copy-Paste kode dibawah ini dan letakan tapat diatas kode <script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Conteng kotak Expand Template Widget dan kemudian cari kode <data:post.body/> kemudian ganti dengan kode dibawah ini...

Kitapun bisa mengubah beberapa pengaturan readmore sesuai dengan apa yang dinginkan. Bebrapa kode yang bisa kita ubah diantaranya:

Readmore
var thumbnail_mode = "float";
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;

Menampilkan kode HTML di Posting Blog

2010-05-02T21:54:00.001+07:00

Pada kesempatan kali ini saya akan menjelaskan bagaimana cara menampilkan kode html di posting blog kita Karena rata-rata seorang blogger yang ingin menuliskan kode di posting seperti ingin menuliskan artikel seperti tutorial blog ini harus menggunakan banyak sekali kode HTML. Sebenernya kalo kita kepingin menampilkan kode di posting blog. Kita harus terlebih dahulu memparse kode-kode seperti simbol <,>,&,",dan lainnya. Untuk memparse kode tersebut bisa dilihat pada kolom dibawah yang saya ambil dari blognya Kang Rohman, karakter apa saja yang harus diparse dan diganti dengan yang ada di kolom Notasi.dicek yaa gan!

Karakter	Notasi	Keterangan
<	<	Kurung runcing terbuka
>	>	Kurung runcing tutup
&	&	Tanda Dan
"	"	Tanda petik ganda
±	±	Tanda plus minus
Spasi		Tanda Spasi
©	©	Tanda hak cipta (copyright)
®	®	Tanda terdaftar (Registered)

Seperti disini saya ambil contoh:

<meta http-equiv="refresh" content="10">

</meta>

nah sekarang kita ubah karakter-karakter yang ada pada tabel tersebut agar kode HTML atau sebagainya di posting tidak terbaca dan teridentifikasi secara otomatis. caranya seperti pada conoh dibawah:

&ltbr/><br/> <code>
<meta http-equiv="refresh" content="10">
<br/>
</meta>
</code>

Begitulah cara mengganti atau biasa disebut parse kode HTML. Ini biasanya digunakan untuk blog yang isi blognya mencangkup tutorial blogger, html, dan sebagainya. Tapi kalo kodenya terlalu panjang juga bisa repot juga yaa? Untuk mengantisipasi masalah tersebut, baru-baru ini saya menemukan situs layanan untuk memparse kode untuk postingan. Sebut saja namanya Blogcrowds yang linknya bisa anda buka disini
Fungsi dari layanan Blogcrowds ini jelas untuk memparse kode yang ingin ditampilkan di posting blog. Caranya cukup mudah, copy-paste ajah kode HTML yang ingin ditampilkan di kotak kosong yang tersedia. Kemudian klik Parse. setelah itu muncul lagi halaman dengan kode yang sudah di Parse. Copy-Paste kode tersebut kedalam posting blog dan setelah itu selesai. Hasilnya bisa dilihat sendiri pada postingan blog yang tadi kamu buat...

Daftakan Situs ke 300 Mesin Pencari

2010-05-02T16:16:00.001+07:00

Wahh ga tau nih udah berapa banyak tafik pengunjung di blog ini. Ini semua berkat jasa dari mesin pencari di internet yang sudah kita daftarkan. Mengenai mesin pencari, pasti kalian bertanya-tanya, dimana dan bagaimana cara mendaftakan mesin penari sebuah web atau blog. Ada banyak jasa penyedia pendaftaran mesin penari yang bisa kita dapatkan, contohnya seperti di www.searchengineoptimising.com dan www.submitexpress.com yang merupakan situs penyedia jasa pendaftaran situs ke 40 mesin pencari. Wah banyak juga yaa. Nahh, tapi kalo situs penyedia yang saya gunakan ini lebih hebat lagi gan! Bisa mendaftarkan blog saya ini langsung ke 300 mesin pencari. Siapa sangka ada cara untuk mendaftarkan situs kita ke 300 mesin pencari di internet. Cara ini sangat praktis dan mudah bahkan untuk newbie sekalipun. Tak dapat dipungkiri pula ada 300 mesin pencari yang bisa kita daftarkan di situs web termasuk blog. Kalo dipikir-pikir tuh mesin pencari yang kita ketahui ga nyampe sepuluh apalagi 300. daripada kita cari satu persatu, mending kita langsung ajah yuk gan!

Pertama-tama buka halaman www.official.my/submit.php.
Selanjutnya masukan alamat URL dan nama email dikotak kosong yang tersedia
Setelah itu tulis kode verifikasi
Langsung klik ajjh gan
Langkah paling sulit adalah menunggu sembari minum teh hangat...

Tunggulah beberapa menit karena pendaftaran ke 300 mesin pencari tidak mungkin bisa secepat kilat. Butuh bukti? Silahkan lihat saja apakah dikotak scroll yang berada dibagian bawah sudah berhenti atau masih akan terus bertambah? Kalo masih tterus bertambah, jangan anda tutup dulu gan, nanti hasilnya bakal nihil loh, ga bakal nyampe 300 mesin pencari gan, jadi bersabarlah menunggu...

Mengganti Ikon Blogger

2010-04-30T20:29:00.002+07:00

Seringkali kita melihat ikon beragam di berbagai situs tak terkecuali dengan pula dengan blogger. Sebenarnya hal itu bisa saja dilakukan bahkan untuk pengguna blogger sekalipun. Untuk cara mengganti ikonnya, pertama-tama yang kita perlukan adalah gambar. Gambarnya terserah namun dianjurkan sekali untuk lebar dan tingginya harus sama atau berbentuk persegi agar terlihat rapi dan baik. Sedangkan untuk ukurannya pun terserah anda. ikonku berukuran 16x16 yang menurut saya paling adalah batas maksimal tampilan ikon blog ditampilan alamat. Tetapi jika ada ukuran lebih semisal 24x24 atau 32x32 pun tidak apa-apa. Yang jelas ukuran gambar nanti akan sangat berpengaruh terhadap proses loading blog.
Kemudian untuk cara mengganti ikonnya, masuk ke Blogger kemudian pilih Tata Letak - Edit HTML.
Setelah itu masukan kode CSS dibawah ini tepat sebelum kode </head>

Untuk memudahkan pencarian, gunakan Ctrl+F atau F3 dan tulis kode yang dicari tersebut.
Kemudian ganti tulisan icon berwarna merah pada kode tersebut dengan url alamat gambar kamu. Jika kamu membuat gambar di komputer menggunkan Photoshop, Corel, dan sebagainya. Kamu harus mengupload gambar tersebut ke hosting. Hosting gratis untuk penyimpanan gambar salah satunya adalah Photobucket yang bisa anda coba disini.
Langkah terakhir adalah Simpan template kemudian lihat sendiri hasilnya...

Forum Diskusi

2010-04-30T14:40:00.005+07:00

Forum ini dibuat semata-mata untuk para pengunjung yang bingung atau mengalami kendala. Disini kita bisa sharing atau bertukar pikiran dengan saling memberikan solusi. Nah bagi yang mempunyai kendala, silahkan tulis aja disini! siapa tau admin bisa membantu.
Forum

Kontak Admin

2010-04-30T14:39:00.002+07:00

Kontak ini berfungsi sebagai media (pengganti pesan email) untuk mengirimkan pesan, pemberitahuan, dan yang lainnya kepada admin melalui email. Untuk itu, isilah formulir dibawah ini dengan benar agar admin mengetahui identitas anda.

Nama:
Email:
Subjek:
Pesan:
Verifikasi:

Tuker Link

2010-04-30T14:06:00.009+07:00

Pilih salah satu banner dibawah sesuai selera / ukuran yang nantinya akan dipasang di blog. Copy paste kode html yang berada dikotak, bawah gambar kemudian simpan di blogmu.

Banner I

Banner II

Banner III

Banner IV

Setelah itu, pasang banner kamu dengan mengisi kotak dibawah!

Template 4 kolom impian Blogger

2010-04-28T20:39:00.021+07:00

Setelah sukses dengan Template Zinmag Remedy dengan warna gelap yang tampil profesional kini Falcon Hive menghadirkan template blogspot Zinmag Tribune yang tampil dengan gaya majalah berwarna terang yang sudah dilengkapi dengan berbagaio fitur yang lagi hot saat ini termasuk fitur konten scroller yang terletak dibawah header dan fitur grafis serta fitur glider( kalau menurut Om Google semacam konten pesawat terbang layang ).

Demo I Download I Zinmag Tribune image hosted version.zip

Sebuah template blogspot impian yang luar biasa yang diimpi-impikan oleh para blogger yang membayangkan ingin memiliki tempalte gratis di blogspot seperti template - tempalte magazine wordpress ( sayangnya di wordpress tidak bisa mengganti theme semudah di blogspot kecuali punya housting sendiri baik gratis maupun berbayar ).Theme wordpress yang di design oleh designer wordpress yaitu Jinsona design yang bermarkas di WP Fre Themes berhasil di konversi oleh Falcon hive menjadi template blogpot.
Template ini sudah diuji dan tampil sukses dalam berbagai browse seperti :Internet Explorer 8, Firefox RC3, Opera 9,6, Google Chrome 0.3.154.9 dengan fitur-fitur yang sudah ada didalamnya di antara lain yaitu :

- Merupakan Template 4 kolom - Tampil dengan gaya majalah profesional yang warna terang
- Meniliki double header navigasi bar
- Sudah tersedia feature konten scroller
- Sudah tersedia feature konten glider
- Sudah tersedia feature video section
- Sudah tersedia 4 buah tempat banner untuk iklan
- sudah mendukung untuk javascript-based tabber
- Sudah tersedia 3 kolom widget footer section di footer wripper
- Memiliki footer navigasi bar

Di bawah ini Falcon hive sudah menyiapkan Tutorial lengkap untuk mempermudah sobat dalan mempersonalisasikan template Zinmag Tribune ini

Mengkonfigurasi Header Pertama Navigasi Bar

Sobat dapat menyesuaikan header navigasi link ke link pilihan Anda sendiri. Untuk mencapai tujuan ini, akses ke 'Layout' lalu klik tab 'Edit HTML' , tekan [CTRL + F3] untuk menemukan kode di bawah ini dan mengeditnya sesuai dengan item.

<li><a href='YOUR-LINK-HERE' title='YOUR-LINK-TITLE'>YOUR-LINK-TITLE</a></li>

Mengatur Bagian Subscription di bagian atas blog

Sobat dapat mempersomalisaikan bagian Subscription untuk berita ( news )pribadi , komentar dan email serta RSS milik sobat. Untuk mendapatkan ini selesai, akses ke 'Layout' lalu klik tab 'Edit HTML' , tekan [CTRL + F3] untuk menemukan kode di bawah ini dan mengeditnya sesuai dengan item.

<a href='YOUR-POST-RSS-LINK-HERE'> <a href='YOUR-COMMENT-RSS-LINK-HERE'> <a href='RSS-EMAIL-SUBSCRIPTION-LINK-HERE'>

Jika sobat menggunakan Feedburner, link RSS - email subscription akan terlihat seperti ini:

http://feedburner.google.com/fb/a/mailverify?uri=FalconHive&loc=en_US

Mengkonfigurasi Header Kedua Navigasi Bar

Sobat dapat menggunakan cara yang sama untuk menyesuaikan header navigasi link ke link pilihan Anda sendiri. Untuk mencapai tujuan ini, akses ke 'Layout' lalu klik tab 'Edit HTML' , tekan [CTRL + F3] untuk menemukan kode di bawah ini dan mengeditnya sesuai dengan item.

<li><a href='YOUR-LINK-HERE' title='YOUR-LINK-TITLE'>YOUR-LINK-TITLE</a></li>

Mengatur Featured Content Scroller di bagian atas halaman utama

Sobat bisa melihat template ini sudah memiliki fitur untuk scroller gambar dan keterangan di bagian atas halaman, yang hanya dapat dikonfigurasi melalui 'Edit HTML' section.

Untuk menampilkan konten yang setup scroller, cukup akses ke 'Layout' kilk tab 'Edit HTML' , jangan lupa centang 'Expand Template Widget', kemudian tekan [CTRL + F3] untuk menemukan kode di bawah ini dan mengeditnya sesuai dengan item.

<a href='POST-LINK-HERE' title='LINK-TITLE-HERE'><img src='IMAGE-LINK-HERE'width='60' height='40' alt=''/></a> <div class='fmeta'>POST-DESCRIPTION-HERE</div>

Mengatur Feature Konten glider di bagian atas halaman utama

Terdapat juga mendapat grafis Feature Konten glider dengan penjelasan kaya di bawah ini menampilkan konten scroller, sobat hanya dapat mengakses ke dalam ruang melalui 'Edit HTML' section ..

Untuk setup yang menampilkan konten glider, cukup akses ke 'Layout' klik tab 'Edit HTML' , jangan lupa centang 'Expand Template Widget', kemudian tekan [CTRL + F3] untuk menemukan kode di bawah ini dan mengeditnya sesuai dengan item.

<h2><a href='POST-LINK-HERE' title='LINK-TITLE-HERE'>POST-TITLE-HERE</a></h2> POST-DESCRIPTION-HERE</div> <a href='POST-LINK-HERE' title='LINK-TITLE-HERE'><img src='IMAGE-LINK-HERE' width='650' height='250' alt='IMAGE-TITLE-HERE'/></a>

Mengatur Minipost Bagian bawah Feature Konten glider

Ada yang mendapat bagian minipost terinstal di bawah Featured Content glider, sobat hanya dapat mengakses ke dalam melalui bagian 'Edit HTML' section ..

Untuk setup yang menampilkan konten pada sidebar, cukup salin kode di bawah ini, maka akses ke 'Layout' dan di bawah 'Elemen Halaman/page element', klik pada 'Edit' dari 'fitur-content2', mengedit dan menyisipkan kode sesuai dengan item.

<div class='hentry'> <h2><a href='POST-LINK-HERE' title='LINK-TITLE-HERE'>POST-TITLE-HERE</a></h2> <div class='categ'>POST-CATEGORY-HERE</div> <div class='minicontent'> <img src='IMAGE-LINK-HERE' width='120' height='80' alt='' /> POST-DESCRIPTION-HERE </div> </div> <div class='minimeta'>POST-DATE-HERE I <a href='POST-LINK-HERE'>Read the full story</a></div>

Cara untuk menyembunyikan isi dari artikel atau membuat"Readmore "di halaman utama

Template ini sudah dilengkapi dengan fungsi 'Readmore atau Selengkapnya' , sobat mungkin ingin menyembunyikan sebagian dari teks yang ditampilkan pada halaman utama. Bahkan, sobat hanya butuh beberapa langkah sangat mudah untuk mencapai ini. Cukup salin kode disorot di bawah ini, maka akses ke dalam tab 'Pengaturan/setting' dan di bawah 'Memformat/formatting' , sisipkan kode ke dalam box 'Post Template'.

<span class="fullpost"></span>

Pada waktu berikutnya sobat menulis artikel, anda hanya perlu menambahkan baris kode ini untuk menyembunyikan teks. Misalnya,

Setelah template Zinmag Remedy, Zinmag Tribune Blogger Template adalah bergaya majalah profesional berwarna terang yang dikarang atau di design oleh Jinsona Desain Template ini memiliki fitur yang kaya fitur seperti konten scroller fitur dan konten glider

Maka halaman utama yang hanya menampilkan 'Setelah template Zinmag Remedy, Zinmag Tribune Blogger Template adalah bergaya majalah profesional berwarna terang yang dikarang atau di design oleh Jinsona Desain', sedangkan yang lainnya adalah menyembunyikan teks dan hanya dapat dilihat setelah mengklik 'Read More' .

Mengatur Feature Bagian video di bagian atas sidebar

Ada video di bagian atas sidebar, dan Anda dapat meletakkan video favorite Youtube dalam bagian oleh hanya beberapa langkah sederhana.

Menyiapkan video favorite Youtube, Sobat hanya menyalin kode embed video dari link tersebut, maka akses ke 'Layout' dan di bawah 'Elemen Halaman', klik pada 'Edit' dari 'fitur-video', kemudian sisipkan kode 'Simpan/Save' untuk menampilkan video!

Video dari Youtube sobat menanamkan kode link ini terletak di bawah profil upload video, dan SOBAT dapat menyesuaikan <embed> lebar dan tinggi di dalam kode untuk memperbaiki bagian ukuran. Ukuran yang direkomendasikan untuk bagian ini adalah fitur video dan 310 lebar 255 tinggi.

Menyiapkan JavaScript berbasis pada Tabber sidebar

Sobat mungkin dapat melihat bahwa ada mendapat tabber dinamis dengan 3 gadget di dalam sidebar. Dengan mengklik 'Populer', Anda dapat benar-benar mengatur 'Populer' bagian dari tabber dengan gadget apapun, sama seperti mengklik 'Archive' dan 'Recent', yang mengarahkan Anda ke pengaturan yang kedua dan ketiga bagian dari tabber.

Untuk setup yang bagian populer post , sobat cukup salin kode di bawah ini maka akses ke 'Layout' klik tab 'Elemen Halaman' , klik HTML / JavaScript gadget ke bagian 'Populer' kemudian sisipkan kode di dalam gadget dan mengeditnya sesuai dengan item.

Untuk seksi/bagian 'Archive', sobat dapat menginstal gadget Arsip di dalam seksi, dengan 'daftar' direkomendasikan sebagai pilihan. Adapun seksi/bagian 'Recent' , sobat dapat menempatkan gadget Feed sobat bersama ke bagian feed.

blog sobat.

Mengatur Iklan Ruang Angkasa di sidebar

Template Zinmag Tribune menempatkan sebuah ruang untuk banner iklan di sidebar, dan sobat dapat dapap men setup banner iklan melalui bagian 'Edit HTML' . Untuk mencapai tujuan ini, cukup akses ke 'Layout' klik tab 'Edit HTML' , tekan [CTRL + F3] untuk menemukan kode di bawah ini dan mengeditnya sesuai dengan item.

Mengatur Footer Navigation Bar

Sama dengan judul bar navigasi, sobat dapat menyesuaikan header navigasi link ke link pilihan sobat sendiri. Untuk mencapai tujuan ini, akses ke 'Layout' klik tab 'Edit HTML' , tekan [CTRL + F3] untuk menemukan kode di bawah ini dan mengeditnya sesuai dengan item.

<li><a href='YOUR-LINK-HERE' title='YOUR-LINK-TITLE'>YOUR-LINK-TITLE</a></li>

Buat sobat-sobat yang menggunakan template ini jangan coba-coba untuk menghapus link, 'Bloggerized oleh FalconHive.com' di bagian footer karena sobat telah diberikan template gratis yang berkualitas tinggi oleh Falcon hive dan kalau sobat menghapusnya sobat harus membayar mahal untuk ini karena telah menghilangkan hak cipta.

Falcon hive menginginkan link footer 'Bloggerized oleh FalconHive.com' nya tetap utuh, sobat boleh menghapus link footer tersebut dengan catatan sobat harus mebayar ke falcon hive mimimal $ 5 sebagai uang lelah atau donasi dengan catatan sobat tidak dapat mendistribusikan template ini tanpa link footer dari 'Bloggerized oleh FalconHive.com' itupun setelah Falcon hive setuju dan menerima pembayaran dan setelah itu sobat dapat menikmati template Falcon hine tanpa 'Bloggerized oleh FalconHive.com'

Falcon hive peduli Pengarang/Authored

Zinmag Tribune template (Blogger) termasuk di bawah Creative Common License. Ini berarti ia bebas untuk digunakan pada blog sobata selama kredit link di footer disimpan utuh. Jinsona Design dan Falcon hive telah benar-benar menempatkan banyak upaya pada desain template ini, jadi jika memungkinkan sobat bisa berkunjung ke situs dan meninggalkan sebuah atau dua buah komentar!

Untuk template Blogspot terbaru sobat bisa berlangganan RRS di Falcon hive

Sobat patut untuk menjadi yang tercepat untuk mendapatkan template Blogger terbaru dari Falcon hive. Klik aja 'RSS' Falcon hive ini atau subscribe it by email, maka sobat sudah siap untuk mendapatkan template Blogger terbaru dari Falcon hive!

Menurut Falcon hive Lebih banyak tema dikonversi, lebih banyak pengetahuan untuk belajar!

katanya "Aku harus mengakui bahwa saya belajar banyak dari Tribune konversi, dari CSS modifikasi ke tubuh bagian coding. It's really wonderful bahwa setiap kali saya mengubah tema, saya harus berkomunikasi dengan bahasa di dalam tema, dan pelajari ide kreatif yang dilakukan penulis di dalam tema. I thought it's keindahan desain web, kami belajar dari yang lain ide bagus, dan hasil yang lebih baik template untuk anda semua untuk menikmati!

Selamat menikmati template impian ini semoga sobat semakin betah ngeblog...Happy blogging jangan lupa komentar dan saran serta kritik sangat saya butuhkan untuk perbaikan blog ini.

Sumber: http://bangbaka2008.blogspot.com/2009/02/zinmag-tribunetemplate-4-kolom-impian.html