Sabtu, 07 Mei 2011
Cara Bikin "read more" Otomatis di Blog Blogger
03.20 |
Diposting oleh
Unknown |
Edit Entri
Biar gak capek susah bolak balik bikin read more, ini ada cara yang sekali jalan langsung bisa bikin "read more" di blogmu
Login ke Blogger > klik Layout> trus pilih Edit HTML di dashboard Blogger, kemudian centang pada kotak ekspand widged
Langkah 1
search (ctrl+f) </ head> sisipkan kode dibawah ini sebelum </ head>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
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>
Langkah 2
search (ctrl+f) <data:post.body/> block lalu ganti degan mempaste kode di bawah ini:
<b:if cond='data:blog.pageType == "static_page"'><br/>
<data:post.body/>
<b:else/>
<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:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
Save dan pratinjau dulu, lihat Perubahannya
Login ke Blogger > klik Layout> trus pilih Edit HTML di dashboard Blogger, kemudian centang pada kotak ekspand widged
Langkah 1
search (ctrl+f) </ head> sisipkan kode dibawah ini sebelum </ head>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
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>
Langkah 2
search (ctrl+f) <data:post.body/> block lalu ganti degan mempaste kode di bawah ini:
<b:if cond='data:blog.pageType == "static_page"'><br/>
<data:post.body/>
<b:else/>
<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:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
Save dan pratinjau dulu, lihat Perubahannya
Kamis, 28 April 2011
Cara Memasang Tombol Facebook Share di Blogmu
22.18 |
Diposting oleh
Unknown |
Edit Entri
Wow... tulisanku banyak yang suka, tapiii gimana ya caranya biar tulisanku ini bisa aku bagi di halaman facebook-ku?
Gak usah bingun Bro... ne ada beberapa rapal dan jampi yang diajarkeun para pendekar berwatak baik di dunia maya, dan tulisanmu bisa kamu bagi ke siapapun dengan cara membuat tombal share di blog kamu. ini neh caranya:
1. Buka blogger. Masuk ke menu Design->Edit HTML
2. Beri centang pada 'Expand widget templates'
3. Cari kode <data:post.body/>
4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama
5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.
Tombol Fshare tanpa counter
Kode:
Tombol Fshare dengan counter diatas
Kode:
Tombol Fshare dengan counter disamping
Kode:
6. Jika sudah simpan template anda dan lihat hasilnya.
Gak usah bingun Bro... ne ada beberapa rapal dan jampi yang diajarkeun para pendekar berwatak baik di dunia maya, dan tulisanmu bisa kamu bagi ke siapapun dengan cara membuat tombal share di blog kamu. ini neh caranya:
1. Buka blogger. Masuk ke menu Design->Edit HTML
2. Beri centang pada 'Expand widget templates'
3. Cari kode <data:post.body/>
4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama
5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.
Tombol Fshare tanpa counter
Kode:
<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
Tombol Fshare dengan counter diatas
Kode:
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
Tombol Fshare dengan counter disamping
Kode:
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
6. Jika sudah simpan template anda dan lihat hasilnya.
Cara Memasang Tombol "like" Facebook di Blog Kamu
20.32 |
Diposting oleh
Unknown |
Edit Entri
Tentu kamu pengen donk tulisanmu dibaca dan disukai semua orang, nah salah satu caranya adalah dengan mempostingnya di facebook. Nah, caranya gimana? jangan bingung-bingung, begini neh caranya:
1. Buka Blogger. Masuk ke menu Design -> Edit HTML
2. Beri centang pada "Expand Widget Templates"
3. Cari kode <data:post.body/>
4. Jika kamu menemukan dua kode <data:post.body/> maka pilih yang pertama
5. Letakkan kode berikut ini dibawah <data:post.body/> (jika kamu ingin memasang tombol like dibawah posting) atau letakkan diatas <data:post.body/> (jika kamu ingin memasang tombol like di atas posting)
6. Lalu Save template kamu.
Hasilnya akan seperti ini
Kalau kamu pengen membuat tombol like dengan bentuk ini
maka ganti kata standard dengan kata button_count
SELAMAT MENCOBA
1. Buka Blogger. Masuk ke menu Design -> Edit HTML
2. Beri centang pada "Expand Widget Templates"
3. Cari kode <data:post.body/>
4. Jika kamu menemukan dua kode <data:post.body/> maka pilih yang pertama
5. Letakkan kode berikut ini dibawah <data:post.body/> (jika kamu ingin memasang tombol like dibawah posting) atau letakkan diatas <data:post.body/> (jika kamu ingin memasang tombol like di atas posting)
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>
6. Lalu Save template kamu.
Hasilnya akan seperti ini
Kalau kamu pengen membuat tombol like dengan bentuk ini
maka ganti kata standard dengan kata button_count
SELAMAT MENCOBA
Jumat, 22 April 2011
Cara Membuat read more di Blogspot atau Blogger
10.11 |
Diposting oleh
Unknown |
Edit Entri
Caranya sangatlah mudah dan gampang, hanya dengan memanipulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Berikut ini langkah-langkah untuk membuat read more blogger
1• Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
2• Aktifkan list Expand Template Widget, agar source script template bloggernya terlihat secara keseluruhan.
3• Tepat di atas tag </head> masukkan kode berikut ini:
4• Kemudian cari kata <data:post.body/> (dengan menekan control f) dan tambahkan kode berikut tepat dibawahnya:
5• Selesai. Sekarang setiap kali kamu posting (pastikan postinganmu pada mode Edit HTML bukan Compose) letakkan kode <span class="hidenpost"> pada paragraf pertama atau kedua, dan akhiri dengan </span>
1• Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
2• Aktifkan list Expand Template Widget, agar source script template bloggernya terlihat secara keseluruhan.
3• Tepat di atas tag </head> masukkan kode berikut ini:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>
4• Kemudian cari kata <data:post.body/> (dengan menekan control f) dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>
5• Selesai. Sekarang setiap kali kamu posting (pastikan postinganmu pada mode Edit HTML bukan Compose) letakkan kode <span class="hidenpost"> pada paragraf pertama atau kedua, dan akhiri dengan </span>
Langganan:
Postingan (Atom)
About Me
- Unknown