Friday, 9 December 2011

Tips Triks Bisnis PTC

Tips Triks Bisnis PTC


membuat tag cloud Secara Otomatis

Posted: 09 Dec 2011 02:59 AM PST

membuat tag cloud Secara Otomatis - Sebelumnya tahu kan apa tag cloud itu?..iya...label yang berputar...Mungkin ada diantara teman yang masih pemula yang senang menghias blog dengan membuat label berputar atau menambah tag berputar ketika pointer mouse diarahkan ke tag atau label tersebut. Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template anda untuk bisa menampilkan tag (label) cloud tersebut di sidebar.

Untuk membuat tag cloud berputar
Contohnya bisa dilihat di bawah ini

Cara membuat tag cloud


Cara membuat tag cloud

Untuk buat (tambah) tag cloud ke sidebar blog anda,bisa lakukan prosedur berikut

Login ke dashboard
Pilih Rancangan ---> Edit Html
Cari kode berikut:
<b:section class='sidebar' id='sidebar' preferred='yes'>

Jika menggunakan template blogger designer coba cari kode seperti di bawah ini :
<b:section-contents id='sidebar-right-1'>
Setelah kode di atas masukkan kode berikut
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Simpan template

Jika sukses maka hasilnya akan terlihat seperti berikut label berputar.

Catatan,
Jika di blog anda memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog anda. Pilih option Cloud

Tips Mempercepat Loading Blog Lelet

Posted: 08 Dec 2011 11:16 PM PST

Tips Mempercepat Loading Blog Lelet - Percepat loading blog sobat hanya dengan kode HTML/JAVASCRIPT, emang bisa yaCh ?? bukannya kalo menambah Script itu bisa membuat blog jadi berat !!
Tapi ternyata saya coba, Script ini bisa membuat loading blog jadi cepat. Namanya Lazy loader. Cepat Loading Blog juga dipengaruhi oleh Isi atau Konten Blog. Cek Posisi Artikel Blog di Google disini

Lazy loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Lazy Load membantu meringankan blog dengan mengurangi waktu masa proses loading page pada sebuah blog terutama pada blog yang banyak menampilkan image gambar ataupun image yang berukuran besar. Dimana gambar tersebut akan di load saat mouse scroll diarahkan kebawah halaman page blog.
Silahkan copy Script dibawah ini
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCKXccTPl0yq-yZg_zN2sb1NS_X9WGJuZIWgg8RDxAnYUwaGiQ313ETi2tWeX464o8qkSjmWYHSL5on66mjvuJ2EOMBd3RgJbilxgLsZvHEWcWa1JW-1bG9g5txd8_J-6k4PH0mD0uWE/s1600/grey.gif"
});
});
</script>
Catatan:
Silahkan sobat letakkan widgetnya di bagian bawah postingan. Kalo perlu sisipkan di dalam widget paling bawah sobat.

No comments:

Post a Comment