Cara membuat recent comment with avatar profile

Sumber : bloggerbugis.com

Recent Comments Avatar Profile

Menambahkan widget Komentar Terakhir dengan avatar profil ini sangat mudah. Tidak diperlukan mengedit kode HTML template dan hanya 1 kali Copy Paste kode. Anda cukup melakukan beberapa hal berikut ini :

• Add Gadget / Widget baru
• Pilih widget HTML Java Script
• Masukkan kode Recent Comments Avatar Profil
• Simpan
• Selesai...

Berikut kode Recent Comment with Avatar :

<div style="overflow:auto;width:auto;height:500px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;">
<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 10,
 showAvatar  = true,
 avatarSize  = 40,
 roundAvatar = true,
 characters  = 200,
 defaultAvatar  = "",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/Recent_Comments_New_Bloggerbugis.js"></script>
<script type="text/javascript" src="http://www.3nura.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

Kode untuk membuat Recent Comments With Avatar di atas masih bisa di edit. Silahkan edit kode yang berwarna MERAH agar tampilannya sesuai dengan yang anda inginkan.

• 500px adalah tinggi kotak Recent Comments. Ganti 500 dengan angka yang lebih jika anda ingin membuat kotak yang lebih tinggi atau sebaliknaya asala jangan menghilangkan kode px 
• fff adalah kode untuk background kotak. fff adalah kode warna putih. Apabila ingin mengganti background kotak Recent Comments dengan warna lain, ganti fff dengan kode warna yang anda inginkan. Untuk melihat kode warna, klik "Tools untuk melihat kode warna".
• 10 adalah jumlah komentar yang akan di tampilkan di dalam kotak Recent Komentar. Ganti 10 dengan angka yang lebih besar atau lebih kecil sesuai keinginan anda.
• true yang pertama adalah kode untuk menampilan Gambar Avatar profile. Jika ingin menghilangkan Foto Profil / Avatar, ganti true dengan false
• 40 adalah ukuran / besar foto profil. Sama seperti sebelumnya, ganti 30 dengan angka yang anda inginkan
• true yang kedua adalah kode untuk membuat foto profil komentator berbentuk bundar. Ganti true dengan false jika anda ingi membuat avatar profil berbentuk kotak
• 200 adalah jumlah karakter / huruf komentar yang akan di tampilkan. Silahkan ganti angkanya sesuai dengan yang anda inginkan.
• Ini adalah bagian yang paling penting. Ganti http://www.3nura.blogspot.com dengan URL / alamat blog anda agar widget Recent Comments yang ada di blog anda tidak menanmpikan komentar yang ada di blog saya

NB :
Artikel diatas saya dapat dari sobat bloggerbugis.com, credit to bloggerbugis.com dan terimakasih atas ilmu nya :) Semoga sukses selalu :)

Continue reading →

Cara Membuat Related Post(Postingan Terkait) Update

Artikel Ditulis oleh : indolaron.blogspot.com

Sebelumnya saya sudah posting tentang cara membuat artikel terkait related post, tapi karena sifat saya yang tidak perna merasa puas dan ingin mencari, dan mencari lagi sesuatu yang lebih pas di hati akhirnya saya dapet cara membuat related post dari Indolaron.blogspot.com

Mungkin aja temen - temen bosen dengan model related post yg saya post tempo lalu, bisa mengganti dengan model yang saya post ini :)

Langsung saja yah ...

Langkah-langkah Membuat Related Post :

1. Login ke Blogger.com --> Design --> Edit HTML
2. Lalu tandai kotak kecil Expand Widget
3. Lalu cari kode <data:post.body/> jika menemukan banyak kode tersebut, gunakan kode yang ke-2
4. Copy-paste kode berikut di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='font-style:bold;'>ARTIKEL TERKAIT:</p>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 15;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

5. Kemudian cari kode ]]></b:skin>
6. Copy-paste code berikut ini tepat diatasnya

.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
.rbbox ul li {
display : block;
background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;

Terakhir klik Save/Simpan
KETERANGAN:
*ARTIKEL TERKAIT,bisa Anda ganti sesuai keinginan...misal:Related Post,Baca Juga,dll
*maxNumberOfPostsPerLabel = 50; adalah jumlah posting atau artikel terkait yang ingin di tampilkan *maxNumberOfLabels = 3; adalah jumlah label terkait yang ingin ditampilkan
*background-color: #F2F2F2; adalah warna background kotakan(bisa anda ganti sesuai keinginan)
*background-color: #EFFBEF; adalah warna background waktu disorot kursor(bisa diganti sesuai keinginan)
*http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png adalah icon didepan link(bisa diganti sesuai keinginan,usahaka size gambarnya kecil)

Continue reading →

Cara membuat Table Of Content (Daftar Isi) Blogspot

Informasi ini saya dapatkan dari blog nya abu-farhan.com ... Ingin melihat contohnya silahkan lihat disini

Langsung saja, ...

Sumber Gambar : artistutorial.blogspot.com

Langkah - langkahnya :
1. Masuk ke blogspot sobat
2. Pilih Page
3. Pilih New Page
4. Pilih Blank Page
5. Masuka kode script berikut :

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" 

media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">

</script>
<script src="http://www.oblo.web.id/feeds/posts/summary?max-

results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>

 Ganti www.oblo.web.id dengan domain blog sobat :)
Setelah itu PUBLISH... Daftar Isi Sudah jadi :)

Sumber : abu-farhan.com

Continue reading →

Cara Membuat Artikel Terkait (Related Post) Blogspot

Hai sobat blogger :)
Udah lama banget nih .. gk buka blog ane .. hehehe. oh iya ... ane cuma mau ngasih tahu ... nama domain blog ane yang nusantara666.blogspot.com udah ane ganti dengan 3nura.blogspot.com alasan nya karena kebanyakan orang mikir angka 666 katanya sih angka setan atau apalah, pada kitab kristiani telah disebutkan angka 666 adalah angkanya setan, tapi berhubung ane muslim yah .. jadi tidak terlalu ambil pusing, ane menganggap angka 666 angkanya kayanya keren aja gitu ... heheheh maklum newbie

ok langsung aja ... cara ini ane dapet dari japarus.com, ane cari di google kebetulan ketemu situs ntu ... langsung aja ane follow tuh blog... karena siapa tahu aja ada tips&trick yang keren - keren :)

Ingin Lihat contoh artikel terkaitnya ??? contohnya kaya di blog ku ini, tuh dibawah liat aja :)

Pengen tahu caranya ???
Kasih tahu gk ya...
Hmmmm...
Kasih tahu deh.. ntar nangis lagi *bercanda*

Berikut cara membuat Artikel Terkait dengan border melengkung dengan Fungsi Scroll

• Seperti biasa, masuk dulu ke Akun blog anda.
• Pada halaman Dasbor, cari kata "RANCANGAN" lalu klik
• Pada halaman Rancangan, klik tombol "EDIT HTML"sebaik nya aman kan dulu template sobat
• Beri tanda checklist pada kotak kecil yg ada di depan tulisan Expand Template Wdget yang terletak diatas kotak kode HTML template blog anda
• Cari kode ]]></b:skin> (Gunakan tombol F3 pada keyboard untuk melakukan pencarian cepat).
• Copy kode dibawah ini, lalu paste DI ATAS kode ]]></b:skin> berikut kodenya :

.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;
-webkit-box-shadow: inset 0 0 20px #f10c0c;
box-shadow: inset 0 0 20px #f10c0c;
.rbbox:hover{background-color:#000000);}

• Selanjutnya, cari kode <data:post.body/> gunakan control F
• copy code ini di bawah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid
#ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

Selanjutnya SIMPAN TEMPLATE atau SAVE TEMPLATE, kalau sobat ingin mengganti kode warna ( #f10c0c; ) silahkan kesini untuk melihat kode warna nya ...

Silahkan kunjungi japarus.com untuk berterima kasih :)

Sumber : Sudah dicantumkan diatas

---TAMAT---

 

 

 

Continue reading →

Cara Membuat Autoreadmore V3 [Update ke tiga]

Sebelumnya saya pernah memposting :
1. Cara Membuat Readmore Otomatis
2. Cara Membuat Auto Readmore (Update)

dan sekarang saya ingin memposting lagi versi yang lebih tahan lama heheh karena waktu saya pake cara pertama readmorenya suka rusak :'( dan yang kedua hmm ... gk tahu sih untuk yang ini tapi ane punya aura gk enak pake cara yang kedua ... karena waktu itu ane pake template yang otomatis sudah ada readmore-nya ... tapi karena ane bosen dan pengen pake template google plus yang belum ada readmore otomatisnya yaa ... terpaksa ane pake cara manual ... karena ane gk mau punya readmore otomatis yang sering rusak yaa... terpaksa ane ngegugel .. ehh akhirnya ketemu disini dan ane pake langsung berhasil ... yasudah ane langusng kasih pengetahuan ini kepada kamu - kamu yang belum tahu :)
Simak cara berikut ...

Contoh Read more ...

1. Masuk ke dahboard > Design/Rancangan > Edit HTML. Jangan lupa centang 'Expand Widget Templates'. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.

2. Jika sebelumnya sobat sudah menaruh kode auto readmore sebelumnya mohon di hapus dulu,kunjungi disitus mana ente dapet ilmu auto readmore nya supaya ente tahu mana saja yang harus di hapus.

3. Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F):

<!-- Auto read more script -http://buka-rahasia.blogspot.com- Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</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(thumbnail_mode == "yes") {
    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>
<!-- Auto read more script -http://buka-rahasia.blogspot.com- End -->

Yang berwarna merah adalah jumlah dan ukuran tampilan, summary_noimg=jumlah karakter tanpa gambar, summary_img=jumlah karakter dengan gambar, sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (dalam pixel). Ubahlah sesuai dengan keinginan.

3. Kemudian cari <data:post.body/> (gunakan Ctrl+F), dan GANTI dengan:

<!-- Auto read more -http://buka-rahasia.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>
<!-- Auto read more -http://buka-rahasia.blogspot.com- End -->

Kostumisasi:
Ganti Read More >> dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan berwarna merah tersebut dengan:

<img border='0' src='url (direct link) gambar readmore'/> 

Ganti url (direct link) gambar readmore dengan alamat url dimana anda mengupload dan menghosting gambar. 

---------------------------
Update (12102011):
Di komentar sobat Ari [buka-rahasia.blogspot.com]di bawah ditanyakan: bagaimana cara agar tampilan teks di post summary - auto readmore bisa rata kiri kanan (justified)? 
Lihat bagian ini pada script kedua di atas. Jika auto readmore sudah dipasang, cari dengan Ctrl + F:

<div expr:id='&quot;summary&quot; + data:post.id'>

Untuk membuat teks di post summary dlm readmore justify, tambahkan style css ini ke dalam tag: style='text-align:justify;'
Jadinya:

<div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'>

----------------
4. Preview terlebih dahulu, jika sudah beres, kemudian save.

Jika ada apa - apa tentang script ini harap memberitahukan masalahnya lewat komentar ...

Sumber : buka-rahasia.blogspot.com

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Continue reading →

Men-Scan Blog atau Website

Hmm,, Ternyata selain komputer..... blog atau website pun juga harus di scan  lho supaya terjaga atau telindungi oleh bahaya nya virus yang dapat menggangu kinerja blog kita.

Nah ... untuk merawat atau meningkatkan proses loading page pada blog kita, ada baik nya jika kita men-scan blog kita seminggu sekali atau kalau bisa satu hari sekali setiap kita membuka blog agar komputer kita terlindungi oleh virus - virus yang dapat merusak file - file data di komputer kita atau bahkan merusak proses kinerja komputer kita. Cara untuk mencegah hal itu terjadi caranya sebagai berikut :

1. buka urlvoid.com
2. Lalu Masukan Alamat Blog/Website anda :

Sumber Gambar : indobloggerz.blogspot.com

3. Selanjutnya Klik "Scan Now"
4. Lihat Hasil Akhir Setelah Scanning tadi

Sumber Gambar : indobloggerz.blogspot.com

Referensi : indobloggerz.blogspot.com
Diposkan Kembali : nusantara666

Continue reading →

Cara Menambah Emoticon Di Chatbox

Langkah 1 :
Loggin ke akun chatbox kamu, jika kamu belum punya silahkan kamu daftar ke sini 

Langkah 2 :
Setelah kamu masuk dengan akun sobat Klik Option



Langkah 3 :
Pilih Smilies pada menu Option


Langkah 4 :
Klik New Row





Langkah 5 :
Cari URL gambar yang kamu suka, ... kalau saya emoticon nya dari kaskus.us tapi jika kamu blm punya id kaskus kamu boleh mengambil URL nya di chatbox ku .... atau jika kamu tidak berselera dengan emoticon kaskus, saya sudah memberikan link web - web penyedia emoticon gratis ----> Anime; Tekken; Animals; Monsters

Langkah 6 :
Cari gambar animasi GIF yang kamu cari tadi contoh nya seperti kaskus.us atau di web - web yang saya sudah kasih di atas,... Lalu klik kanan mouse pada gambar, pilih salin lokasi gambar (copy image locate) atau pilih Salin URL gambar


Langkah 7 :
Tempel atau Paste gambar tadi ke dalam kolom baris (row) tempat link emoticons tadi,...




Langkah 8 :
KLik save pada option smilies di paling bawah ,.. maka secara otomatis gambar baru telah muncul dan jika ingin menambahkan emoticon baru lagi lakukanlah hal yang sama kembali ...

Semoga Bermanfaat :)

Continue reading →

Cara Menampilkan Related Post Linkwithin Hanya Menampilkannya di Halaman Postingan

Halo sahabat blogger :)

Kali ini saya akan berbagi - bagi tips untuk cara menmpilkan related post LinkWithin hanya di homepage, artikel ini saya dapat dari sahabat blogger pradisz-29.blogspot.com.

Mungkin sahabat blogger juga pasti bertanya - tanya bagaimana cara nya menampilkan related post LinkWithin hanya di homepage, terlebih jika blog kamu di fasilitasi oleh Auto Readmore yang menampilkan related post LinkWithin di setiap bawah jumlah isi postingan yang ada di homepage kita. Dan perlu di ketahui hal itu dapat membuat gangguan terhadap LinkWithin kita karena akan menampilkan judul postingan yang sama pada related post yang di tampil kan pada LinkWithin kita..

Caranya :

1. Login ke akun Blogger kamu 
2. Masuk ke menu Rancangan
3. Pilih menu Edit HTML klik "Expand Widget Templates"
4. Cari kode widget yang menunjukan gadget LinkWithin dengan kata kuci LinkWithin atau dengan kata judul dagdet LinkWithin yang sobat berikan pada saat memasang gadget LinkWithin

<b:widget id='HTML7' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'><data:content/></b:includable>
</b:widget>


.:. Kode berwarna Kuning bisa berbeda bisa HTML8 HTML9 HTML3, dll. tergantung template kamu dan yang pasti memiliki title yang sama dengan judul widgetmu (dalam hal ini linkwithin).

• Agar Widget Linkwithin hanya tampil di postingan saja, tambahkan kode yang berwarna merah berikut <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if>

dan akan seperti ini, sisipkan kode diatas ke kode berikut.


<b:widget id='HTML7' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><data:content/></b:if></b:includable>
</b:widget>

Kalau sudah Simpan Template
Semoga Bermanfaat.

by : pradisz-29.blogspot.com
Repost By : nusantara666
Powered : Blog 29 | Free Site | Free Info©2010

Continue reading →

Online Leaf - Membuat Website Lebih Hijau

Sekarang akhir - akhir ini bumi semakin panas akibat GLOBAL WARMING yang sekarang sudah menjadi topik utama di berita televisi kita. Dan tahukah kamu apa itu GLOBAL WARMING ??? 


GLOBAL WARMING adalah adanya proses peningkatan suhu rata - rata atmosfer, laut, dan daratan bumi. Dan tahukah kamu apa yang menjadi penyebabnya ? Intergovemmental Panel On Climate Change menyimpulkan, " Sebagian besar penigkatan suhu rata - rata global sejak pertengahan abad ke-20 kemungkinan besar di sebabkan oleh meningkatnya konsentrasi gas - gas rumah kaca akibat aktivitas manusia."

Menigkatnya suhu global di perkirakan akan menyebabkan perubahan - perubahan yang lain seperti naiknya permukaan air laut, dan menigkatnya intensitas fenomena cuaca yang ekstrim. Akibat - akibat pemanasan global yang lain adalah terpengaruh nya hasil pertanian, hilangnya gletser, dan punah nya berbagai jenis hewan.


Beberapa hal-hal yang masih diragukan para ilmuwan adalah mengenai jumlah pemanasan yang diperkirakan akan terjadi di masa depan, dan bagaimana pemanasan serta perubahan-perubahan yang terjadi tersebut akan bervariasi dari satu daerah ke daerah yang lain. Hingga saat ini masih terjadi perdebatan politik dan publik di dunia mengenai apa, jika ada, tindakan yang harus dilakukan untuk mengurangi atau membalikkan pemanasan lebih lanjut atau untuk beradaptasi terhadap konsekuensi-konsekuensi yang ada. Sebagian besar pemerintahan negara-negara di dunia telah menandatangani dan meratifikasi Protokol Kyoto, yang mengarah pada pengurangan emisi gas-gas rumah kaca.


Apakah kamu tahu berapa banyak CO2 yang Anda pancarkan, ketika surfing web? Jawabannya setiap menit ribuan pengunjung menghabiskan waktu browsing sebuah website rata-rata sekitar 1.2kg CO2 dipancarkan ke atmosfer kita. 


Nah... ada beberapa langkah untuk mengurangi hal - hal tersebut kita bisa melakukan langkah kecil seperti memasang Online Leaf di blog/website kita. Caranya sebagai berikut :
1. Loggin ke akun blogger kamu 
2. Pilih menu Rancangan
3. Masuk ke Edit HTML
4. Cari kode </head>
5. Tambahkan kode berikut sebelum atau diatas kode </head>

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

5. Klik SAVE TEMPLATE

Nah ... dengan menyisipkan kode tersebut bila tidak ada aktivitas selama beberapa detik , misalnya kita beralih ke tab baru atau pergi ke blog/web orang secara otomatis blog kita dalam posisi standby, dan untuk melihat hasilnya anda bisa lihat pada blog saya ini.

Trus cuma gitu doank ? Tidak, dengan memasang Online Leaf Standby Engine anda sudah berpartisipasi dalam gerakan penghematan energy untuk bumi kita yang kita cintai ini \^_^/

Continue reading →

Cara Membuat Auto Readmore (Update)

Teman - teman sebelumnya aku pernah memposting cara membuat auto readmore, dan sekarang aku akan memposting lagi cara membuat auto readmore....

Kenapa aku memposting cara auto readmore lagi ??? 
Jawaban nya karena, template aku sudah tidak bisa di pasang auto readmore dengan cara pertama yang sudah aku posting sebelumnya, aku kurang tahu pasti penyebab kenapa blog ku tidak bisa di pasang auto readmore lagi mungkin karena beberapa sistem kode HTML nya yang hilang atau terhapus. Sebelumnya waktu pertama kali aku mencoba cara memasang auto readmore  di postingan sebelumnya bisa, namun entah kenapa blog ku mengalami ketidaknyamanan seperti tidak bisa memunculkan jumlah postingan di homepage, bahkan auto readmore ku sudah tidak bisa di gunakan lagi, bisa sih bisa namun malah memunculculkan isi seluruh postingan dan link tulisan readmore nya masih aktif ...kan gk lucu .... :(

Dan secara kebetulan aku menemukan artikel di web saat memilih - milih template (niatnya ingin mengganti template karena aku kira template ku tidak bisa di pasang auto readmore lagi, tapi ternyata masih bisa \^_^/ ).
Nah artikel nya kudapat saat aku meng-Click DEMO TEMPLATE dan kebetulan di sana memposting cara membuat auto readmore, tanpa pikir panjang langsung saja aku praktekan dan ternyata berhasil gan ..... :)

Oleh sebab itu, aku memposting cara auto readmore yang VERSI UPDATE. Mungkin para blogger pernah mengalami yang aku alami, maka untuk itu langsung saja sobat memakai cara VERSI UPDATE ini :)



Nah langkah - langkah nya :
1. Masuk ke akun blogger anda
2. Pilih Edit HTML
3. Beri Centrang pada "Expand Widget Template"
4. Cari Kode </ head> untuk memudah kan tekan f3 dan masukan kode tadi di dalamnya
5. Masukan kode berikut di atas atau sebelum kode </ head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; img_thumb_width = 150; </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>

6. Kemudian cari kode <data:post.body/> atau <p><data:post.body/></ p> lalu hapus
    kode tersebut dan ganti dengan kode berikut :

<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'><a expr:href='data:post.url'><br/><b>Read More ... </b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. Dan terakhir klik SAVE TEMPLATE

CATATAN : 

1. summary_noimg = 300 -> Tinggi artikel tanpa gambar. 
2. summary_img = 300 -> Tinggi artikel dengan gambar. 
3. img_thumb_height = 100 -> Tinggi gambar. 
4. img_thumb_width = 150 -> Lebar gambar. 
5. Read More ... -> Tulisan readmore bisa kamu ganti sesuai selera kamu seperti Baca Selengkapnya ... itu terserah anda.

Continue reading →

Cara Setting Domain uni.cc pada Blogspot

Untuk menseting domain uni.cc dengan hosting gratis blogspot (merubah dari contoh.blogspot.com ke domain gratis uni.cc) adalah mudah dan sederhana
1. Pertama anda harus daftar dulu di Uni.cc untuk membuat accout dengan meregister nama domain yang anda inginkan di sini
2. Setelah disetujui baru lakukan registrasi dengan benar
3. Masuk ke account anda
4.lanjutkan ke domain control panel
5.klik nama domain yang baru saja anda daftarkan
6. klik "A" and "MX" (at Uni.cc DNS)
7.Pada main server IP address maukan kode :216.239.32.21 (kode dari google)
8. Isikan mailserver name dengan nama domain anda
9. Save
10. anda sudah beres menyetting domain uni.cc anda


seting blogspot anda ikuti langkahnya


1. Buka account blog anda dan masuk ke daftar blog yang akan menggunakan domain uni.cc
2. Klik setting
3. Klik publishing
4. Klik custom domain

5. Klik Switch to advance setting

6. Masukan domain baru anda disertai dengan www
7. Verifikasi word dan save setting
8. Kalau berhasil ada kotak kuning bertuliskan setting were saved succesfully
9. Isi kan kembali domain baru anda pada label your domain dengan www(biasanya sudah tertulis)
10. Centang Checklist redirect robott dibawah label your domain
11. Ketik Verifikasi kata atau word verification
12. Save setting atau anda bisa pakai panduan blogger for domain co.cc
13. Dan jika ada tulisan kuning setting were saved succesfully itu berarti tugas anda berhasil

Tinggal menunggu domain anda dipindahkan. Biasanya memerlukan waktu 24 jam untuk bisa diakses


Sumber : triwied77.blogspot.com ; Sumber Gambar : okezen.co.cc

Continue reading →

Domain - domain gratis untuk bloggers

Free Domain .tk


Domain ini katanya harus masang banner di blog anda tapi mendengar informasi dari blogger lain ternyata sudah tidak lagi.

Silahkan daftar disini

Free Subdomain.co.cc
 


Domain ini proses registrasinya lumayan cepat,  Dalam 24 jam sudah di informasikan ke email kita, apakah doamin yang kita request available atau tidak :

INFORMASI : 

co.cc domain service

• you.co.cc will redirect to your own website.

• Both you.co.cc and www.you.co.cc work.

• URL hiding / Path forwarding

• Compatible with the major search engines and optimized to give you a higher ranking.

Cost

• For Free

Website Promotion

• Free submission to the major search engines.

• Compatible with the major search engines and optimized togive you a higher ranking.

Real-time Statistik

• Real-time reporting

• Detailed information of your visitors including total and average,unique, hourly information, what web site they come from, exact time of visit, and IP address.

  
  Lansung aja daftar disini
  
  Free Subdomain uni.cc
   
  
  
  Saya sudah pengalaman memakai doamin uni.cc tapi saya ingin beralih ke domain lain muehehehe
  
  prosesnya cukup mudah, feature2 nya:
  1. SiteBuilder
  2. Web Forwarding
  3. Custom HTML
  4. DNS
  
  
• Domain gratis C-o.in
• 

Tidak banyak informasi yang saya ketahui dari doamin gratis ini, kamu bisa langsung daftar jika kamu berminat -----> http://www.c-o.in/

Domain gratis | co.nr

Nah klw doamin ini doamin gratis dari norwegia :) dan ni doamin lumayan bagus \^_^/

CO.NR tidak menyediakan ccTLD registry untuk penamaan domain .NR
tapi hanya sebuah website yang menyediakan subdomain gratis, yang terlihat seperti Domain berbayar

CO.NR juga menyertakan URL Redirection gratis dan URL Cloacking
Tidak ada penyediaan support DNS Gratis untuk CO.NR domain

Tapi hanya sebuah servis forwarding subdomain gratis saja

Untuk daftar ke sini aja

Masukkan domain pilihanmu dan …

Selanjutnya teruskan sendiri ya .... hehehe
Semoga berhasil 

Free Domain gratis cz.cc

 

domain cz.cc adalah domain gratis seperti co.cc.
fasilitas yang dimiliki juga lengkap, seperti Nameserver, URLForwarding, dan Zone Records.

ada beberapa fitur plus cz.cc dibandingkan co.cc, yaitu:

• Bisa mendaftar sampai 5 domain dalam 1 account
• ada fitur Lock, SLL, Privacy

domain cz.cc ini bisa digabungkan dengan hosting free, seperti 000webhost atau 100webspace.


owh ya .....domain ini pun tidak ada Advertisment dan mempunyai masa2 tahun [lumayan kan?] dan cara untuk memperpanjang setelah masa gratis-nya [2thn] habis, silahkan Google-ing aja sendiri karena saya tidak akan menjelaskan-nya di sini.

Penggunaan domainnya juga fleksibel, jadi yang mau belajar membuat suatu website bisamembuat domain gratis dengan cz.cc tanpa biaya.

Langsung aja ----> DAFTAR

Continue reading →