Blogspot Membuat Related Post yang Menarik

Blogspot Membuat Related Post yang Menarik. Related Post adalah internal link yang di generated oleh blog atau website kita. Sangat penting karena selain internal link itu sendiri penting untuk SEO juga untuk membuat pengunjung bisa lebih lama berada di website atau blog kita.

Biasanya terletak di bawah halaman artikel kita. Berisi artikel - artikel yang sejenis dengan artikel yang sedang di baca oleh pengunjung.
Hari ini saya akan mencoba untuk berbagi bagaimana membuat related post yang menarik dengan menggunakan blogspot sebagai platform.

Langkah - Langkah Membuat Related Post yang Menarik :

1. Login ke blogger.com, Masuk ke Dashboard > Template > Edit HTML

2. Cari kode di bawah

]]></b:skin>

3. Tambahkan kode di bawah ini, tepat di atas

#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding:17px 15px 10px;
background-color:#F0F0F0;
-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
margin:10px 0;
}
#related-posts .widget{
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJMsnIFx5Fj1JfdU6SvIswtAIQIao3SIO4vTQtdzXNIxKbYwnfws5sftyNe3DLMTADSXLMlnk5ZJVNTWwdTcLPlSJm7nEAfbHfc1oviqzJ_mPUEZ1_tSdrNZkxorJwL7qBGkyn1XRgpR8/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 5px;
padding-left: 30px;
padding-top:0px;}

4. Cari kode di bawah ini

</head>

5. Letakkan kode di bawah ini tepat diatasnya

<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='https://droidvan.googlecode.com/svn/related_articles_2.js' type='text/javascript'/>

6. Letakkan kode di bawah sesuai dengan selera anda, namun biasanya di letakkan di bawah artikel.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-
script&amp;callback=related_results_labels&amp;max-results=6&quot;'
type='text/javascript'/></b:if></b:loop>

<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
</b:if>

7. maxresults bisa anda rubah sesuai keinginan anda, berapa jumlah link artikel yang ingin anda tampilkan. Save dan anda sudah berhasil membuat Related Posts pada Blogspot.

Selamat Mencoba...

Read more »

Cara Update Manual Smartfren Andromax U

Cara Update Manual Smartfren Andromax U. Smartfren Andromax U adalah salah satu ponsel andalan dari Smartfren, dengan spesifikasi yang tak kalah canggih dengan ponsel kelas menengah lainnya, Smartfren Andromax U memikat hati pencinta gadegt dengan harganya yang bisa di bilang cukup murah untuk ponsel dengan spesifikasi yang cukup tinggi.
Dilengkapi dengan prosesor Dual Core 1,2 Ghz, RAM 768 MB, Layar IPS LCD 4.5', 8 Mega Pixel Camera dan Ice Cream Sandwich sebagai OS Android default.

Bagi anda yang menginginkan untuk mengudate Smartfren Andromax U ke Jelly Bean bisa mengikuti langkah - langkah yang akan diberikan di bawah ini :

1. Download update file Smartfren_4.1.2_280313_V1.1e.zip , rename hasil download menjadi "update.zip"

2. Bagi kalian yang menggunakan CWM recovery sebaiknya dikembalikan ke Stock recovery karena tidak akan berhasil jika menggunakan ROM ini, karena ROM ini adalah update resmi yang di keluarkan oleh Smartfren.

3. Masukkan update.zip kedalam memory eksternal (sd card)

4. Matikan Smartfren Andromax U.

5. Nyalakan kembali dan masuk ke mode recovery, dengan cara tekan dan tahan tombol volume up + power sampai muncul tampilan seperti di bawah

6. Gunakan tombol volume up dan volume down untuk navigasi, dan tombol power untuk melakukan pilihan. pilih "apply update from external storage"

7. Pilih file update.zip di memory eksternal (sd card)

8. Tunggu proses update sampai selesai, Smartfren Andromax U akan otomatis reboot dan masuk ke dalam Home Screen ketika proses selesai.

9. Selamat anda sudah berhasil melakukan update secara manual Smartfren Andromax U (INNOS I6), Selamat Mecoba ...

NOTE : 

DO IT WITH YOUR OWN RISK, THIS TUTORIAL CAN MAKE YOU LOSE YOUR DATA AND BRICKED YOUR PHONE.

Read more »

Membuat Navigasi Halaman Blogspot

Membuat Navigasi Halaman Blogspot. Banyak cara kita lakukan untuk memudahkan visitor untuk mengakses halaman demi halaman dari webiste atau blog kita. Memberikan bradcrumbs dan navigasi adalah salah satu cara yang bisa kita lakukan, oleh sebab itu pada hari ini saya akan mencoba untuk mengajarkan cara yang paling mudah untuk membuat tombol navigasi halaman.

Gambar di atas adalah contoh Navigasi Halaman yang akan kita buat, sebelumnya lakukan backup template blog atau website anda.

Note: Mohon backup template blog anda sebelum menambahkan navigasi halaman ke blog anda.
Langkah - langkah Membuat Navigasi Halaman Blogspot :
1. Login ke blogger.com, Masuk ke Dashboard > Template > Edit HTML

2. Cari kode di bawah ini

]]></b:skin>

3. Tambahkan kode dibawah ini tepat di atas nya.

.pagenavi{
clear:both;
margin:10px auto;
text-align:center;
border-bottom: 1px solid #DFDFDF;
padding-bottom: 10px;
}
.pagenavi span,.pagenavi a{
padding:10px;
margin-right:5px;
padding-top:5px;
padding-bottom:5px;
background:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagenavi a:hover,.pagenavi .current{
background:#48d;color:#fff;text-decoration:none
}
.pagenavi .pages,.pagenavi .current{
font-weight:bold
}
.pagenavi .pages{border:none}

4. Cari kode di bawah ini

<b:includable id='post' var='post'>

5. Tambahkan kode di bawah, tepat diatas nya.

<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 7,
numPages: 7,
firstText: &quot;First&quot;,
lastText: &quot;Last&quot;,
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot; }
</script>
<script src='https://droidvan.googlecode.com/svn/trunk/pagination.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>

6. Anda bisa mengatur sendiri berapa hanya artikel yang ingin di muncul, dengan mengatur variable perPage, untuk panjang angka yang akan di tampilkan bisa di atur dengan merubah variable numPages

7. Click Save....

Selamat Mencoba

Read more »

Cara Membuat Breadcrumbs di Blogspot

Cara Membuat Breadcrumbs di Blogspot. Breadcrumbs merupakann salah satu cara kita untuk memberitahukan kepada pengunjung halaman / lokasi pada blog atau website kita. Yang di maksudkan agar pengunjung mengetahui di mana lokasi artikel yang mereka baca.
Breadcrumbs di buat dengan tujuan untuk mempermudah pengunjung melihat halaman di blog atau website kita tanpa kesulitan. Juga bisa digunakan untuk SEO dengan menambahkan kata kunci di setiap barisnya. Sebagai contoh jika anda menulis artikel tentang Cara Sharing Printer Windows XP maka akan mengcreate tag dengan kata kunci yang anda bidik.

jadi sekarang anda mengetahui bahwa Breadcrumbs sangat berguna untuk SEO OnPage blog atau website anda.

Cara Membuat Breadcrumbs di Blogspot
Note: Mohon backup template blog anda sebelum menambahkan breadcrumbs navigasi ke blog anda.

Ikuti langkah - langkah di bawah :
1. Login ke blogger.com, Masuk ke Dashboard > Template > Edit HTML

2. Cari kode di bawah

<b:include data="top" name="status-message"></b:include>

3. Gantikan dengan kode di bawah

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

4. Cari kode di bawah

<b:includable id='main' var='top'>

5. Gantikan dengan kode di bawah

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Arsip untuk <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Seluruh Artikel <b:else/>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Artikel Pada Kategori <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

6. langkah berikut untuk memasang css pada breadcrumb yang sudah kita buat, cari kode di bawah

]]></b:skin>

7. letakkan kode di bawah, di atas kode yang ada di langkah "6", jika anda mengerti tentang css anda bisa memodifikasi kode dibawah sesuai dengan selera anda.

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:11px;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

8. Click "Save"

Selamat Mencoba ...

Read more »

Download Yahoo Messenger Terbaru Offline Installer

Download Yahoo Messenger Terbaru Offline Installer. Yahoo Messenger atau yang lebih di kenal dengan sebutan YM sudah hadir dengan versi terbarunya Yahoo Messenger 11.5.0.228.

Fitur - fitur yang ada di Yahoo Messenger versi 11.5.0.228 adalah :
- Lihat pembaruan lebih dari teman Anda dalam daftar Messenger rinci
- Mudah menambahkan link dan emoticon ke pesan status Anda
- Berbagi video dari situs populer dan menonton mereka dengan teman-teman tepat di jendela IM Anda
- Pesan instan dengan seorang teman, atau konferensi di bunch
- Mengirim pesan teks (SMS) ke ponsel teman '
- Gabung ke ruang chat untuk bertemu teman baru sambil berdiskusi tentang topik favorit Anda
- Membuat gratis PC-ke-PC panggilan dan PC-ke-telepon
- Menggunakan built-in media player untuk menonton video web dan melihat foto dengan teman-teman
- Tunjukkan gaya Anda dengan emoticon, Avatar, audibles dan IMVironment
- Tautkan akun Facebook dan Twitter anda untuk melihat setiap update terbaru.

Download :

Yahoo! Messenger 11.5.0.228 NEW

Read more »