Tips Informasi

Showing posts with label blogger. Show all posts

Monday, November 25, 2013

5 TOP Extensions Google Chrome Untuk Blogger

Tips Blogger - Sahabat Media Infonetku yang mempunya hobby atau kesibukan seperti saya yaitu ngeblog, kali ini media infonetku akan membagikan info tentang Extension Google Chrome yang saya pikir penting terinstall di browser anda.

Saya harap sobat pengguna Chrome untuk browsing ataupun ngeblog karena kali saya cuman membagi informasi tentang extension buat chrome nanti lain kali saya akan membagikan extension untuk browser lainnya.

Baiklah ini dia extension buat sobat para blogger :

1 Screen Capture (by google)
Saya pikir ini extension yang satu ini pasti diperlukan sobat blogger, sesuai dengan namanya extension ini digunakan untuk menjadikan halaman web atau screen menjadi file foto atau gambar.
Screen capture ini selain digunakan di halaman web bisa juga digunakan di komputer sobat, sama seperti aplikasi screen capture lainnya. tapi aplikasi ini hanya bisa kita pakai kalau kita lagi online saja. Yang membuat saya mengabaikan aplikasi lainya adalaha Screen Capture dari google ini memudahkan saya share facebook, picasa dan save dengan mudah di drive saya. Sobat pasti berminat, silahkan di coba yah Screen Capture (by Google) ini.

2. SEO Site Tools.
Untuk Memudahkan sobat melihat perkembangan blog sobat maupun blog orang lain bagaimana kesehatan dan apa yang perlu diperbaiki dari blog sobat, anda saya sarankan menggunakan extension yang satu ini.
extension SEO Site Tools ini memberikan semua jawaban tentang SEO blog anda. Semua yang penting dalam blog sobat diberikan oleh tools ini dengan baik, mulai dari loading blog, site element, page rank, alexa rank, following, dan juga anda diberikan saran untuk perbaikan SEO blog sobat, jadi sebaiknya sobat coba extension SEO Site Tools ini, mumpung gratis..

3.Google Publisher Toolbar.
Menurut saya extension untuk para publisher Google Adsense selain untun memberikan info tentang pendapatan dollar dari adsense, axtension ini juga sangat membantu untuk menghidari klik adsense sendiri, sesuai dengan TOS Google Adsense klik sendiri itu sangat dilarang oleh program ini, dengan bantuan toolbar ini anda para blogger tidak perlu takut lagi jika sewaktu-waktu tidak sengaja klik iklan sendiri, sobat berminat silahkan diinstall Google Publisher Toolbar.

4.Speed Dial 2.
Buat anda para blogger yang ingin bookmark setiap website yang sering sobat kunjungi, saya sarankan sobat pakai extension yang satu ini, karena dengan speed dial 2 sobat bisa dengan mudah bookmark halaman web yang sering sobat kungjungi terumata para blogger. Mungkin sobat yang sudah pakai Speed Dial yang pertama monggo di upgrade ke Speed Dial 2.

5. Alexa Traffic Rank.
Buat Sobat yang ingin selalu update rank alexanya dengan cepat tanpa masuk ke web alexa, nah ini dia solusinya, dengan extension alexa yang satu ini sobat bisa check perkembangan rank alexa blog sobat maupun blog atau website orang lain karena Alexa Rank ini memberikan informasi lengkap tentang Alexa Traffic Rank sobat.

Untuk saat ini ke 5 extension diataslah yang menurut Media Infonetku yang penting untuk debagikan ke pada sahabat blogger untuk melanjutkan aktifitas ngeblognya. Jika sobat blogger punya extension yang bermanfaat lainnya dengan senang hati untuk dibagikan disini yah.Hehe.
Salam.

Saturday, November 23, 2013

Cara Membuat Related Post Thumbnails Blogger

Jika sebelumnya infonetku sudah berbagi Tips Cara Menambahkan Google Translator Widget di Blog
kali Infonetku akan berbagi tips Membuat Widget Artikel Terkait / Related post pada blog.

Tips Menghias blog ini akan membuat seperti gambar diatas, untuk contoh nyatanya lihat dibawah postingan ini..
Oke langsung saja yah..
1.Langkah pertama masuk dulu ke blogger dasbor sobat, lalu back up atau download terlebih dahulu template sobat, untuk jaga jaga jika sobat mengalami kesalahan, kemuidian edit HTML dan centang "Expand Widget Templates"
2.Kemudian cari code dibwah ini, gunakanlah Ctrl + F untuk memudahkan sobat mencari
</head>

Setelah ketemu gantikan dengan kode dibawah ini..

<b:if cond=data:blog.pageType == "item">
<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, “Times New Roman”, 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 type=text/javascript>
var defaultnoimage=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFINPIlVJ3QNp8VTXBI_vY06dpx91XOpB-xvzCeWEPuZtFDtOIPg-K09o-iawDjJya_MhsBX_2iKPh8zdAQX_IBsB5-M78kagHNpa03DgRL4gYY22JN0zyoB-ZxBzD971OdRw0wC88-Y8B/s254/No%2520Image.jpg";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Jangan Lewatkan Artikel Lainnya";
</script>
<script src=http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js type=text/javascript/>
</b:if>

</head>

3.Setelah itu cari lagi kode berikut..

<div class=post-footer-line post-footer-line-1>

jika sobat tidak menemukan kode seperti diatas coba cari kode dibawah ini..

<p class=post-footer-line post-footer-line-1>

Setelah itu letakkan kode dibawah ini setelah kode yang tadi atau tepat dibawah kode yang tadi.

<b:if cond=data:blog.pageType == "item">
<div id=related-posts>
<b:loop values=data:post.labels var=label>
<b:if cond=data:label.isLast != "true">
</b:if>
<script expr:src="/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5" type=text/javascript/></b:loop>
<script type=text/javascript>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style=clear:both/>
</b:if>
<b:if cond=data:blog.url == data:blog.homepageUrl><b:if cond=data:post.isFirstPost>
<a href=http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href=http://bloggertemplates.bloggerplugins.org/ ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>

Kemudian jangan lupa untuk save..lalu lihat hasilnya..

4.Kalau sobat ingin menambah atau mengurangi jumlah artikel terkait atau related post yang akan ditampilkan sobat tinggal menggantikan nomor seperti kode dibawah, gantikan nomor sesuai dengan yang sobat ingin tampilkan.

var maxresults=5;

Untuk mengubah jumlah label yang akan diperlihatkan sobat tinggal edit kode sperti dibawah ini

max-results=5

5.Untuk merubah judulnya sobat bisa edit kode seperti kode berikut.

var relatedpoststitle="Related Posts";

6.Untuk postingan yang tidak ada photo, supaya terlihat ada photonya gantilah url photo yang sobat ingin tampilakan supaya nanti jika secara otomatis untuk postingan yang tidak memiliki photo akan menampilkan photo yang sobat mau

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFINPIlVJ3QNp8VTXBI_vY06dpx91XOpB-xvzCeWEPuZtFDtOIPg-K09o-iawDjJya_MhsBX_2iKPh8zdAQX_IBsB5-M78kagHNpa03DgRL4gYY22JN0zyoB-ZxBzD971OdRw0wC88-Y8B/s254/No%2520Image.jpg";

7.Editlah kode warna dibawah ini kalau sobat ingin mengganti warna framenya

var splittercolor="#d4eaf2";

jika belum juga berhasil, jangan panik yah, sobat bisa hubungi saya dengan cara berikan komentar sobat, dengan senang hati akan bantu.Selamat Mencoba yah...Salam Infonetku.
Source Blogger Plugins