Let's Share Anything

Me-review Alexa. Ini adalah suatu cara mudah agar website kalian mudah dilihat oleh orang banyak. Maksudnya adalah semakin banyak orang me-review kalian, maka akan mudah di temukan oleh search engine. Jadi, tak ada salahnya kalian meluangkan waktu untuk me-review blog Electricshare.

Berikut ini adalah beberapa keuntungan dari saling me-review :

- Meningkatkan Alexa Traffic Rank
- Lebih mudah ditemukan Search Engine (SEO)
- Jumlah pengunjung website kalian akan bertambah
- Semakin terkenalnya website
- DLL.

Bagaimana ? Tertarik-kah anda ? Tak usah pusing memikirkan dengan siapa anda bertukar re-view dengan siapa. Mulai lah terlebih dahulu dengan blog ini. Click gambar di bawah untuk me-review :


Setelah kalian review blog ini, Berkomentar lah di bawah postingan ini agar saya bisa me-review balik blog kalian.

*Jika anda memberi 5 bintang, Admin pun akan memberi yang setimpal.

Setelah post saya sebelumnya tentang Tutorial Related Post Bergambar Thumbnail, Sekarang saya akan Share Tutorial Related Post Linkwithin. Memang sedikit mirip, tapi tentu saja dengan cara yang berbeda. Langsung saja, berikut caranya :

1. Buka situs http://linkwithin.com

2. Isi data-data yang diperlukan pada form yang telah disediakan

Email: Masukkan alamat email kalian
Blog link: Masukkan alamat blog dimana kalian memasang widget related post with thumbnail
Platform: pilih Other
Width: pilih jumlah related post yang mau ditampilkan

Beri centang pada kotak kecil jika kalian menggunakan background template yang gelap

3. Klik Get Widget

4. Copy dan paste kode script yang diberikan diatas </body> pada template blog kalian.

5. Save template.

Kira - kira hasilnya akan seperti ini :


Semoga Bermanfaat

Kali ini Let's Share Anything akan Share sebuah tutorial untuk blog, yaitu bagaimana cara memasang related post bergambar - thumbnail. Langsung saja, ini dia Tutorial Membuat Related Post Bergambar Thumbnail.

1. Buka menu Template -> Edit HTML (Tampilan Baru)

2. Beri centang pada "Expand Widgets Templates"
3. Letakkan kode berikut diatas </head>

<!--Related Posts with thumbnails Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
height:100%;
min-height:100%;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}
#related-posts h2{
font-size: 1.3em;
color: black;
font-family: Arial;
margin-bottom: 0.75em;
}
#related-posts a{
color:black;
}
#related-posts a:hover {
background-color:#eeeeee;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7oLFfSUHrHi3UwlT5eZsLITU9-aOixCeAsbWIwTcnl_tJi9RGaIaimGNUq3llvGUTewvcMT0j8ODVWXD6BgPyzUaGLLGmQzjzaR0WXyHhxHZkC82KTeHic4Iys5yaXRxFWN_rOdqWoCEP/";
var maxresults=5;
var splittercolor="#cccccc";
var relatedpoststitle="You might also like:";
</script>
<script src='http://hbhost.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails End-->


4. Cari <p class='post-footer-line post-footer-line-1'/> atau post-footer-line

5. Letakkan kode berikut dibawahnya.

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->

6. Save template kalian.

Keterangan:

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7oLFfSUHrHi3UwlT5eZsLITU9-aOixCeAsbWIwTcnl_tJi9RGaIaimGNUq3llvGUTewvcMT0j8ODVWXD6BgPyzUaGLLGmQzjzaR0WXyHhxHZkC82KTeHic4Iys5yaXRxFWN_rOdqWoCEP/" menunjukkan gambar yang muncul pada postingan yang tidak memiliki gambar. Kalian bisa mengganti gambar tersebut dengan gambar lain.

var maxresults=5 menunjukkan jumlah postingan yang muncul pada related post. Silahkan atur jumlah postingan yang mau ditampilkan dengan mengganti angkanya.

var splittercolor="#cccccc" menunjukkan warna garis pemisah. Ganti cccccc dengan kode warna yang kalian inginkan.

var relatedpoststitle="You might also like:" menunjukkan judul related post. Ganti teks yang berwarna merah dengan judul yang anda inginkan.

Nah, mungkin kira-kira akan seperti ini tampilannya


Bagi kalian yang merasa sulit akan Tutorial di atas, ada cara yang lebih mudah lagi. Dengan menggunakan Linkwithin.

Semoga Bermanfaat

       Siang semua, Kali ini saya akan menShare bagaimana cara untuk menampilkan Recent Comment pada blog kalian. Caranya cukup mudah dan tidak bertele - tele. Langsung saja :

Sekian lama gw gak ngeshare dan sekarang gw mau share tentang "Membuat Menu Horizontal Drop Down". Okay, kita mulai langsung aja.


Berikut caranya :