Blog Mbahyar

Sebab tidak semua pengunjung mau bertanya lewat komentar pada blog, mungkin disebabkan malu ataupun lainya, dan tidak semua pemilik blog pun mau menjawab pertanyaan si pengunjung tersebut, hal ini saya alami sendiri dulu sewaktu pertama merambah dunia blogger, pengalaman pahit [heheheeee,,, ].

1. Untuk mengatur tampilan tema pingbox
2. Untuk mengatur ukuran text dan warna text pada saat chat
3. Untuk mengatur nama tampilan admin pada pingbox
4. Text yg tampil saat admin online
5. Text yang tampil saat admin ofline
6. Nama chat pingbox

1. Pilih apa jenis blog sobat Blogger atau Wordpres
2. Atur panjang dan lebar pingbox
3. Copy script yang tampil pada kolom tersebut untuk dipasang pada blog sobat.

• Login pada akun blogger sobat
• Klik Tata Letak
• Klik Add Widget / Tambah Gatget
• Pilih HTML/JavaScript
• Paste code yang tampil pada kolom 3 pada gambar di atas ke dalam HTML/JavaScript
• Klik Save / Simpan dan lihat hasilnya.

Demikianlah  Cara Membuat Chat YM Pingbox Pada Blog. Semoga bermanfaat ya sobat dan selamat mencoba. 

Untuk membuat related post dengan gambar seperti di atas;

• Halaman DRAFT, klik EDIT HTML Tab.
• Checklist Tick / Tick / Tick atau apa pun yang Anda menyebutnya dalam sebuah kotak kecil di depan tulisan BUKA WIDGET TEMPLATE. Di bawah tulisan membentang kotak sempit yang berisi kode HTML yang membuat BLOG TEMPLATE sakit kepala.
• Cari kode </ head> di kotak HTML. Lakukan pencarian cepat menggunakan CTRL + (plus) huruf F pada keyboard Anda dan kemudian tekan ENTER yang akan menampilkan kotak HALUS di sudut kiri bawah browser Anda. Jenis berikutnya </ head> pada kotak. Itu menjadi kode?
• Salin kode HTML berikut:

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='https://sites.google.com/site/bloggerbugis/js/relatedthumbsbloggerbugis4U.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

• Masukan / Paste kode di atas </ head> template blog Anda.
• Kemudian melihat <div class='post-footer-line post-footer-line-1'> pada kode template blog Anda. Jika Anda tidak dapat menemukan kode dalam template blog Anda, cari kode ini:
  <p class='post-footer-line post-footer-line-1'>      Masukan / Copy dan paste kode di bawah BAWAH salah satu kode di atas. Berikut kode:

Tujuan membuat related post untuk memudahkan bagi pengunjung untuk menemukan artikel yang berhubungan dengan artikel utama. Jadi pengunjung tidak perlu melaporkan menemukan satu demi satu artikel pada label atau kategori menu.

Bagi mereka masih bingung, lihat contoh di bawah ini.

Bagaimana uda jelas? Nah bagi mereka yang tertarik untuk memasang posting terkait di blog Anda, ikuti langkah-langkah di bawah ini:

1. Login ke Blogger. Pilih Desain menu -> Edit HTML

2. Back-up pertama template anda dengan mengklik Download Template Lengkap.

3. Setelah itu, centang kotak "Expand Widget Template".

4. Cari kode

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel yang berkaitan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
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;data2007&#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>

</div>
</b:if>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>

•     Dapat meningkatkan PageRank
•     Menjadi situs yang lebih populer di Search Engine
•     Peningkatan lalu lintas pengunjung

• Masukkan website / blog url Anda, opsional kata kunci utama dan jumlah halaman untuk membuat, kemudian tekan tombol "Submit"
• Website / Blog url (http://www.YourDomain.com) (URL entri blog Anda)
• Keyword (opsional) (keyword blog anda)
• Batasi jumlah halaman yang dibuat (opsional) (ini bisa menjadi teman saya menyiapkan diri untuk pilih yang mana, bisa sampai 2523 backlink besar Anda tahu?? Banyak kan? Tapi tidak semua dapat mengirimkan)
• Klik "Submit" dan tunggu sampai proses selesai.