Efek Gambar Membesar pada postingan

Kali ini <a href="http://klinik-blogger.blogspot.com/">Klinik Blogger</a> akan berbagi tips untuk Para Blogger yang ingin Blognya terlihat lebih keren dan unik dengan efek Membesar pada gambar postingan. Efek Membesar pada gambar postingan maksudnya adalah apabila Corsur kita taruh tepat di atas gambar maka gambar tersebut otomatis akan membesar, Untuk Contohnya silakan Buka <a href="http://www.aziscs1.com/2011/10/efek-membesar-pada-gambar-postingan.html"><span style="font-weight: bold; color: rgb(255, 0, 0);font-size:130%;" >disini</span></a><br /><br />saya akan membahas gimana cara buat effect gambar seperti di zoom..dalam hal ini Kita cuma tambahkan sedikit modifikasi di CSS.<br /><br />Ok langsung saja saya akan berikan caranya :<br /><br /><ol><li>Login ke<a href="http://klinik-blogger.blogspot.com/"> </a><a href="http://klinik-blogger.blogspot.com/">Blogger</a></li><li>Pilih menu Tataletak lalu pilih edit HTML</li><li>Cari kode berikut dengan <span style="font-weight: bold;">Ctrl+F</span> masukkan <span style="color: rgb(255, 0, 0); font-weight: bold;">]]></b:skin><br /></span></li><li>Lalu paste kode dibawah ini, persis di atas <span style="color: rgb(255, 0, 0); font-weight: bold;">]]></b:skin><br /></span></li></ol><br /><blockquote style="color: rgb(255, 102, 0);">.post img, table.tr-caption-container {<br />border:none;<br />max-width:560px;<br />height:auto;<br />-o-transition: all 0.5s;<br />-moz-transition: all 0.5s;<br />-webkit-transition: all 0.5s;<br />}<br />.post img:hover {<br />-o-transition: all 0.3s;<br />-moz-transition: all 0.3s;<br />-webkit-transition: all 0.3s;<br />-moz-transform: scale(<span style="color: rgb(51, 51, 255);">1.5)</span>;<br />-o-transform: scale(<span style="color: rgb(51, 51, 255);">1.5</span>);<br />-webkit-transform: scale(1.5);<br />-webkit-border-radius: 36px 12px;<br />-moz-border-radius: 36px / 12px;<br />-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);<br />}<br /><br /></blockquote><br /><br />Lihat yg warna <a href="http://klinik-blogger.blogspot.com/"><span style="color: rgb(51, 51, 255);">BIRU</span></a>,itu adalah kuran Effect zoom yg akan di tampilkan. silahkan Sobat edit dan sesuaikan dengan selera masing-masing. Setelah Selesai Lalu <span style="font-weight: bold;">SAVE</span>. Dan Selesai effect zoom gambar pada postingan sudah kamu bisa nikmati.

tutorial blog Efek Gambar Membesar pada postingan

Kali ini Klinik Blogger akan berbagi tips untuk Para Blogger yang ingin Blognya terlihat lebih keren dan unik dengan efek Membesar pada ...

Read more »

Cara Menampilkan Sumber Link Saat postingan Blog Kita Dicopy Paste

<p>Pernah tulisanmu di blog dicopy paste blogger lain? Apalagi dengan tanpa menyebutkan sumbernya. Mungkin bagi sebagian orang merasa cuek saja, tapi saya yakin sebagian besar akan marah, atau bersedih. Memang copy paste adalah penyakit masyarakatnya dunia blogging. Orang tidak mau susah-susah berpikir dan menulis melakukan copy paste dari blog lain untuk diterbitkan di blognya sendiri.<br /><br />Dulu di <b>Belajar Ngeblog di BLOG</b> sudah pernah ditulis salah satu cara menghindari copy paste, yaitu dengan membuat klik kanan tidak berfungsi. Sekarang kita akan belajar yang berkaitan dengan cpoy paste yang meresah bagi kita, yaitu <i>Menampilkan Otomatis Sumber Artikel Saat Dicopy Paste</i>. Maksudnya adalah ketika orang/blogger memblock tulisan di blog kita lalu mengcopynya di halaman lain maka setelah di paste pasti akan muncul link sumber tulisan itu. Contoh <b>Baca Selebgkapnya: <i>http://klinik-blogger.blogspot.com/2011/10/cara-membuat-fans-page-facebook.html</i></b><br /><br />Cara ini hanya sebagian saja untuk memberikan penghargaan bagi penulis aslinya yang memang kalau benar-benar mengutip langsung tanpa mengubahnya. Orang bisa menghilangkan tulisan itu setelah dipaste, karena memang formatnya teks biasa. Paling tidak cara ini bisa lebih mengingatkan si pelaku copy paste untuk mencantumkan sumbernya.<br /><br /><b>Cara Menampilkan Otomatis Sumber Artikel Saat Dicopy Paste</b><br />1. Berkunjung dan daftar ke <a href="http://www.tynt.com/" target="blank"><b>www.tynt.com</b></a><br />2. Klik button <b>Get Started FREE</b><br />3. Mengisi form yang telah disediakan: email, domain password, dll. Jika sudah klik <b>Next</b><br /><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/2011/10/cara-membuat-fans-page-facebook.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjshio2-0jdBkQGdaCrHv6DcqeTDvpyzQz-irlrDMXTeXvYhA8NJ3u_hxBapQgD7w3H3hL7WBRY62ip0w7cW_Q0jPIz5L-CLHtntYQ8Avy4oKPzD_I-ZfaVjF1rG79sF3HwDttn0IGx18A/s320/Tynt+-+Sign+Up.jpeg" width="320" /></a></div>4. Setelah itu kita bisa melakukan kostumisasi, jika tidak mau repot langsung saja klik <b>Next</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/2011/10/cara-membuat-fans-page-facebook.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgulA4QYPSOZkqYeQEWwoM7sceGtmcf_nVuGZ2TLLpm2f5KjVR-uguRZNOF8Fae4-_xRj44uJIjdZ9HAz2MW5epiDmhbb0g0SPwGN4_QLunFw_uF8yDtgHCSogFyQdoeFcKfO6Oas4I8Fg/s320/Tynt+-+sekolahdasar.net+Script+Setup.jpeg" width="320" /></a></div>5. Kita akan mendapatkan kode script yang harus ditaruh di template blog.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/2011/10/cara-membuat-fans-page-facebook.html" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Otomatis Sumber Artikel Saat Dicopy Paste" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwX7YnQxoJrD0KWtKpDjA1Edr6kZUFbkFo6nItaCvzxhYXIxXeBgM92hmrfmKdIMhxs28dPerHdQgU-w87Qw4BH_jG4L6TIpSSQ5ds3V71WDzUYNx3rRjCvF9acBgbt2At6HsyGw3-yc/s320/Tynt+-+sekolahdasar.net+Script+Setup2" width="320" /></a></div>6. Cara menambahkan kode script tersebut di blog;<br /><ul><li><b>Login</b> ke Blogger.</li><li> Di halaman Dasbor, kita pilih <b>Rancangan</b>.</li><li>Kemudian pilih <b>Edit HTML</b> </li><li>Beri tanda centang pada <b>Expand Template Widget</b> </li><li>Cari kode <span style="color: red;"></head> </span></li><li>Jika sudah ketemu taruh kode script tadi <i>di atasnya</i> </li><li><b>Simpan Template</b> jika sudah selesai. </li></ul>Setelah menambahkan script ini maka akan secara otomatis setiap orang yang melakukan copy paste terhadap postingan (artikel) di blog kita akan mencantumkan sumber linknya. Selain itu kita juga akan tahu siapa saja yang telah melakukan copy paste tulisan di blog kita dari laporan <b>Tynt</b>.

tutorial blog Cara Menampilkan Sumber Link Saat postingan Blog Kita Dicopy Paste

Pernah tulisanmu di blog dicopy paste blogger lain? Apalagi dengan tanpa menyebutkan sumbernya. Mungkin bagi sebagian orang merasa cuek sa...

Read more »

Syarat Navigasi Breadcrumb dideteksi Google ?

<span class="data-post"><div dir="ltr" style="text-align: left;"><div style="font-family:Verdana,sans-serif;"><span style="font-size:small;"><span style="font-size:x-large;"><b>A</b></span>da beberapa pertanyaan dari beberapa rekan narablog menyangkut kapan <a href="http://klinik-blogger.blogspot.com/2011/10/cara-pasang-navigasi-breadcrumb.html"><b style="color: black;">navigasi breadcrumbs dideteksi google ?</b></a> Saya pribadi memang sempat penasaran.<br /><br />Untuk itu sebagai blogger yang masih belajar, Klinik Blogger mencoba untuk meraba-raba halaman hasil pencarian google. </span><span style="font-size:small;"><br /><br />Berdasarkan beberapa fakta dilapangan (halaman SERP), ditemukan beberapa bukti menyangkut kapan breadcrumbs yang telah dipasang pada situs akan dideteksi google. </span><span style="font-size:small;"><br /><br /><b><u>Berikut adalah hasilnya :</u></b> </span><span style="font-size:small;"><br /></span> </div><blockquote style="font-family:Verdana,sans-serif;"><span style="font-size:small;">Agar blog yang telah dipasangi breadcrumbs dapat menghasilkan <i>google snippet</i> (yaitu berupa judul, deskripsi dan url pada halaman hasil pencarian) yang lebih menarik, blog tersebut minimal memiliki Pagerank 3 keatas.</span></blockquote><div style="font-family:Verdana,sans-serif;"><span style="font-size:small;">Dengan bahasa yang lebih mudah, jika sobat ingin memiliki hasil pencarian seperti ini :</span></div><div style="font-family:Verdana,sans-serif;"><span style="font-size:small;"><br /></span></div><div class="separator" style="clear: both; font-family: Verdana,sans-serif; text-align: center;"><a href="http://klinik-blogger.blogspot.com/2011/10/cara-pasang-navigasi-breadcrumb.html"><span style="font-size:small;"></span></a><a style="margin-left: 1em; margin-right: 1em;"><img alt="“Navigasi" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgoUuX3nelpscqX51wR0p24KVP9VrgWdAKxhrW4jLDy0XQtB5fBtR-7aeZ6sqKh7QYa-kbt-4Ksh7TRIgBFH0rWiGZprr7ueaw7Et7FAfgI389zp3HW0hJVmQMf4iSuem_JvB18uGr2c/s320/breadcrums-detected.png" title="Navigasi Breadcrumb dideteksi Google ? " width="215" /></a></div><div class="separator" style="clear: both; text-align: left;font-family:Verdana,sans-serif;"><span style="font-size:small;"><br /></span></div><div class="separator" style="clear: both; text-align: left;font-family:Verdana,sans-serif;"><span style="font-size:small;">Syaratnya, selain <span style="text-decoration: underline;">telah memasang breadcrumbs</span>, Pagerank blog sobat harus <span style="text-decoration: underline;">lebih besar atau sama</span> dengan <span style="text-decoration: underline;">PR 3</span><br /><br /><b><u>Benarkah ? Apa ada bukti ?</u></b> </span><span style="font-size:small;"><br /><br />Berikut adalah contoh blog-blog yang breadcrumbs-nya telah dideteksi google : </span><span style="font-size:small;"><br /></span> </div><ol style="font-family:Verdana,sans-serif;"><li><span style="font-size:small;">abibakarblog.com. Pagerank 4</span></li><li><span style="font-size:small;">optimasi-blog.blogspot.com. Pagerank 3</span></li><li><span style="font-size:small;">kolom-tutorial.blogspot.com. Pagerank 3</span></li><li><span style="font-size:small;">dll masih banyak.</span></li></ol><div style="font-family:Verdana,sans-serif;"><span style="font-size:small;">Mungkin ada beberapa blog yang Klinik Blogger atau rekan narablog lain temukan sudah memiliki pagerank diatas 3. Tapi kok breadcrumbsnya belum dideteksi google ? ada beberapa alasan, satu hal yang paling besar kemungkinannya menyebabkan hal ini adalah struktur template yang masih buruk atau kurang.<br /><br />Satu hal yang pasti, Sampai saat artikel ini diposting, Juragan belum pernah menemukan sebuah blog yang memiliki pagerank dibawah 3 tapi breadcrumbsnya telah terdeteksi. Artinya, mungkin hampir mustahil sebuah blog, katakanlah berpagerank 2, memiliki google snippet cantik dengan navigasi breadcrumbsnya dihalaman hasil pencarian google.<br /><br />Demikian posting analisis2an </span><span class="data-post"><span style="font-size:small;">Klinik Blogger</span></span><span style="font-size:small;"> kali ini. Jika ada sesepuh yang kebetulan membaca artikel ini dan kurang setuju tolong dikoreksi serta diluruskan.</span></div><div style="font-family:Verdana,sans-serif;"><span style="font-size:small;"><br /></span></div><span style=";font-family:Verdana,sans-serif;font-size:small;" >Nah itulah sebagian tips dari mbah google, jadi ini bukan tipsnya </span><span class="data-post"><span style="font-size:small;">Klinik Blogger</span></span><span style=";font-family:Verdana,sans-serif;font-size:small;" >. otomatis lebih terpercaya. *<span style="font-style: italic;">emang kalo </span></span><span class="data-post"><span style="font-size:small;">Klinik Blogger</span></span><span style=";font-family:Verdana,sans-serif;font-size:small;" ><span style="font-style: italic;"> yang ngasi tips gak ada yang percaya ya...hiks</span>* okelah, hari ini cukup segitu dulu, yang dah pada gak sabar pingin komen inilah waktunya * <span style="font-style: italic;">halah gayanya </span></span><span class="data-post"><span style="font-size:small;">Klinik Blogger</span></span><span style=" ;font-family:Verdana,sans-serif;font-size:small;" ><span style="font-style: italic;"> kaya banyak yang pingin komen aja, padahal gak ada,xixixi <img id="new" src="http://benjamin0331.googlepages.com/lol.png" style="border: 0pt none; margin: 0pt; padding: 0pt;" /> </span> *</span><span style=" ;font-family:Verdana,sans-serif;font-size:small;" ><span style="font-family:Verdana,sans-serif;"> </span></span><br /></div></span>

tutorial blog Syarat Navigasi Breadcrumb dideteksi Google ?

A da beberapa pertanyaan dari beberapa rekan narablog menyangkut kapan navigasi breadcrumbs dideteksi google ? Saya pribadi memang sempat p...

Read more »