Johan Rakyat

Showing posts with label Blogger. Show all posts

Home > Posts filed under Blogger

Cara Mudah untuk memasang button back to top di blogspot

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-9FkWOZ92ylI/VOS9VvfeKLI/AAAAAAAAEww/zggvMbBk1qw/s1600/back_to_top_johan_rakyat.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-9FkWOZ92ylI/VOS9VvfeKLI/AAAAAAAAEww/zggvMbBk1qw/s1600/back_to_top_johan_rakyat.png" /></a></div>
Cara Mudah untuk memasang button back to top di blogspot saudara saudari sekelian,disini saya sertakan langkah-langkah untuk memasang button back to top di blog.Pastikan dilakukan dengan berhati-hati dan penuh sabar... 
 
1) Pasang kode jQuery ini diatas kode <code></head></code> 
<code> </code>
 
<pre class="brush: js"><pre><code><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script></code></pre>
</pre>
2. Simpan kode ini diatas kode <code>]]></b:skin></code> atau <code></style></code> 
<code> </code>
 
<pre class="brush: js"><pre><code>/*Back To Top*/
#top{background-color:#444;margin:0;padding:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;}
#top:hover{background-color:#E73138}</code></pre>
</pre>
3. Kemudian simpan kode ini diatas kode <code></body></code> 
<code> </code>
 
<pre class="brush: js"><pre><code><a href='#' id='top'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6osgYjlECoq3IUYZ8X_VOwiwUyW2Vay-0D6GZmqycrz30KdYKV5QuQuvyu9fvE6SfWMj5WI7PI6hMMFeJu0D46Kpdf6NZZnMT1t9HcRFe0udSDSmoxXwHeRj_ajf-0ziZSsiWFw7_t5aU/s1600/btp.png'/></a>
<script type='text/javascript'>
//<![CDATA[
//Scroll Top
(function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);
//]]>
</script></code></pre>
</pre>
Kemudian jangan lupa SAVE TEMPLATE 
SEKIAN:

Cara Mudah untuk memasang button back to top di blogspot saudara saudari sekelian,disini saya sertakan langkah-langkah untuk memasang butt...

Cara Buat widget popular posts dengan animasi gambar berputar

<div style="text-align: justify;">
Widget popular posts dengan animasi gambar berputar ini sangat cantik dan menarik sekali terlebih 
lagi jika dipasang di blog anda, yang pasti pengunjung blog akan teruja dan tertarik ingin membuatnya juga. Tentunya penampilan blog yang cantik
 akan membuat anda sendiri dan juga pengunjung senang melihatnya. Widget 
popular posts dengan gambar berputar ini sama dengan istilah Widget Popular Post With Grid Layout. Bagaimana apakah anda ingin membuat dan memasangnya? </div>
 
<div style="text-align: justify;">
Untuk tampilan widget ini dapat lebih jelas terlihat dan berfungsi jika 
mouse diarahkan ke gambar popular posts yang mengakibatkan gambar yang 
ada pada widget popular posts akan berputar-putar sampai orangnya juga 
ikutan pusing. Modifikasi widget popular posts dengan animasi gambar berputar yang akan tampil di blog dapat anda lihat seperti screenshot di bawah ini :</div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJ1C_peI0mTkRDSlWaEJ-4B0ZMsppAD_mMAREcIuodrJETlcUaSCtjzDWTos_ZVmcf0foL9m3_OLdmvSKQ5xtSX5dZI8sqHt_NP2k2KJoF1ypamO7OtkFzjap-PyGo-a1vSKvmEFWJU4/s1600/widget-popular-post-grid.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Modifikasi widget popular posts gambar beputar" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJ1C_peI0mTkRDSlWaEJ-4B0ZMsppAD_mMAREcIuodrJETlcUaSCtjzDWTos_ZVmcf0foL9m3_OLdmvSKQ5xtSX5dZI8sqHt_NP2k2KJoF1ypamO7OtkFzjap-PyGo-a1vSKvmEFWJU4/s320/widget-popular-post-grid.jpg" title="popular posts" width="312" /></a></div>
 
Cara membuat widget popular posts dengan thumbnail gambar beputar 
 
1. Login Blogger 
2. Pilih Tata Letak 
3. Pilih Tambah Gadget 
4. Pilih Widget "Popular Posts" 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnf61HAMeEl2W_DuSGXCKiuzvW31yyWjQbVCaCe8xQbVpJCFpiTHlRQnxGbMoKO4i6nM6TpqGEYeZLpdlK4eRFRdnSgSSBMyx8kKQp6ohPWhpovlBsqEXPEot1UUsuAIAOTUUKoOaE3BI/s1600/widget-popular-post.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnf61HAMeEl2W_DuSGXCKiuzvW31yyWjQbVCaCe8xQbVpJCFpiTHlRQnxGbMoKO4i6nM6TpqGEYeZLpdlK4eRFRdnSgSSBMyx8kKQp6ohPWhpovlBsqEXPEot1UUsuAIAOTUUKoOaE3BI/s320/widget-popular-post.jpg" width="320" /></a></div>
 
5. Silahkan atur sendiri berapa jumlah artikel yang akan anda tampilkan 
6. Kalau sudah lalu Save 
 
Langkah selanjutnya untuk merubah widget popular posts dengan efek grid layout : 
1. Pilih Edit HTML 
2. Centang kotak kecil disamping Expand Widget Templates 
3. Silahkan backup template anda 
4. Lalu gunakan ctrl+F untuk mencari kode ]]></b:skin> 
5. Kalau sudah dapat lalu tambahkan kode berikut dan letakkan diatas kode ]]></b:skin> 
 
<pre class="brush: js">.popular-posts .item-thumbnail{float:left;} .popular-posts ul{padding-left:30px;} .popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;} .popular-posts ul li img {padding:0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;} .popular-posts ul li img:hover {border:2px solid #ccc;-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}
</pre>
 
6. Berikutnya anda cari tulisan PopularPosts1
Kode script lengkapnya biasanya seperti dibawah ini : 
 
<pre class="brush: js">b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</pre>
 
9. Silahkan hapus semua kode script diatas dan ganti dengan kode script di bawah ini : 
 
 
<pre class="brush: js"><b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == "false"'> <b:if cond='data:showSnippets == "false"'>  <a expr:href='data:post.href'><data:post.title/></a> <b:else/>  <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == "false"'>  <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a expr:href='data:post.href' expr:title='data:post.title'> <b:if cond='data:post.thumbnail'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> <b:else/> <img alt='' border='0' expr:height='data:thumbnailSize' src='http://www.prismestate.com/images/noimages.png' expr:width='data:thumbnailSize'/> </b:if> </a> </div> </div> <b:else/>  <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
</pre>
10. Selesai dan simpan

Widget popular posts dengan animasi gambar berputar ini sangat cantik dan menarik sekali terlebih lagi jika dipasang di blog anda, yang p...

Cara Matikan Klik kanan di Blogger / Blogspot?

Cara Matikan Klik kanan di Blogger / Blogspot? | Ada antara pemilik blog yang mematikan fungsi klik kanan pada blog mereka untuk menghalang pelawat daripada menyalin entry yang mereka tulis. Atau menghalang pelawat untuk mengambil gambar-gambar yang mereka postkan dalam entry mereka. Bagaimana cara untuk kita mematikan fungsi klik kanan pada blog anda ? 
 
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-50lefoeMDEo/UFKLtDOIdkI/AAAAAAAACPs/V6tuyar7lsM/s1600/Johanrakyat.blogspot_right-click-disable-copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-50lefoeMDEo/UFKLtDOIdkI/AAAAAAAACPs/V6tuyar7lsM/s320/Johanrakyat.blogspot_right-click-disable-copy.jpg" width="320" /></a></div> 
Di bawah ini saya tunjukkan cara untuk kita mematikan fungsi klik kanan pada blog : 
 
1. Login akau blog anda. 
2. Pilih blog yang ingin dimatikan fungsi klik kanan , jika anda ada banyak blog. 
3. Cari kod < Head > . 
4. Salin skrip di bawah dalam kod < Head > 
 
<pre class="brush: js"><script language=JavaScript>

</script>

</pre> 
Lagi satu cara ikut langkah nie:- 
 
Step 1 : Go to Dashboard > Layout > Add Gadget > HTML / JavaScript 
Step 2 : Copy the <a href="https://sites.google.com/site/blogjohanrakyat/home/code.txt" rel="nofollow" target="_blank">code from this file</a> and paste it in that blogger widget. 
Step 3 : Save the html/javascript and view you blog.

Cara Matikan Klik kanan di Blogger / Blogspot ? | Ada antara pemilik blog yang mematikan fungsi klik kanan pada blog mereka untuk meng...

Tips Cara Membuat Navigasi Breadcrumbs Supaya Terindex Di Search Engine Google

Tips Cara Membuat Navigasi Breadcrumbs Supaya Terindex Di Search Engine Google - Jom kita ikuti tutorial mudah ini: 
 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzJm2AWSKsrrP6WSEdv9X-bVxh0T0hblm9OaAvLTpWouKO2kPR_d7XfjaG14hvlaf0IEs3TK5dGha_JHXlqvvKzOopBFYqQVh4nIML9jX2gq3NheRMoFUCdYRBBwnnH2NSK4AVzm7qZwnM/s1600/Snap_2012.03.16_22h17m47s_001_trik+cara+paling+ampuh+agar+blog+cepat+terindex+google+-+Penelusuran+Google+-+Mozilla+Firefox.png" style="margin-left: 1em; margin-right: 1em;"><img alt="teknik seo dantrik ampuh Cara Supaya BreadCrumbs agar Bisa Terindex Google" border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzJm2AWSKsrrP6WSEdv9X-bVxh0T0hblm9OaAvLTpWouKO2kPR_d7XfjaG14hvlaf0IEs3TK5dGha_JHXlqvvKzOopBFYqQVh4nIML9jX2gq3NheRMoFUCdYRBBwnnH2NSK4AVzm7qZwnM/s400/Snap_2012.03.16_22h17m47s_001_trik+cara+paling+ampuh+agar+blog+cepat+terindex+google+-+Penelusuran+Google+-+Mozilla+Firefox.png" width="400" /></a></div> 
Untuk membuat agar label atau kategori yang terdapat dalam breadcumbs tersebut boleh muncul dalam hasil pencarian atau terindeks dengan menggunakan mesin pencari Google, caranya adalah sebagai berikut: 
 
* jika anda sudah menggunakan breadcumbs versi lama, silahkan kembalikan seperti semula terlebih dahulu 
 
Langkah-langkah membuat breadcumbs supaya boleh terindex dalam hasil pencarian google 
1. Login terlebih dahulu ke akun <a href="http://www.blogger.com/" rel="nofollow" target="_blank">blogger</a> milik anda 
2. Jika sudah masuk ke Rancangan - pilih Edit HTML - jangan lupa centang Expand Template Widget 
3. Jika sudah , cari kode <b:include data='top' name='status-message'/> (gunakan ctrl+f untuk mempercepat proses pencarian), jika terdapat 2 kode seperti itu maka pilihlah kode yang kedua.. 
4. kemudian masukkan kode <b:include data='posts' name='breadcrumb'/>tepat diatas kode tersebut.. 
5. Lalu cari kode <b:includable id='main' var='top'> 
6. Kemudian tempatkan(copy) kode dibawah ini tepat diatas kode tersebut 
 
<pre class="brush: js">
<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == "static_page"'>

<b:else/>

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

<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 == "true"'>

» <a expr:href='data:label.url' 
rel="v:url" 
property="v:title"><data:label.name/></a>

</b:if>

</b:loop>

» <data:post.title/>

</div>

<b:else/>

<div class='breadcrumbs'><a 
expr:href='data:blog.homepageUrl' 
rel='tag'>Home</a> » 
Unlabelled » 
<data:post.title/></div>

</b:if>

</b:loop>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>

<a 
expr:href='data:blog.homepageUrl'>Home</a> » 
Archives for <data:blog.pageName/>

</div>

<b:else/>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.pageName == ""'>

<a expr:href='data:blog.homepageUrl'>Home</a> » All posts

<b:else/>

<a 
expr:href='data:blog.homepageUrl'>Home</a> » 
Posts filed under <data:blog.pageName/>

</b:if>

</div>

</b:if>

</b:includable>

</pre> 
7. langkah selanjutnya cari kode ]]></b:skin> 
8. Jika sudah letakkan kode CSS berikut tepat diatas kode tadi 
 
 
<pre class="brush: js">
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

</pre> 
9. Terakhir simpan dan lihat hasilnya.. 
 
untuk melihat adakah breadcumbs yang telah anda buat tersebut berhasil atau tidak anda boleh chek dengan menggunakan <a href="http://www.google.com/webmasters/tools/richsnippets?url=" target="_blank">Rich Snippets Testing Tool</a> 
 
Selamat mencoba semoga artikel tentang <a href="http://johanrakyat.blogspot.com/2012/03/tips-cara-membuat-navigasi-breadcrumbs.html" target="_blank">Tips Cara Membuat Navigasi Breadcrumbs Supaya Terindex Di Search Engine Google</a> tersebut bermanfaat untuk anda. 
 
sumber:ardiyantobay.blogspot.com

Tips Cara Membuat Navigasi Breadcrumbs Supaya Terindex Di Search Engine Google - Jom kita ikuti tutorial mudah ini: Untuk membuat agar l...

Cara Update Status FB Terus Dari Google Plus

<div style="text-align: justify;">
<img alt="Ekstension Google Plus" class="aligncenter size-medium wp-image-960" height="138" src="http://4.bp.blogspot.com/-8qlkShIoctY/T12Ate0EpGI/AAAAAAAABio/u6Nil9TtSz4/s1600/Ekstension-Google-Plus-1.jpg" title="Ekstension Google Plus" width="300" /> </div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
<a href="http://johanrakyat.blogspot.com/2012/03/cara-update-status-fb-terus-dari-google.html" target="_blank">Johan Rakyat</a>, JR ingin tunjukkan bagaimana cara mudah kemaskini status Facebook anda  hanya dari <a href="https://plus.google.com/" target="_blank" title="Cara Daftar Akaun Google Plus">Google Plus</a>,
 tanpa perlu buka halaman utama Facebook. Apa yang perlu dibuat adalah 
memasang satu ekstension bernama Google+Facebook. Dengan Google+Facebook
 ini, anda boleh melihat paparan strim Fb anda terus di Google Plus. 
Menurut pembangun aplikasi ini, buat masa sekarang Google+Facebook hanya
 disokong oleh pelayar web Google Chrome dan FireFox sahaja. Ini 
berikutan masalah level sekuriti dalam IE, maka Google+Facebook tidak 
dapat digunakan di pelayar web Internet Explorer.</div>
<div style="text-align: justify;">
KAEDAH PEMASANGAN</div>
<ol>
<li>Klik imej ini untuk memasang Google+Facebook

<a href="http://crossrider.com/install/519-google-facebook" target="_blank" title="Memasang Google+Facebook"><img alt="pasang google+ Facebook" class="alignnone wp-image-961" height="105" src="http://1.bp.blogspot.com/-O7Z91xa8UGs/T12Aw_Y42NI/AAAAAAAABjA/HZmhy1m64RU/s1600/pasang-google+-Facebook.jpg" title="pasang google+ Facebook" width="452" /></a></li>
<li> Setelah dipasang, sila lihat halaman Google+ anda, pada menu bar 
akan dipaparkan logo Facebook. Klik untuk mengesahkan kebenaran capaian 
Google+Facebook ke Google Plus anda : 
<img alt="pasang google+ Facebook di Google+" class="alignnone wp-image-962" height="494" src="http://4.bp.blogspot.com/-e4ix_IGD9xs/T12AvzNkqnI/AAAAAAAABi4/95bqe5Jw6vk/s1600/pasang-google+-Facebook-di-Google+.jpg" title="pasang google+ Facebook di Google+" width="490" /></li>
<li>Usai pemasangan anda kini boleh lah kemaskini status FB dengan mudah dan cepat terus dari Google Plus.<img alt="pasang google+ Facebook di Google+ - priviu" class="alignnone wp-image-963" height="139" src="http://3.bp.blogspot.com/--VtS3hbwMro/T12AugrHNtI/AAAAAAAABiw/nYmsM2t8E6o/s1600/pasang-google+-Facebook-di-Google+-priviu.jpg" title="pasang google+ Facebook di Google+ - priviu" width="494" /></li>
</ol>
BAGAIMANA PULA DENGAN TWITTER? 
Jangan risau, bagi anda pengguna tegar Twitter, anda juga boleh ber 
‘tweet” terus dari Google+. Klik imej di bawah untuk memasang 
Google+Tweet di Google Plus anda. Ikut arahan yang diberikan. Selamat 
mencuba <img alt=":)" class="wp-smiley" src="http://jomtonton.net/v1/wp-includes/images/smilies/icon_smile.gif" /> 
<a href="http://crossrider.com/install/529-google-tweet" target="_blank" title="Memasang Google+Tweet"><img alt="pasang google+ Tweet" class="alignnone wp-image-970" height="96" src="http://jomtonton.net/v1/wp-content/uploads/2012/01/pasang-google+-Tweeter1.jpg" title="pasang google+ Tweet" width="426" /></a> 
<div style="display: none;">
VN:F [1.9.15_1155]</div>
Sumber:jomtonton.net

Johan Rakyat , JR ingin tunjukkan bagaimana cara mudah kemaskini status Facebook anda hanya dari Google Plus , tanpa perlu buka ha...

Cara Simple buat Scroll Box untuk Bloglist

Dekat sidebar ni kan biasa korang letak macam-macam widgets. Salah satunya ialah Bloglist. Sesetengah orang suka senaraikan banyak blog dalam Bloglist dia. Jadi, nak elakkan daripada terus dan terus berjela-jela sampai ke bawah, kita boleh guna "scroll box". Mudah je kalau ikut steps ni betul-betul. 
 
 
1. Dashboard > Design > Page Elements > Bloglist widget > Edit  
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-eUVr0yg8xDs/TfYxJSC2n2I/AAAAAAAABKY/-TZ_GpRmFC4/s1600/bloglist+1.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-eUVr0yg8xDs/TfYxJSC2n2I/AAAAAAAABKY/-TZ_GpRmFC4/s1600/bloglist+1.PNG" /></a></div>
 
 
2. Widget id: "Configure Blog List" > copy widget ID seperti dalam bulatan merah di bawah. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-NU85tZ7L6EE/TfYxJs0pdCI/AAAAAAAABKc/N5ZUbKPZ2jo/s1600/bloglist+2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-NU85tZ7L6EE/TfYxJs0pdCI/AAAAAAAABKc/N5ZUbKPZ2jo/s320/bloglist+2.png" width="282" /></a></div>
 
 
3. Code 1:   
<blockquote>
    #BlogList1 .widget-content{height:200px; width:auto;overflow:auto;}   </blockquote>
 
 
 
 
 
 
<li>Tulisan merah adalah widget ID tadi.</li>
<li>Edit "height" ikut cita rasa korang. </li>
 
 
4. Copy "Code 1" tersebut. 
 
 
5. Pergi ke Edit HTML > Expand Widget Templates 
 
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
6. Tekan Ctrl F pada keyboard korang > Cari  ]]></b:skin> > Paste "Code 1" tadi ATAS 
 ]]></b:skin> seperti dalam gambar.</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
 
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/--qqlDwcA5wM/TfYyTwg4LuI/AAAAAAAABKk/xm9bHLjWz_Y/s1600/scroll+box.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="http://3.bp.blogspot.com/--qqlDwcA5wM/TfYyTwg4LuI/AAAAAAAABKk/xm9bHLjWz_Y/s320/scroll+box.PNG" width="320" /></a></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
 
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
7. Tekan "PREVIEW" 
 
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
8. Kalau dah puas hati baru "SAVE TEMPLATE". Untuk tujuan 'keselamatan', "Download Full Template" dulu sebelum save apa-apa ye. 
 
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
9. Siap! Dan hasilnya....</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
 
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-WW1S6bOzYak/TfYyTU-kqzI/AAAAAAAABKg/wpnycgc2kU8/s1600/jom+singgah.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-WW1S6bOzYak/TfYyTU-kqzI/AAAAAAAABKg/wpnycgc2kU8/s1600/jom+singgah.PNG" /></a> 
Penggunaan ruang bergantung pada "height" dan "width" tadi.</div>
<div class="separator" style="clear: both; text-align: center;">
 
</div>

Dekat sidebar ni kan biasa korang letak macam-macam widgets . Salah satunya ialah Bloglist . Sesetengah orang suka senaraikan banyak blog ...

Cara Membuat Simple Tabber di Sidebar

<div style="text-align: justify;">Tabber yang biasa kita lihat di sidebar dapat berfungsi untuk menghemat space dalam sebuah blog, sehingga blog lebih kelihatan rapi. Banyak cara dalam membuat tabber ini, sebelumnya saya juga pernah membuat tutorial membuat tab view menu ini bisa dilihat pada membuat Tab View Menu Tanpa Edit HTML dan Tab View di Blogspot. Kelemahan dari tabber sebelumnya adalah kita mesti memasukkan URL postingan satu persatu ke dalamnya sehingga tidak secara otomatis jika ada postingan baru akan muncul di tabber.</div> 
<div style="text-align: justify;">Nah kali ini saya akan memberikan satu tips untuk Anda semua dalam membuat tabber, sangat sederhana dan tidak memperberat loading blog. Tips ini saya dapat dari Pak <a href="http://www.abu-farhan.com/" target="_blank">Abu Farhan</a>, master blogger Indonesia yang sudah malang melintang di dunia persilatan.. eh dunia perbloggeran. Sebenarnya membuat tabber atau tab view menu ini juga bisa dengan menggunakan fungsi accordion tapi terkadang scriptnya bentrok dengan script lain dengan script silder misalnya, bisa sih diatasi tapi mesti merubah jquery menjadi no conflict, ah ribet deh pokoknya.</div> 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI8MpFBO0QMzIJjTmgh-95yv2ebQvoj9mEQ629lbc9psyjic_fIhfKItv-CYHwRjd1BdLTkNfraTvR8ZwCmIao2WB3pyzggLB8YsczVKoP6kfBAvbDriRNV6RSqkEwQDAInf1n8nFLJ8U/s1600/tabber+sidebar.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="tabber sidebar maskolis" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI8MpFBO0QMzIJjTmgh-95yv2ebQvoj9mEQ629lbc9psyjic_fIhfKItv-CYHwRjd1BdLTkNfraTvR8ZwCmIao2WB3pyzggLB8YsczVKoP6kfBAvbDriRNV6RSqkEwQDAInf1n8nFLJ8U/s1600/tabber+sidebar.jpg" /></a></div> 
<div style="text-align: justify;">Untuk hasil akhir tabber ini gambarnya seperti diatas, jika ingin melihat demonya <a href="http://crottt.blogspot.com/" target="_blank">disini</a>. Baiklah, langsung saja pada cara pemasangannya :</div><ol><li>Login ke blogger dengan akun anda</li>
<li>Di dashboard klik Tata Letak > pilih Edit HTML centang expand widget templates</li>
<li>Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.</li>
<li>Letakkan kode berikut di atas kode : ]]></b:skin> </li>
</ol> 
 
 
<pre class="brush: js">.widget-wrapper2{
border:1px solid #494e52;
background-color:#636d76;
padding:10px;
}

.widget-tab {
background:#c9dbdd;
font-family:Arial,Helvetica,sans-serif;
padding:5px !important;
}

.widget-tab  ul {
margin:0px;
padding:0px 5px 0 5px;
}
.widget-tab  ul li {
list-style:none;
border-bottom:1px dotted #a4bddf;
padding-top:4px;
padding-bottom:4px;
font-size:12px;
}
.widget-tab  ul li:last-child {
border-bottom:none;
}
.widget-tab  ul li a {
text-decoration:none;
color:#3e4346;
}
.widget-tab  ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.tab-content  ul li a:hover {
color:#a59c83;
}
.tab-content  ul li a:hover small {
color:#baae8e;
}

.active-tab{
background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9gP3HUd0nQC6phaV_RId78jfrz_f4pbq8OaAJ0ISsKvtlJVUm11VlMvBp4V1kcjjQhInwO7UjfpEanQac12rIbPpuEL3-4Z2pVTBkTtdOR7ONZ1PXJ4NkkRmKuDTR2ZyS6H8C82bqhHQ/s1600/sidebar.png) repeat-x scroll left bottom !important;
color:#282E32 !important;        
}

ul.tab-wrapper {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
</pre> 
<ol><li value="5">Tabber ini butuh sebuah jquery.min.js untuk bisa bekerja dengan baik, anda harus menambahkan kode di bawah ini diatas </head> (jika pada template anda sudah terinstall, langkah ini dilewati saja) : 
<div style="text-align: left;"><blockquote class="tr_bq"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/></blockquote></div></li>
<li>Setelah itu, tambahkan kode berikut ini di bawah script jquery diatas 
<div style="text-align: left;"><blockquote class="tr_bq"><script type='text/javascript'> 
var starttab=0; 
var endtab=3; 
var sidebarname="sidebar"; 
</script> 
<script src='http://creatingwebsite.googlecode.com/files/tabber.js' type='text/javascript'/> </blockquote> 
 
</div>Keterangan : 
var starttab=0; 
var endtab=3; 
var sidebarname="sidebar"; 
<div style="text-align: justify;">Starttab adalah nomor awal untuk widget yang Anda pilih, mulai menghitung dari 0. Endtab adalah jumlah untuk widget terakhir yang ingin ditampilkan dalam tabber. Endtab=3 berarti widget yang ditampilkan dalam tabber ada 4 (0, 1, 2, 3 empat kan jumlahnya).</div> 
<div style="text-align: justify;">Sidebarname adalah id sidebar letak tabber nantinya, bisa anda letakkan di kiri menggantinya dengan sidebarleft atau bisa juga diletakkan di tengah, yang perlu diperhatikan Anda harus mencari id dimana tabber ini akan diletakkan, biasanya tempatnya seperti kode di bawah ini (perhatikan yang warna kuning) :</div><blockquote class="tr_bq"><div id='sidebar-wrapper'> 
<b:section class='sidebar' id='sidebar' preferred='yes'></blockquote> 
 
 
 
 
</li>
<li>Setelah itu Save/Simpan template, sudah selesai. </li>
</ol><div style="text-align: justify;"></div><div style="text-align: justify;"></div><div style="text-align: justify;">Setelah itu anda tinggal membuat 4 widget yang akan ditampilkan dalam tabber, ingat dikasih judul semua ya widgetnya. Itu tadi tutorial dasar dari saya untuk membuat tabber sederhana dengan jquery, silahkan dimodifikasi sendiri warna serta tampilan lainnya. Sesuaikan dengan komposisi warna blog Anda sehingga tabber ini semakin memperindah tampilan blog dan pengunjung semakin betah berlama-lama di blog Anda. Selamat mencoba dan semoga bermanfaat.....</div>

T abber yang biasa kita lihat di sidebar dapat berfungsi untuk menghemat space dalam sebuah blog, sehingga blog lebih kelihatan rapi. Bany...

Cara mudah membuka Folder “ACCESS DENIED”

Pernahkah anda membuka folder dalam windows, terus jer keluar warning “Access Denied“, ya itu ertinya bahawa folder tersebut berada dalam protection windows. Boleh jadi kerana dilindungi atau sedang "terlock" oleh system windows atau boleh juga kerana dijangkiti virus. 
 
Okey, dibawah ini saya akan berikan tips bagaimana membuka folder yang “access denied” tersebut, tanpa software tambahan….cukup menggunakan perkakas yang ada di windows. 
 
Berikut adalah cara-caranyer : 
 
1. Ubah Setting Folder Option : 
 
Masuk windows explorer dan masuk menu Tools->Folder Options->view 
 
Kemudian tandakan 'right' pilihan Show hidden files and folder 
 
Hilangkan tanda' right' pada Hide extension for known files type 
 
Hilangkan tanda 'right' Hide Protected operating system files 
 
Hilangkan tanda 'right 'Use simple file sharing 
 
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-eXFTH1xiP8w/TziwhzS3aZI/AAAAAAAABQ0/_f_Hj3GVAJk/s1600/image_simple_johanrakyat.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/-eXFTH1xiP8w/TziwhzS3aZI/AAAAAAAABQ0/_f_Hj3GVAJk/s400/image_simple_johanrakyat.gif" width="325" /></a></div> 
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-TIVPMwempjM/TziwjMBnqZI/AAAAAAAABQ8/9LrG_g39OtM/s1600/show-file-johanrakyat.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/-TIVPMwempjM/TziwjMBnqZI/AAAAAAAABQ8/9LrG_g39OtM/s400/show-file-johanrakyat.gif" width="325" /></a></div> 
 
2. Klik kanan folder yang akan diunlock ->properties->Security->advance->Owner 
 
3. Klik user anda dan tandakan right Replace Owner on subcontainers and object dan tunggu sampai proses selesai. 
 
 
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-mwHM9UCcHGE/Tziw9Uo6RAI/AAAAAAAABRM/eXzE4lukK1Y/s1600/security_johanrakyat.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-mwHM9UCcHGE/Tziw9Uo6RAI/AAAAAAAABRM/eXzE4lukK1Y/s1600/security_johanrakyat.gif" /></a></div> 
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-ymkQA-76Z_w/Tziw86i9lFI/AAAAAAAABRE/9S4S1snIIJU/s1600/owener_johanrakyat.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="321" src="http://2.bp.blogspot.com/-ymkQA-76Z_w/Tziw86i9lFI/AAAAAAAABRE/9S4S1snIIJU/s400/owener_johanrakyat.gif" width="400" /></a></div> 
 
4. Udah selesai, sekarang cuba buka folder yang tadinya terkunci, sekarang sudah boleh dibuka..

Pernahkah anda membuka folder dalam windows, terus jer keluar warning “ Access Denied “, ya itu ertinya bahawa folder tersebut berada dalam ...

Cara Pasang Meta Tag yang Power Punya

Berjumpa lagi di blog Johan Rakyat, dan saya yang tak pernah bosan untuk berkongsi tips dengan anda semua. sebelumnya saya sudah memposting artikel tentang beberapa jenis meta tag,<a href="http://johanrakyat.blogspot.com/2010/12/tingkatkan-traffic-dari-search-engine.html" style="color: red;" target="_blank">lihat ini</a> dan <a href="http://johanrakyat.blogspot.com/2010/04/teknik-optimasi-seo-blogspot-dengan.html" style="color: red;" target="_blank">lihat ini</a> dan sekarang saya akan memposting artikel tentang <a href="http://johanrakyat.blogspot.com/2012/02/cara-pasang-meta-tag-yang-power-punya.html" target="_blank">Cara Pasang Meta Tag yang Power Punya</a>. 
 
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-rFi2o29n-XY/TzPIb8rCJ8I/AAAAAAAABPY/Vc9tWDT2478/s1600/JOHANRAKYAT_meta-tag.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-rFi2o29n-XY/TzPIb8rCJ8I/AAAAAAAABPY/Vc9tWDT2478/s1600/JOHANRAKYAT_meta-tag.JPG" /></a></div> 
<a href="http://johanrakyat.blogspot.com/2012/02/cara-pasang-meta-tag-yang-power-punya.html" target="_blank">Meta Tag</a> ini sangat sesuai, mujarab, dan power pastinya untuk blog anda. menurut kajian saya, dengan memasang <a href="http://johanrakyat.blogspot.com/2012/02/cara-pasang-meta-tag-yang-power-punya.html" target="_blank">meta tag</a> ini ke blog anda akan menambah <a href="http://johanrakyat.blogspot.com/2012/02/cara-pasang-meta-tag-yang-power-punya.html" target="_blank">SEO</a> di blog. Jom kita ikut tutorial <a href="http://johanrakyat.blogspot.com/2012/02/cara-pasang-meta-tag-yang-power-punya.html" target="_blank">meta tag</a> yang power nie:- 
 
* masuk ke akaun blogger anda Blogger 
 
 
* klik Design > Edit HTML 
 
 
* Centang "Expand Widget Template" 
 
 
* kemudian cari kode <head> . gunakan Tombol Keyboard CTRL + F untuk mempercepatkan carian. 
 
* Copy Code berikut ini dan Paste-kan di bawah kode <head>. 
 
<pre class="brush: js"><b:include data='blog' name='all-head-content'/>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
 <title><data:blog.pageTitle/></title><meta content=' DESCRIPTION BLOG ANDA' name='description'/>
 <meta content='KEYWORD HALAMAN BLOG ' name='keywords'/>
 <meta content='NAMABLOG.blogspot.com' name='subject'/>
 <meta content=' DESCRIPTION HALAMAN BLOG ANDA' name='Abstract'/>
 <b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
 <title><data:blog.pageName/> | <data:blog.title/></title>
 <b:else/>
 <title><data:blog.pageTitle/></title>
 </b:if><meta expr:content='data:blog.pageName + &quot; DESCRIPTION HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
 <meta expr:content='data:blog.pageName + &quot; KEYWORD HALAMAN YANG SEDANG DIBUKA&quot;' name='keywords'/>
 <meta expr:content='data:blog.pageName' name='subject'/>
 <meta expr:content='data:blog.pageName' name='Abstract'/>
 <b:else/>
 <title><data:blog.pageTitle/></title><meta expr:content='data:blog.pageName + &quot; DESCRIPTION HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
 <meta expr:content='data:blog.pageName + &quot; KEYWORD HALAMAN YANG SEDANG DIBUKA &quot;' name='keywords'/>
 <meta expr:content='data:blog.pageName' name='subject'/>
 <meta expr:content='data:blog.pageName' name='Abstract'/>
 </b:if>
 </b:if>
 <title><data:blog.pageTitle/></title>
 <meta content='http://NAMABLOG.blogspot.com/' name='copyright'/>
 <meta content='NAMA ANDA' name='author'/>
 <meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>
 <meta content='KODE VERIFIKASI GOOGLE' name='google-site-verification'/>
 <meta content='KODE VERIFIKASI BLOGCATALOG' name='blogcatalog'/>
 <meta content='UTF-8' name='Charset'/>
 <meta content='Global' name='Distribution'/>
 <meta content='information' name='classification'/>
 <meta content='General' name='Rating'/>
 <meta content='INDEX FOLLOW' name='Robots'/>
 <meta content='document' name='resource-type'/>
 <meta content='follow,all' name='robots'/>
 <meta content='INDEX,FOLLOW, all' name='robots'/>
 <meta content='1 days' name='revisit'/>
 <meta content='1 Days' name='Revisit-after'/>
 <meta content='ID' name='language'/>
 <meta content='ID' name='geo.country'/>
 <meta content='Malaysia' name='geo.placename'/>
 <meta content='global' name='distribution'/>
 <meta content='blogger' name='generator'/>
 <meta content='general' name='rating'/>
 <meta content='global' name='target'/>
 <meta content='index,follow,snipet' name='googlebot'/>
 <meta content='follow, all' name='Googlebot-Image'/>
 <meta content='follow, all' name='Scooter'/>
 <meta content='follow, all' name='msnbot'/>
 <META CONTENT='NOODP' Name='msnbot'/>
 <meta content='follow, all' name='alexabot'/>
 <meta content='follow, all' name='Slurp'/>
 <meta content='follow, all' name='ZyBorg'/>
 <meta content='follow, all' name='Scooter'/>
 <meta content='ALL' name='SPIDERS'/>
 <meta content='ALL' name='WEBCRAWLERS'/>
 <link expr:href='data:blog.url' rel='canonical'/></pre> 
PERHATIAN ! 
 
ANDA sila ganti kode yang berwarna merah dan berwarna orange sesuai dengan perintahnya. anda juga boleh menambahkan meta tag seperti veriikasi, atau apa saja. 
 
 
* dan yang terakhir klik SIMPAN TEMPLATE/SAVE TEMPLATE 
 
NOTE: untuk melihat apakah meta tag tersebut benar-benar jadi atau tidak silakan follow langkah-langkah berikut: 
 
* klik New Tab 
* klik alamat blog anda di address bar 
* setelah loading blog selesai, klik icon favicon blog anda di samping kiri address bar 
* klik MORE INFORMATION 
* pilih tab GENERAL 
* okey, disitu ada kolum putih yang berisi beberapa keterangan-keterangan blog anda . jika semua <a href="http://johanrakyat.blogspot.com/2012/02/cara-pasang-meta-tag-yang-power-punya.html" target="_blank">meta tag</a> tadi yang sudah dipasang berada di kolum tab GENERAL tersebut, bererti meta tag itu berfungsi dan menjadikan blog anda SEO friendly . 
 
sekian dulu tips,trik, dari saya semoga artikel di atas bermanfaat untuk blog anda....

Berjumpa lagi di blog Johan Rakyat, dan saya yang tak pernah bosan untuk berkongsi tips dengan anda semua. sebelumnya saya sudah memposting ...

Cara Paling Mudah Dapatkan 100 LIKES, 100 FOLLOWERS & 100 PAGEVIEWS dalam 1 JAM Secara Percuma di Johan Rakyat

Mesti korang tertanya-tanya, macam mana tu? Mudah sahaja. Pernah korang dengar pasal <a href="http://youlikehits.com/?x=89462" title="Get Facebook Likes">YouLikeHits.com</a>? <a href="http://youlikehits.com/?x=89462" title="Get Facebook Likes">YouLikeHits.com</a> ini sebenarnya ada sebuah websites yang akan membantu korang untuk menambahkan Follower dan Likes di "social networks" seperti yang aku sebut diatas. 
 
Langkah-langkah untuk mendaftar. 
 
1. Klik websites <a href="http://youlikehits.com/?x=89462" title="Get Facebook Likes">YouLikeHits.com</a> 
 
2. Isi borang yang aku kotakkan di dalam gambar kat bawah selengkapnya. Ingat, password korang mesti ada satu huruf besar dan satu nombor Contoh:- 9Facebook 
 
 
<div><a href="http://johanrakyat.blogspot.com/" style="color: #444444; text-decoration: none;"> </a> 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-family: Arial,Helvetica,sans-serif; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5htbmU9pxJJJeZhPHy1eEWyjBZK1GegHkv85fXi9DKwPX00HNMrbCCzITrnZkByz_w-A0cGYvukcD2fiiwir7Lg5L6de8DILfjK6SzoenH0O22oTpHOG3qYbkQ3WGF8QUPDnd8hNb3Kg/s1600/cara+daftar+youlikehits+1.png" style="margin-left: auto; margin-right: auto;"><img alt="Cara tambahkan Facebook Likes,cara tambahkan Follower Twitter,Cara tambahkan Websites Hits,Cara tambahkan Youtube Subscribers,YouLikeHits,YouLikeHits Bots,Cara cepat tambahkan follower,Tips dan seo blog" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5htbmU9pxJJJeZhPHy1eEWyjBZK1GegHkv85fXi9DKwPX00HNMrbCCzITrnZkByz_w-A0cGYvukcD2fiiwir7Lg5L6de8DILfjK6SzoenH0O22oTpHOG3qYbkQ3WGF8QUPDnd8hNb3Kg/s400/cara+daftar+youlikehits+1.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Klik gambar untuk Zoom 
 
 3. Bila korang dah boleh Login, akan keluar interface seperti gambar dibawah. Pilih mana-mana menu "Your Setting" yang korang suka.Kalau korang nak tambah FB Likes. Klik button FB. Kalau nak tambah <a href="http://www.youlikehits.com/stats.php" target="_blank">Websites Hits</a>. Klik button W. 
 
</td></tr>
</tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-family: Arial,Helvetica,sans-serif; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0bKWg0NYdVjSin6Fs_AUn8p6d1LoFSk2UlyZEeULXd6_qluubmwntUpN0v7tgn23xDJhWHdRo0e6WzHCaXKClmgF24aXoCFBvaeXDhvQ43m3NuXO61EEIigcSKkJKvhPFCioh9Vx_aTw/s1600/cara+daftar+youlikehits+2.png" style="margin-left: auto; margin-right: auto;"><img alt="cara tambahkan FB likes,cara tambahkan Follower Twitter,Cara tambahkan websites hits,YouLikeHits,YouLikeHits Bots,Cara cepat tambahkan follower" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0bKWg0NYdVjSin6Fs_AUn8p6d1LoFSk2UlyZEeULXd6_qluubmwntUpN0v7tgn23xDJhWHdRo0e6WzHCaXKClmgF24aXoCFBvaeXDhvQ43m3NuXO61EEIigcSKkJKvhPFCioh9Vx_aTw/s400/cara+daftar+youlikehits+2.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Klik gambar untuk Zoom</td></tr>
</tbody></table>4. Bila korang dah klik button FB.Akan keluar interface seperti dibawah."Copy dan paste" kan URL Fan Page Facebook korang kat dalam ruangan yang disediakan dan klik "Add Page" 
 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-family: Arial,Helvetica,sans-serif; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXyc4Od9_tRB9mkxyaftSK51siuaeI9VNLM-F7Aww-pTl95olsEqFaJQLlbNvWoGF4N9J-Y4IkYdJLoP3MLBACm2E9dNV_KVDDrPe-d0p223wv476GAArQeZlcdkYt8pDqoC6lppMJP4I/s1600/cara+daftar+youlikehits+3.png" style="margin-left: auto; margin-right: auto;"><img alt="cara tambahkan FB likes,cara tambahkan Follower Twitter,Cara tambahkan websites hits,YouLikeHits,YouLikeHits Bots,Cara cepat tambahkan follower" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXyc4Od9_tRB9mkxyaftSK51siuaeI9VNLM-F7Aww-pTl95olsEqFaJQLlbNvWoGF4N9J-Y4IkYdJLoP3MLBACm2E9dNV_KVDDrPe-d0p223wv476GAArQeZlcdkYt8pDqoC6lppMJP4I/s400/cara+daftar+youlikehits+3.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Klik gambar untuk Zoom</td></tr>
</tbody></table> 
 5. Pilih berapa banyak Points yang korang nak bagi bila orang klik "Likes" Fan Page Facebook anda. Disarankan letak sikit-sikit dulu kalau points tak banyak. So, pandai-pandai korang lah. 
 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-family: Arial,Helvetica,sans-serif; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSayKoZycpqsAd62UiQGZsLv8b2mbbv8aiE4PjM-EXuA0huOi-rChQjXQUKQDXyKSEjWfV3-szPH6JT1n5GNir6UrbencnjJ4UKiIGDTD4rJeBp9fvIW4rJ19TLVf_OF3U2p-YBYXpR9s/s1600/cara+daftar+youlikehits+4.png" style="margin-left: auto; margin-right: auto;"><img alt="cara tambahkan FB likes,cara tambahkan Follower Twitter,Cara tambahkan websites hits,YouLikeHits,YouLikeHits Bots,Cara cepat tambahkan follower" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSayKoZycpqsAd62UiQGZsLv8b2mbbv8aiE4PjM-EXuA0huOi-rChQjXQUKQDXyKSEjWfV3-szPH6JT1n5GNir6UrbencnjJ4UKiIGDTD4rJeBp9fvIW4rJ19TLVf_OF3U2p-YBYXpR9s/s400/cara+daftar+youlikehits+4.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Klik gambar untuk Zoom</td></tr>
</tbody></table> 
 6. Sekiranya points korang dah habis. Korang boleh tambahkan points korang dengan cara cepat dengan klik button "HOME" dan pilih mana-mana tab yang korang suka. Kalau nak points yang banyak tapi cara leceh sikit, pilih lah tab Facebook macam gambar di bawah. 
 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-family: Arial,Helvetica,sans-serif; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAG5Uco3JwWPcYdpKUirTjwjB3ZWripctnnWZ_ToJbR935KRILwJS4d0q62W7o33k59ZA0jtGUatnJ23xT6jPG6kkLAIWHgNFBNsUJSxgQq9cb8sO1_W4THwYl_ajwCiK2DMlSxL8RU_o/s1600/cara+daftar+youlikehits+5.png" style="margin-left: auto; margin-right: auto;"><img alt="cara tambahkan FB likes,cara tambahkan Follower Twitter,Cara tambahkan websites hits,YouLikeHits,YouLikeHits Bots,Cara cepat tambahkan follower" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAG5Uco3JwWPcYdpKUirTjwjB3ZWripctnnWZ_ToJbR935KRILwJS4d0q62W7o33k59ZA0jtGUatnJ23xT6jPG6kkLAIWHgNFBNsUJSxgQq9cb8sO1_W4THwYl_ajwCiK2DMlSxL8RU_o/s400/cara+daftar+youlikehits+5.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Klik gambar untuk Zoom</td></tr>
</tbody></table> 
 7. Cara paling senang dan yang paling aku suka ialah tab Websites dimana aku hanya perlu klik "Visit" pastu tunggu 20 saat pastu aku close. Step tersebut aku ulang-ulang je sampai points aku banyak balik. 
 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-family: Arial,Helvetica,sans-serif; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJEzlNXSgJZ-jJpj5cxuF8MG0YlteQiLksZ0tz_CAwyrHNJ4Vw-1XpjsXibtrbQ7kbs-9lGkmcVTkK_qawn9S5IMzzk-5CPmB9eg8SAh-gk1oWdFWi8SJyG1IdFsixRgQUnzxo4BAmoR8/s1600/cara+daftar+youlikehits+6.png" style="margin-left: auto; margin-right: auto;"><img alt="Cara tambahkan Facebook Likes,cara tambahkan Follower Twitter,Cara tambahkan Websites Hits,Cara tambahkan Youtube Subscribers,YouLikeHits,YouLikeHits Bots,Cara cepat tambahkan follower,Tips dan seo blog" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJEzlNXSgJZ-jJpj5cxuF8MG0YlteQiLksZ0tz_CAwyrHNJ4Vw-1XpjsXibtrbQ7kbs-9lGkmcVTkK_qawn9S5IMzzk-5CPmB9eg8SAh-gk1oWdFWi8SJyG1IdFsixRgQUnzxo4BAmoR8/s400/cara+daftar+youlikehits+6.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"><tbody>
<tr></tr>
<tr><td class="tr-caption" style="text-align: center;">Klik gambar untuk Zoom</td></tr>
</tbody></table></td></tr>
</tbody></table> 
8. 50 points akan diberi percuma setiap hari. Apa yang korang perlu buat ialah korang kena Login setiap hari dan klik "Claim 50 Free Points Daily!" Tu aje. 
 9. Selesai. Selebihnya korang explore sendiri. 
 
Mudah je kan cara-cara untuk tambahkan Websites Hits dan Facebook Likes ?  
 
<a href="http://farhanrazak.blogspot.com/2012/01/cara-mudah-dapatkan-100-likes-pageviews.html" target="_blank">Sumber 99% </a></div>

Mesti korang tertanya-tanya, macam mana tu? Mudah sahaja. Pernah korang dengar pasal YouLikeHits.com ? YouLikeHits.com ini sebenarnya ada s...

Mengenali Google Crawler

Johan Rakyat|Mengenali Google Crawler. Google merupakan enjin carian yang digunakan oleh majoriti pengguna internet. Kerana Google sampai saat ini dianggap mempunyai kelebihan-kelebihan yang tidak dimiliki oleh enjin carian lain. Disamping itu paparan dari google search engine yang sederhana, ternyata di balik itu google mengandungi suatu system pengindekan yang nyaris sempurna dan pengindekan terkini dengan menggunakan algoritma google panda 2.5. Sehingga google nyaris tanpa kompromi membabat blog yang mengandungi kandungan-kandungan yang tidak bermutu seperti blog AGC (Auto Generate Content) dan blog yang mengandungi artikel dari hasil Copy Paste. 
 
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-0anpqlWpS4o/Tya4Zh6hXnI/AAAAAAAABLQ/Z-S8ArGeI3c/s1600/johanrakyat-google-web-crawl.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="303" src="http://2.bp.blogspot.com/-0anpqlWpS4o/Tya4Zh6hXnI/AAAAAAAABLQ/Z-S8ArGeI3c/s320/johanrakyat-google-web-crawl.jpg" width="320" /></a></div> 
Google berjalan pada rangkaian terdistribusi ribuan komputer murah sehingga dapat melaksanakan pemprosesan selari dengan cepat. Pengolahan selari adalah kaedah perhitungan di mana banyak pengiraan boleh dilakukan secara serentak, secara signifikan mempercepatkan pemprosesan data. 
 
Integriti Search Engine Salah satu alasan kenapa search engine yang ada sebelum Google menurun populariti dan kegunaannya adalah munculnya Paid Listing. Di mana search engine yang "lapar" akan bayaran / pendapatan menjual kedudukan dalam keputusan carian kepada para pengiklan. 
 
Terjadinya penurunan terhadap objektif tersebut meracuni hasil carian dan meremehkan prinsip populariti yang dimiliki laman web. Perbezaan antara search engine, yang seharusnya memaparkan hasil yang anda cari, dengan saluran browser, yang membawa anda ke perniagaan affiliate, mengabur. Walaupun banyak search engine yang enggan menjual kedudukan dalam keputusan carian mereka, keraguan dan ketidakpercayaan telanjur menyebar di hati para pengguna. 
 
Integriti Google terlihat dari laman laman web mereka yang bersih dari segala macam tetek-bengek, dan semata-mata mempunyai satu hal iaitu kata "Search". Memang Google menerima iklan, tetapi iklan yang mereka terima dipisahkan dari hasil carian. Mungkin tidak semua orang setuju dengan cara Google Merangking hasil carian, tetapi tidak ada seorang pun yang menyangka bahawa rangking teratas di hasil carian Google boleh dibeli. 
 
Bagaimana sebenarnya cara kerja Google & search engine secara umum? artikel ini bermaksud menjawab hal tersebut secara sederhana. 
 
Cara Kerja Dasar Search Engine Semua search engine (enjin carian) bekerja dengan cara dasar yang sama: mereka "merayapi" (crawl) laman web dengan software robot automatik disebut Spider (labah-labah) atau Crawler (perayap) yang menghasilkan / mencipta Indeks (senarai) isi web yang boleh anda cari / ditemui oleh para pengguna. Setiap search engine mengizinkan para pengguna untuk mencari di dalam senarai (indeks) yang enjin carian itu miliki, untuk sebuah Keyword (kata kunci) atau sekumpulan keyword. Hasil carian dipaparkan dalam pelbagai bentuk senarai, tetapi kebanyakan memaparkan sedikit maklumat mengenai setiap web yang masuk dalam senarai dan link yang mengarah ke web tersebut. 
 
Cara setiap search engine membuat senarai sangat unik, berkat pengaturcaraan mesin spider yang berbeza di antara satu sama lain. Unsur utama dalam pengaturcaraan spider adalah algoritma enjin carian tersebut, yang menentukan rangking dari setiap laman web yang didaftar. Sistem rangking tersebut menentukan cara hasil carian dipaparkan. 
 
Cara Kerja Google Aset teknologi utama Google adalah sistem algoritma yang mereka miliki, formula sistem rangking rumit yang memberikan kepada para pengguna, hasil carian yang bagus dan seringkali terkesan seolah Google mampu membaca fikiran dari setiap orang yang mencari melalui enjin carian gergasi ini. 
 
Hasil dari sistem algoritma dirangkum dalam sebuah statistik rangking perseorangan yang disebut PageRank, Google sangat merahsiakan formula PageRank ini, tetapi syarikat tersebut mempromosikan pentingnya PageRank, dan menawarkan pada para Webmaster penggunaan-penggunaan umum untuk meningkatkan PageRank. Google menunjukkan sistem penilaian rata-rata dari setiap laman (dalam skala 0-10) dalam bar alat Google. Walaupun formula tepat dirahsiakan, tetapi ramuan dasar PageRank ini dikenali awam. 
<div><a href="http://johanrakyat.blogspot.com/" style="color: #444444; text-decoration: none;"> </a> </div>Bila Google mengindex atau Merayap? Google merayapi laman web di Internet dengan kedalaman berbeza dan dengan tatacara jadual lebih dari sekali. Yang disebut Deep Crawl (merayap dalam) dilakukan sekurang-kurangnya sekali dalam 1 bulan. Berkaitan dengan kerumitan proses pembuatan senarai dan keperluan akan membuat senarai isi web secara menyeluruh, mengambil masa lebih dari 1 minggu untuk melakukan perayapan. Kerana itu mengambil masa 6 minggu untuk sebuah web atau blog baru supaya masuk dalam senarai Google. Tetapi ternyata system pengindexan google untuk laman baru ini, boleh juga di ubah dengan suatu teknik khusus untuk mempercepatkan laman terindeks google search engine dalam masa kurang dari 2 jam. 
 
Deep Crawler & Fresh Crawler 
Google bergantung sepenuhnya pada deep crawl ini, tetapi hasil dari deep crawl boleh cepat tamat berkaitan dengan cepatnya perubahan di dunia internet. Kerana Google melancarkan fresh crawl yang secara ringkas melawat laman-laman web di Internet lebih sering daripada deep crawl. Memang hasil fresh crawl ini tidak akan mengubah keseluruhan indeks yang dimiliki Google, tapi akan mengupdate isi dari sebahagian web / blog. Google tidak mengumumkan jadual fresh crawl ini dan laman / blog apa yang menjadi sasaran, tetapi para Webmaster boleh mengetahui jadual tersebut lewat penyelidikan yang saksama. 
 
Google tidak punya kewajipan untuk melawat URL khas apa-apa, dengan fresh crawl mereka. Laman-laman web dan blog boleh meningkatkan peluang untuk lebih sering dikunjungi Google dengan mengupdate kandungan mereka secara teratur. Ingat sisi kedangkalan dari fresh crawl, Google mungkin melawat laman depan dari laman atau blog anda, tetapi mungkin tidak melawat laman-laman lain. 
 
Deep Crawl bersifat lebih automatik dan tanpa pertimbangan serta lebih teliti daripada Fresh Crawl. Kesempatan baik datang bila saat jadual deep crawl, link-link dari laman baru sudah disenaraikan di laman utama, sehingga deep crawl akan mengindeks laman baru itu juga. Tidak semua laman dari sebuah laman akan dimasukkan dalam indeks oleh Google, proses pertimbangannya adalah rahsia syarikat tersebut. Kerana, bila anda merasa ada sebuah laman atau artikel penting yang anda miliki tidak terindeks di Google, yang boleh anda lakukan adalah memaksimumkan promosi.

Johan Rakyat|Mengenali Google Crawler. Google merupakan enjin carian yang digunakan oleh majoriti pengguna internet. Kerana Google sampai sa...

Cara Tukar Catatan Baru Dan Lama di Footer Kepada Tajuk Post

The Newer Post, Home and Older Post links are located at the bottom of your blog. They are parts of blog pager, which help readers navigate between pages and posts. If you’ve ever been to a WordPress blog, you might have noticed that it displays the actual post titles, instead of fixed text phrases. 
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-KCH7mPBEb7Y/T0JX4oElmGI/AAAAAAAABTE/-kkc3twUc8c/s1600/wordpress%2Bstyle%2Bblogger%2Bblog%2Bpager%2Bwith%2Bpost%2Btitle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-KCH7mPBEb7Y/T0JX4oElmGI/AAAAAAAABTE/-kkc3twUc8c/s1600/wordpress%2Bstyle%2Bblogger%2Bblog%2Bpager%2Bwith%2Bpost%2Btitle.png" /></a></div> 
This tutorial will show you how to do just that -changing those static texts to dynamic post titles. Let’s get to work: 
 
 
1. Loading jQuery library 
 
This time we will use jQuery. For jQuery codes to work, first you have to load jQuery JavaScript library. 
 
Go to Design > Edit HTML and paste this code before </head> line in your template: 
 
 
<pre class="brush: js"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

</pre> 
Don’t add the code if your blog has some kind of slider/glider feature installed. It usually runs on jQuery, which means the code has been added to your template. 
 
 
2. Adding the blog pager code 
 
Go to Design > Page Elements > Add A Gadget and paste this code into a HTML/Javascript gadget. This code is based on the original code by Fiona of ETBlue. 
 
 
 
<pre class="brush: js">
<style type="text/css"> 
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;} 
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;} 
</style> 
<script type="text/javascript">
$(document).ready(function(){ 
var newerLink = $("a.blog-pager-newer-link").attr("href"); 
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { 
var newerLinkTitle = $("a.blog-pager-newer-link").text(); 
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle); 
}); 
var olderLink = $("a.blog-pager-older-link").attr("href"); 
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { 
var olderLinkTitle = $("a.blog-pager-older-link").text(); 
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt 
}); 
}); 
</script>

</pre> 
On post pages it will show the actual titles of the next and previous posts. On index pages (i.e. homepage, label pages and archive pages) it will show the titles of the topmost post of the next and previous index pages. A tooltip with “Newer post” or “Older post” will appear when you hover the post title, making sure readers can tell which is which.

The Newer Post, Home and Older Post links are located at the bottom of your blog. They are parts of blog pager, which help readers navigate ...

Cara Meletakkan Iklan Di Sebelah Kiri@Kanan Posting

<a href="http://johanrakyat.blogspot.com/" name="more"></a> 
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-WBqXdv8gUiA/TbzWtsXlwuI/AAAAAAAAAlU/2Z8gfdQrra0/s1600/iklan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="http://3.bp.blogspot.com/-WBqXdv8gUiA/TbzWtsXlwuI/AAAAAAAAAlU/2Z8gfdQrra0/s320/iklan.jpg" width="320" /></a></div>Anda ingin menampilkan iklan di kanan atau kiri artikel blog. Pastinya Anda  ingin tahu bagaimana cara meletakkannya? ok..Ikut jer cara dibawah ini. 
 
1. Login ke Blogspot . 
 
2. Klik Design - Edit HTML(Tandakan pada Expand Widget) 
3.Cari kod dalam kotak nie... 
 
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;"><blockquote><div class='post-header-line-1'/></blockquote></div> 
4. Pastu copy kod dalam kotak dibawah ini . 
 
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;"><blockquote><div style='display:block;float:left;margin: 0px 10px 0px 0px;'> 
LETAK KOD IKLAN ANDA DISINI 
</div></blockquote></div> 
5. Pastekan dibawahnya. 
 
6. Preview dan Save template . 
 
Note: Pada highlight biru adalah kedudukan iklan yang korang nak samada kiri atau kanan/yang merah tu korang letak kod iklan korang...

Anda ingin menampilkan iklan di kanan atau kiri artikel blog. Pastinya Anda ingin tahu bagaimana cara meletakkannya? ok..Ikut jer cara ...

Cara pasang related post tanpa ada gambar

Jika sebelumnya saya pernah posting tentang cara membuat related posts with thumbnails dan untuk kali ini saya akan posting serupa tapi tak sama iaitu "pasang related post tanpa gambar".Okey sambung kembali tutorial ini dan inilah "Widget Related Posts" 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0vf3MPCJqCgx_CkuzBnAJ5sIPlC3keDWHiW14yrZub4Y4UYo3wL6hB2QkbfGvRasry6_73V8YE8fA9olGi_dbK5DoQo_MxB9DFGbjEb5g_evelpaTHkATgpDOIaSq221OUQlAMR1rUyzF/s1600/related-posts3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0vf3MPCJqCgx_CkuzBnAJ5sIPlC3keDWHiW14yrZub4Y4UYo3wL6hB2QkbfGvRasry6_73V8YE8fA9olGi_dbK5DoQo_MxB9DFGbjEb5g_evelpaTHkATgpDOIaSq221OUQlAMR1rUyzF/s320/related-posts3.png" width="320" /></a></div>
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
Setelah anda login pada blogger .com cari kode dibawah ini : </head> 
 
Kemudian gantikan dengan kode di ini :
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<blockquote>
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style> 
#related-posts { 
float:center; 
text-transform:none; 
height:100%; 
min-height:100%; 
padding-top:5px; 
padding-left:5px; 
} 
#related-posts .widget{ 
padding-left:6px; 
margin-bottom:10px; 
 
} 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
#related-posts .widget h2, #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:blue; 
} 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
#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 
} 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
#related-posts ul li{ 
background:transparent 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHV0F2gA11A2-o92OwDpk4QWk2bfCj7wDzn7FozybeYfOUb5qnghHzfO220LhCpahPWLx0ET8H8dDH54VRNYa-L8TAHbUZjEziBK0SYVGiyX7qQo-oIWG2SbC_XSEIGnHlbXOygNQUYCo/s200/greentickbullet.png)
 no-repeat ; 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
display:block; 
list-style-type:none; 
margin-bottom: 13px; 
padding-left: 30px; 
padding-top:0px;} 
</style> 
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<script type='text/javascript'> 
var relatedpoststitle="Related Posts"; 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
</script> 
<script src='http://mastergomaster.googlecode.com/files/related.js' type='text/javascript'/> 
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
</b:if> 
 
</head></blockquote>
</div>
 
**Tulisan Related Posts boleh anda ganti mengikut kesesuaian dan keinginan anda. 
 
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
Sekarang cari kode  ini :  <div class='post-footer-line post-footer-line-1'>
<a href="http://johanrakyat.blogspot.com/" name="more"></a> 
 
Kalau tak jumpa,cuba yang satu ini :
<a href="http://johanrakyat.blogspot.com/" name="more"></a>

<a href="http://johanrakyat.blogspot.com/" name="more"></a> 
 
Letakkan kode dibawah ini dibawah kode di atas :
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<blockquote>
 
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id='related-posts'> 
<b:loop values='data:post.labels' var='label'> 
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> 
</b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + 
data:label.name + <a href="http://johanrakyat.blogspot.com/" name="more"></a>
&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;'<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 type='text/javascript'/></b:if></b:loop><a 
href='http://www.mastergomaster.com/2010/03/related-posts-tanpa-gambar-atau-image.html'<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 style='display:none'>Related Posts Widget</a> 
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<script type='text/javascript'> 
var currentposturl=&quot;<data:post.url/>&quot;; 
 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 
<div style="color: red;">
var maxresults=5;</div>
removeRelatedDuplicates(); printRelatedLabels(); 
</script> 
</div> 
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 
</b:if> 
</blockquote>
</div>
 
**Pada var maxresults=5; gantilah angka 5 jika anda mahu atau lebih mengikut kesesuian anda inginkan.
<a href="http://johanrakyat.blogspot.com/" name="more"></a> 
 
Simpan dan klik Save Template, 
Sekian, dan terima kasih kerana sudi mencuba tutorial yang tak seberapa ini.

Jika sebelumnya saya pernah posting tentang cara membuat related posts with thumbnails dan untuk kali ini saya akan posting serupa tapi tak ...

Cara Meletakkan Save Energy Mode Di Dalam Blogspot

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFZDbWZVrhHcXwl9ZnPElQdHtIyFrRs0r_w_FtcsWKztgk_KhOF4oe8fBNXq5Uq27jVISk6Rm8EG_2VrSG8Tw78YgwDM0hpwvrapr36Pi-FocG_x90ITw_qw-hFKfuu1Ow1SmYnRLK8yg/s1600/Green-save.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFZDbWZVrhHcXwl9ZnPElQdHtIyFrRs0r_w_FtcsWKztgk_KhOF4oe8fBNXq5Uq27jVISk6Rm8EG_2VrSG8Tw78YgwDM0hpwvrapr36Pi-FocG_x90ITw_qw-hFKfuu1Ow1SmYnRLK8yg/s320/Green-save.jpg" width="320" /></a></div>
 
 
Marilah ikuti tutorial nak jimatkan tenaga..atau pun energy save mode kat blog korang 
 <a href="http://johanrakyat.blogspot.com/" name="more"></a>
1-buka blog 
2-reka bentuk 
3-add gadjet 
4-pilih html link dan jawa script 
5-copy dan pastekan kod bawah ni. 
 <a href="http://johanrakyat.blogspot.com/" name="more"></a>
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<blockquote>
<script <a href="http://johanrakyat.blogspot.com/" name="more"></a>
src=’http://www.vincentcheung.ca/jsencryption/jsencryption.js’ 
type=’text/javascript’></script><script 
type=”text/javascript”>if (window.jstiming) 
window.jstiming.load.tick(‘headEnd’);</script> 
<!– save your energy –><script language=’javascript’ 
src=’http://www.onlineleaf.com/savetheenvironment.js’ 
type=’text/javascript’></script><!– save your energy end 
–><script type=’text/javascript’></script><script 
type=’text/javascript’></blockquote>
</div><a href="http://johanrakyat.blogspot.com/" name="more"></a>

Marilah ikuti tutorial nak jimatkan tenaga..atau pun energy save mode kat blog korang 1-buka blog 2-reka bentuk 3-add gadjet 4-pili...

Cara Membuat Auto Lightbox untuk semua gambar

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNFm7d_Twh31bvEW6ECZK8u0PNoQZcby1wROcxBMPxX-00Ex9kOlSRdbMo8AE4orWH-pkEh1506_fDYC8kLzWmjYvgesG34sloLRUr4DNLIIw5sGmPcE-7WP49EGyJOQzPejyw8mF-bwY/s1600/joahnt.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNFm7d_Twh31bvEW6ECZK8u0PNoQZcby1wROcxBMPxX-00Ex9kOlSRdbMo8AE4orWH-pkEh1506_fDYC8kLzWmjYvgesG34sloLRUr4DNLIIw5sGmPcE-7WP49EGyJOQzPejyw8mF-bwY/s320/joahnt.jpg" width="320" /></a></div>
<div style="text-align: center;">
Contoh:: Klik Gambar Untuk Demo</div>
 
 
Bagaimana memasang script ini? 
 
1. Pergi ke Dashboard Blogger, Teruskan ke tab Design, kemudian Edit HTML. 
2, Tambah kod ini sebelum kod :- <body>

<div style="border: 1px inset rgb(108, 122, 125); color: blue; margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<blockquote>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> 
<style type="text/css"> 
    /* jQuery lightBox plugin - Gallery style */ 
    #gallery { 
        background-color: #444; 
        padding: 10px; 
        width: 520px; 
    } 
    #gallery ul { list-style: none; } 
    #gallery ul li { display: inline; } 
    #gallery ul img { 
        border: 5px solid #3e3e3e; 
        border-width: 5px 5px 20px; 
    } 
    #gallery ul a:hover img { 
        border: 5px solid #fff; 
        border-width: 5px 5px 20px; 
        color: #fff; 
    } 
    #gallery ul a:hover { color: #fff; } 
    </style> 
 
 
<script src="http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.js" type="text/javascript"/> 
<link href="http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.css" media="screen" rel="stylesheet" type="text/css"/> 
 
<script type="text/javascript"> 
$(function() { 
$('a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').lightBox(); 
}); 
</script></blockquote>
</div>
 
3.Klik save 
 
p/s:- Gambar hanya support,JPG,jpeg,png,gif ////Sila refer <a href="http://simplexdesign.blogspot.com/2011/01/jquery-lightbox-working-in-blogger.html" style="color: red;">disini</a> jka ada masalah 
Sumber:-simplexdesign

Contoh:: Klik Gambar Untuk Demo Bagaimana memasang script ini? 1. Pergi ke Dashboard Blogger, Teruskan ke tab Design, kemudian Edit ...

Buat Auto Redirect Pada Blog

Auto redirect adalah satu ciri di mana ciri-ciri tersebut boleh meredirect atau mengarahkan suatu halaman website ke halaman lain. ciri-ciri ini berguna apabila anda memiliki blog utama dan blog penyokong. 
 
Apabila anda ingin mendapatkan traffic untuk kedua blog kamu, kamu boleh menggunakan script redirect ini. jadi, anda boleh memapasang script ini dalam blog penyokong anda dengan mengarahkan script ini untuk me redirect ke blog utama anda. 
 
Jadi, apabila ada pengunjung blog yang membuka blog penyokong anda, maka pengunjung tersebut akan di reidrect atau di arahkan ke blog utama anda secara automatik. dengan begini, kedua-dua blog anda akan mendapatkan traffik. 
 
Cara memasang auto redirect pada blog cukup mudah,pasang script ini pada sidebar blog anda....? jom ikut tutorial dibawah ini: 
 
Tutorial memasang auto redirect pada blog : 
 1. Menu Dashboard, klik Tata Letak, klik Edit html. 
 2. Cari kode </head> dan copy paste kode berikut ini diatasnya :

<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
 
<blockquote>
<form name="redirect"> 
<center> 
You will be redirected to the script in 
<form> 
<input name="redirect2" size="3" type="text"/> 
</form> 
seconds 
</center> 
 
<script> 
 
var targetURL="http://bloggertubev8.blogspot.com/" 
var countdownfrom=5 
 
var currentsecond=document.redirect.redirect2.value=countdownfrom+1 
function countredirect(){ 
if (currentsecond!=1){ 
currentsecond-=1 
document.redirect.redirect2.value=currentsecond 
} 
else{ 
window.location=targetURL 
return 
} 
setTimeout("countredirect()",1000) 
} 
 
countredirect() 
//--> 
</script> 
</form></blockquote>

</div>
 
5. klik simpan. 
  
   Info Script : 
 - anda boleh tukar script yang berwarna hijau (dengan format kode HTML) 
 - script yang berwarna merah adalah URL yang hendak dituju. 
 - script yang berwarna biru adalah waktu countdown untuk me redirect. 
   Semoga bermanfaat untuk anda!

Auto redirect adalah satu ciri di mana ciri-ciri tersebut boleh meredirect atau mengarahkan suatu halaman website ke halaman lain. ciri-ciri...

Cara Nak Buat Gambar Bergerak?

Cara nak buat gambar bergerak,adaptasi dari cara buat tulisan bergerak saya sebelum ini.Ikut sahaja langkah-langkah dibawah ini untuk berjaya,jika tak faham sila rujuk <a href="http://johanrakyat.blogspot.com/2011/02/cara-buat-tulisan-bergerak-warna.html">disini</a>. 
 
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 0px; padding-left: 0px; padding-right: 0px;">
<blockquote>
<marquee direction="right"><img src="https://sites.google.com/site/johanrakyat/pic/mypic.jpg" /></marquee><marquee direction="left"><img src="https://sites.google.com/site/johanrakyat/pic/mypic.jpg" /></marquee>
<marquee align="center" behavior="alternate" direction="up" height="300" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="10" width="95%"><center><img src="https://sites.google.com/site/johanrakyat/pic/mypic.jpg" /></center></marquee></blockquote>
</div>
 
Nie Kode Dia:

<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<blockquote>
<marquee direction="right"><img 
src="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg"
 /></marquee></blockquote>
</div>
 
Tanda merah tersebut adalah kode yang harus anda letak sebelum link gambar,jika anda ingin mengubah haluan gambar sila rujuk <a href="http://johanrakyat.blogspot.com/2011/02/cara-buat-tulisan-bergerak-warna.html">disini</a>

Cara nak buat gambar bergerak,adaptasi dari cara buat tulisan bergerak saya sebelum ini.Ikut sahaja langkah-langkah dibawah ini untuk berjay...