Jumat, 08 Oktober 2010

Menghilangkan Show All Post Pada Blogger
Terkadang Artikel yang kita cari pada blog seseorang suka menampilkan Show All Post, namun apakah hal ini terjadi pada blog yang kita miliki?
Tentunya Anda tidak menginginkannya terjadi, untuk itu marilah sama-sama kita peraktekan bagaimana cara menghilangkan tampilan seperti :

Namun jika ingin menghilangkan yaitu dengan cara menghapus script kode berwarna merah dibawah ini:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Sudah tahu belum, cara menemukan script kode diatas? jika belum ikuti langkah berikut ini:
1. Masuk ke Account Blogger Anda
2. Klik Design
3. Lalu Klik Edit HTML
4. Centang / Ceklis
5. Cari script kode seperti yang diatas, agar lebih cepat gunakan CTRL + F

Kemudian Ganti kode tersebut dengan kode dibawah ini:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
</b:if>
</b:includable>

Nah, mudahkan caranya, maka hasilnya seperti:
Selamat mencoba

Jumat, 21 Mei 2010

Baca Selengkapnya New Blogger

Sebelumnya tech id membahas bagaimana cara memasang readmore pada postingan, dan membuat auto readmore pada postingan. Bagi pemula dalam membuat blog, adakalanya bingung dan bertanya-tanya bagaimana sih memotong artikel agar kelihatan sebagian saja? Hal tersebut telah dijawab oleh kebanyak para blogger yaitu menyarankan memasang readmore pada postingan. 

Cara memasang readmore pada postingan banyak cara dan penempatan yang berbeda, coba anda bandingkan cara memasang readmore 1 dengan auto readmore, tentu sangat berbeda sekali. 
Kali ini tech id membahas tentang mempotong content / artikel dengan menggunakan template new blogger. Sekarang ini blogger sudah menjadi new blogger, dan dalam melakukan pembuatan postingan ada button yang telah dilengkapi lagi, seperti: 

Nah, pada gambar diatas banyak button yang telah tersedia, khususnya button readmore yang akan kita paparkan.
Sobat semua ingin tahu yang mana button readmore/baca selengkapnya? button yang akan kita gunakan adalah button setelah button image, dan jika diarahkan dengan mouse akan keluar tulisan Insert jump break. Nah itu yang disebut button readmore pada new blogger. 
Gambarnya seperti ini:
Bagaimana sih menggunakannya?
Caranya sangat mudah loh, tinggal letakkan kursor pada baris yang akan kita potong, contohnya, tech id memotong pada postingan ini tepatnya pada paragraf pertama seperti:

Setelah itu sobat tinggal klik deh button Insert jump break, maka hasilnya seperti:

Sobat perhatikan deh garis bawah pada postingan tersebut, garis bawah itu adalah readmore. Jika penasaran, lebih baik dicoba saja dan lihat hasilnya. 
Ternyata mudah yah pasang readmore pada new blogger, tanpa harus cari code script, dan rubah scriptnya. Lebih cepat dan praktik.

Selasa, 26 Januari 2010

Memasang Script Iklan diatas Auto Readmore
Dalam memasang Script Iklan Pada Postingan di Blog yang menggunakan Auto Readmore. Jika belum menggunakan Auto Readmore bisa lihat disini.
Sebelum meletakkan Script Iklan tersebut sebagai contoh anda bisa melihat disini, disitu atau disana. Sebagai bahan Referensi.

Langkah yang harus dipatuhi dalam memasang script iklan pada postingan, yaitu:
1. Masuk pada Account Blogger anda (http://blogger.com)
2. Pilih Tab Tata Letak - Edit HTML
3. Centang Expand Template Widget seperti:

Postingan Iklan

4. Cari Kata ]]></b:skin>
5. Lalu Pasang Script dibawah ini tepat diatas kode ]]></b:skin>
    #main-iklan{width:200px; height:200px; float:right; margin:5px;}

6.  Setelah itu cari kode:
<div class='post-body entry-content'>
<p><b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

7. Lalu Pastekan Kode dibawah ini tepat dibawah Script Iklan yang anda dapat tepat dibawah kode
<data:post.body/></div>


Sebelum anda memasang Script iklan tersebut, sebaiknya diparse terlebih dahulu, agar Code HTMLnya muncul di Postingan, klik disini untuk memparse disina atau disini.

Contoh:

 <div class='post-body entry-content'>
<p><b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
&lt;script src=&quot;http://kumpulblogger.com/scahor.php?b=96512&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Baca Selengkapnya&gt;&gt;&gt;&gt; <data:post.title/></a></span>
</b:if>

8. Lalu klik Simpan Template dan lihat Hasilnya.


Semoga Bermanfaat

Minggu, 19 Juli 2009

Postingan hilang setelah pasang Auto Read more

Mungkin anda bertanya-tanya apa ko bisa postingan hilang setelah pasang Auto Read More. Namun alhasil memang seperti itu, seperti tampilan postingan yang hilang setengah artikel disamping.
Cukup mengagetkan ketika saya baca postingan sebelumnya, ternyata sebagin teks hilang, sesuai potongan pada read more sebelumnya.
Lalu saya coba untuk perbaiki postingan saya itu, saya perhatikan dengan seksama ternyata kode





<span class="fullpost">


</span>

diatas harus dihapus juga dari postingan. Dan saya mulai menghapus sampai postingan terakhir, memang cukup melelahkan jika postingan yang telah dibuat berjumlah cukup banyak. he he.
Memang sebaiknya Auto Read more digunakan untuk template yang belum banyak postingannya, karena bisa membuat kita tegang, dan menyangka salah pasang script code. Ha ha ha

Contoh kode :
<span class="fullpost">


</span>
yang harus dihapus pada postingan:

<span class="fullpost">

</span>

Semoga tip ini bermanfaat.


Cara Pasang Baca Selengkapnya Otomatis
Tip kali merupakan inspirasi setelah lihat website yang menggunakan Read more Otomatis tanpa menyisipkan atau memotong (cut) artikel anda di bawah kode <div class="fullpost"> yang terkadang bikin lama dalam membuat postingan artikel. Tidak sengaja jalan-jalan sama Paman Google dan cari keyword Cara Pasang Read More Otomatis. Eh ternyata dapet juga, dan baca semua hasil keywordnya Cara Pasang Auto Read More Terbaru (Part 2). Alhasil ternyata masuk ke web kang o-om.com. Pas diperaktekin hasilnya memang memuaskan, contohnya disini.

Tidak percuma selama ini ikut jalan - jalan sama Paman Google yang selalu memberikan kepuasan tersendiri dan orang lain. Ucapan terima kasih kepada Kang o-om yang udah posting artikel Auto Read More.



Sepertinya langsung aja deh ke pokok permasalahan atau prakteknya.
1. Masuk ke blogger anda
2. Pilih Tab Tata Letak
3. Pilih Edit HTML


Perlu diperhatikan! Bagi anda yang sudah memasang Read more versi lama, termasuk saya sebelumnya menggunakan Read more versi lama, sebaiknya menghapus kode dibawah ini yang berwarna merah. Agar seperti template aslinya sebelum dipasang Read more versi sebelumnya.

<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'>Baca Selengkapanya/Read more</a>
</b:if>
<div style='clear: both;'/>



Setelah menghapus kode berwarna merah diatas, cari kode
</head> lalu copy paste kode dibawah ini tepat diatas kode </head>
Langsung Paste kode dibawah ini:

<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>




Kode disamping adalah jumlah karakter huruf
yang dapat anda tentukan sesuai dengan tampilan
yang anda inginkan, dari besar image atau
teks yang akan tampilkan





Kemudian cari kode <data:post.body/> dan ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Baca Selengkapnya/Read more - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

Jangan lupa Simpan dan lihat hasilnya.
Agar setiap membuat postingan baru tidak muncul kode

<span class="fullpost">


</span>

Sebaiknya anda hapus pada Pengaturan - Formating dan hapus kode

<span class="fullpost">


</span>

Pada kotak Post Template.

Selamat Mencoba.


Minggu, 21 Desember 2008

Cara membuat Baca Selengkapnya
Biasanya postingan terbaru yang kita posting akan ditampilkan satu halaman penuh dihalaman utama blog. Namun jika postingan kamu terasa terlalu panjang maka hal tersebut akan membuat penuh halaman utama blog kamu. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya maka ikutilah tips berikut ini dan serius membaca :

1. Login ke blog sobat blogger.com
2. Setelah muncul Dasbor klik Tab menu layout
3. Buka menu Layout kemudian pilih Edit HTML.
4. Kasih tanda cek (centang) pada cekbox "expand widget template"
5. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<div class='post-body entry-content'>

jika udah ketemu maka dibawahnya ada kode ini :

<p><data:post.body/></p>

6. Kamu ganti dengan kode di bawah ini :

<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'>
Read More.....</a>
</b:if>

Tulisan yang berwarna merah atau "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya" dan Seterusnya... Seterah dengan selera kamu.

7. Simpan hasil pengeditan.
8. Kemudian pilih menu Setting lalu pilih Formatting
9. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

10. Kemudian Simpan.
11. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti :

<span class="fullpost">


</span>

12. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

Maka Selesai deh Tips ini.. Selamat Mencoba...