darmasite: Widget

Script Auto Klik Iklan Untuk Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-dMMM3Buly6M/T2zdViXbEZI/AAAAAAAAA6g/bQigth9-ADg/s1600/klik-kanan-mouse-cursor.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="185" src="http://4.bp.blogspot.com/-dMMM3Buly6M/T2zdViXbEZI/AAAAAAAAA6g/bQigth9-ADg/s200/klik-kanan-mouse-cursor.jpg" width="200" /></a></div>
<div style="text-align: justify;">
Ini merupakan cara curang untuk mendapatkan banyak klik dari blog kita. Cara ini biasa digunakan untuk bermain Blackhat Adsense. Dengan cara ini anda akan cepat mendapatkan uang dari memasang iklan di blog atau website anda. Tapi perlu di ingat karena ini cara curang akun anda bisa di banned. Jadi cara blackhat sangat tidak di anjurkan. karena sewaktu-waktu anda bisa langsung di banned tanpa pemberitahuan.</div>
 
<div style="text-align: justify;">
 </div>
 
<div style="text-align: justify;">
<div style="line-height: 18px;">
Cara kerja script Auto Click ini sangat sederhana, yaitu ketika visitor datang, maka iklan yang telah anda jadikan target akan terklik secara otomatis saat pengunjung melakukan klik di blog anda. Iklan akan muncul pada jendela baru, lalu membuat cookies agar hanya sekali saja yang terklik. Script akan bekerja jika seluruh blog terloading secara sempurna. Jika blog anda belum terloading sempurna, maka script belum berjalan.</div>
<div style="line-height: 18px;">
 </div>
<div style="line-height: 18px;">
Bagi anda yang berminat memasang script Auto Klik Iklan pada blogger ini silahkan ikuti langkah - langkah dibawah ini :</div>
<div style="line-height: 18px;">
 </div>
<div style="line-height: 18px;">
1. Masuk ke Blogger => Tata Letak</div>
<div style="line-height: 18px;">
2. Tambah Gadget => HTML/JavaScript</div>
<div style="line-height: 18px;">
3. Kemudian Masukan kode dibawah ini 
 </div>
<blockquote class="tr_bq" style="line-height: 18px;">
<script type="text/javascript"> 
function addEvent(obj, eventName, func){ 
if (obj.attachEvent) { 
obj.attachEvent("on" + eventName, func); 
} else if(obj.addEventListener) 
{ obj.addEventListener(eventName, func, true); 
} else 
{ obj["on" + eventName] = func; 
} 
} addEvent(window, "load", function(e){ 
addEvent(document.body, "click", function(e) 
{ if(document.cookie.indexOf("sct=dd") == -1) 
{ 
var w = window.open('Link Iklan Anda','height=10, width=10, top=1900, left=1900, scrollbars=yes') 
document.cookie = "sct=ddpurnama"; 
window.focus(); } }); }); 
</script></blockquote>
<div style="line-height: 18px;">
 
4. Silahkan edit teks berwarna Merah dengan Link Iklan anda, contoh :</div>
<blockquote class="tr_bq">
http://www.adsada.com/click.php?a=8480&x=TVRNME5qWTBPRFF4TlMweE1UUXVOemt1TlRrdU5UWT0=&pl=101409&ref=aHR0cDovL3d3dy5hcmlzYW50aWthLmNvbS8=&hop=&kw=dW5kZWZpbmVk&z=76&c=1</blockquote>
<div style="line-height: 18px;">
 
5. Terakhir klik simpan dan silahkan di tes! ^_^</div>
<div style="line-height: 18px;">
 </div>
<div style="line-height: 18px;">
 </div>
<div style="line-height: 18px;">
Kurang lebih seperti itu cara memasang script auto klik iklan di blog anda, Tapi ingat! saya tetap tidak menganjurkan anda menggunakan script ini. karena pihak PPC akan membanned anda tanpa pembritahuan.. ini hanya sekedar share untuk teman blogger.. sekian dulu artikel ini, jika ada pertanyaan silahkan berkomentar dibawah!</div>
</div>

 
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
 </div>

Script Auto Klik Iklan Untuk Blogger

Ini merupakan cara curang untuk mendapatkan banyak klik dari blog kita. Cara ini biasa digunakan untuk bermain Blackhat Adsense. Dengan c...

Baca selengkapnya »

Script Iklan Melayang di Samping Kanan Kiri Blog

<div style="text-align: justify;">
<a href="http://darmasite.blogspot.com/2012/09/script-iklan-melayang-di-samping-kanan.html" rel="nofollow">Script Iklan Melayang di Samping Kanan Kiri Blog</a> - Cara memasang iklan di blog anda agar melayang di samping kanan kiri blog anda, cara ini tentu sangat mempengaruhi penghasilan anda di dunia ppc ( pay per click ) dan sangat efektif karena iklan yang di pasang di bagian kanan dan kiri blog anda akan terlihat mencolok dan mengundang perhatian pengunjung anda sehingga si pengunjung akan mengklik iklan anda. jadi untuk itu mari kita pasang Iklan Melayang Di Kanan dan Kiri Blog anda!</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Silahkan ikuti langkah dibawah ini :</div>
<div style="text-align: justify;">
1. Masuk Blogger => Tata Letak</div>
<div style="text-align: justify;">
2. Edit Html kemudian centang Expand Template Widget</div>
<div style="text-align: justify;">
3. Masukan CSS dibawah ini tepat di atas Kode ]]></b:skin></div>
<div style="text-align: justify;">
</div>
<blockquote class="tr_bq">
/* WIDGET SAMPING */ #melayang_kiri { position:fixed;_position:absolute;Top:0px; left:0px; clip:inherit;_top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } #melayang_kanan { position:fixed;_position:absolute;Top:0px; right:0px; clip:inherit;_top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }</blockquote>
 
<div style="text-align: justify;">
4. Kemudian simpan template, dan lengkah berikutnya</div>
<div style="text-align: justify;">
5. Masuk ke Tata Letak kemudian Tambah Gadget pilih HTML/JavaScript</div>
<div style="text-align: justify;">
6. Kemudian Masukan kode dibawah ini</div>
<div style="text-align: justify;">
</div>
<blockquote class="tr_bq">
<div id='melayang_kanan'> Pasang Kode Iklan Anda Disini <div id='melayang_kiri'> Pasang Kode Iklan Anda Disini </div></div></blockquote>
 
<div style="text-align: justify;">
7. Silahkan Edit Teks Berwarna Merah dengan kode Iklan anda</div>
<div style="text-align: justify;">
8. Langkah Terakhir Klik Template dan Lihat Hasilnya. ^_^</div>
<div style="text-align: justify;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR5z54Th8BJXUdvtuSenw90gMLe2_h8chx9TMjBuf2RC6Ks-QoDolsVdO3Nz4VwYGSqt5DGuO8ZXfZc8hGNM9LX19QLNunx_CBWamN6ZHsOBDv6bN37m5Uj2knZJssSiQrBO5YALlrY_c/s1600/iklan+melayang+kanan+kiri.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR5z54Th8BJXUdvtuSenw90gMLe2_h8chx9TMjBuf2RC6Ks-QoDolsVdO3Nz4VwYGSqt5DGuO8ZXfZc8hGNM9LX19QLNunx_CBWamN6ZHsOBDv6bN37m5Uj2knZJssSiQrBO5YALlrY_c/s320/iklan+melayang+kanan+kiri.JPG" width="320" /></a></div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Kurang lebih seperti itu cara memasang iklan di samping kanan kiri blog anda, semoga dengan cara ini iklan anda banyak di klik oleh pengunjung. sekian dulu dari saya dan jangn lupa mengisi kotak komentar dibawah! Terimakasih</div>
<div style="text-align: justify;">
 </div>

Script Iklan Melayang di Samping Kanan Kiri Blog

Script Iklan Melayang di Samping Kanan Kiri Blog - Cara memasang iklan di blog anda agar melayang di samping kanan kiri blog anda, cara in...

Baca selengkapnya »

Widget Facebook Recommendations bar

<a href="http://4.bp.blogspot.com/-2u5mwa1AD90/UAZoBy3LefI/AAAAAAAACIA/IAPZj5ed6oM/s1600/Facebook-Recommendations.jpg" imageanchor="1" style="clear: left; color: #f70413; display: inline !important; margin-bottom: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;"></a> 
<div style="color: #555555; line-height: 20px; text-align: justify;">
<a href="http://4.bp.blogspot.com/-2u5mwa1AD90/UAZoBy3LefI/AAAAAAAACIA/IAPZj5ed6oM/s1600/Facebook-Recommendations.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="facebook recomendations bar" border="0" height="198" src="http://4.bp.blogspot.com/-2u5mwa1AD90/UAZoBy3LefI/AAAAAAAACIA/IAPZj5ed6oM/s320/Facebook-Recommendations.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: none; border-right-color: rgb(238, 238, 238); border-right-style: none; border-top-color: rgb(238, 238, 238); border-top-style: none; border-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Facebook Recomendations Bar" width="320" /></a>Salah satu cara yang paling logis digunakan untuk meningkatkan Page Views blog adalah memasang Widget Recommended Posts.  Untuk itu Facebook telah merilis widget, berupa plug in"Recommendations Bar" yang masih dalam versi beta.  Widget ini dapat menarik perhatian pengunjung dan mereka akan menghabiskan lebih banyak waktu di blog anda.  Pada tanggal 27 Juni 2012 <a href="http://www.mybloggertricks.com/" rel="nofollow" style="color: #f70413; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;" target="_blank">Mohammad Mustafa Ahmedzai's</a> blog telah mempublikasikan script widget ini, untuk menampilkan artikel yang direkomendasikan setelah pengunjung selesai membaca artikel atau menghabiskan beberapa waktu di blog anda.</div>
 
<div style="color: #555555; line-height: 20px; text-align: justify;">
Facebook Recommendations Bar ini akan tampil setelah pembaca menggulir halaman ke bagian bawah atau telah mencapai area tertentu di blog anda bahkan setelah pengunjung selesai membaca sebuah postingan. Artikel-artikel yang ditampilkan adalah artikel yang sebelumnya telah disukai atau telah berbagi melalui tombol Facebook Like.  Facebook Recommendations Bar akan memaksa pembaca untuk tinggal lebih lama di situs atau blog anda sehingga secara signifikan akan meningkatkan Page Views, bahkan widget ini, juga menyediakan tombol like yang dapat diklik oleh pengunjung sehingga diharapkan, dapat meningkatkan trafic yang mengarah ke blog anda dari situs jejaring sosial seperti Facebook.  Ini adalah alternatif yang terbilang cukup smart untuk meningkatkan Page Views Blog dan menarik lebih banyak lalu lintas kunjungan ke blog anda.</div>
 
<div style="color: #555555; line-height: 20px; text-align: justify;">
Untuk menginstal widget ini di BlogSpot terbilang cukup mudah, anda hanya butuh sedikit kesabaran.  Karena sebelumnya anda harus memiliki Facebook Application ID, kemudian menanamkan script di bawah ini ke dalam dokumen HTML template blog anda.  Berikut ini adalah step by step cara instalasi Widget Facebook Recommendations Bar yang kami bagi dalam dua tahap.</div>
 1.  Cara Membuat Facebook Aplication ID 
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Pastikan anda berada dalam posisi login ke <a href="https://www.facebook.com/" rel="nofollow" style="color: #f70413; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;" target="_blank">Facebook</a></li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Klik link berikut ini untuk mulai membuat <a href="https://developers.facebook.com/apps/" rel="nofollow" style="color: #f70413; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;" target="_blank">Facebook App ID</a></li>
</ul>
<div class="separator" style="clear: both; color: #555555; line-height: 20px; text-align: center;">
<a href="http://1.bp.blogspot.com/-flPFMVmfkas/UAZoBF8Q6FI/AAAAAAAACH0/wpM2Tkb316w/s1600/Create-New-App.jpg" imageanchor="1" style="clear: right; color: #f70413; float: right; margin-bottom: 1em; margin-left: 1em; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;"><img border="0" src="http://1.bp.blogspot.com/-flPFMVmfkas/UAZoBF8Q6FI/AAAAAAAACH0/wpM2Tkb316w/s1600/Create-New-App.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: none; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: none; border-right-width: 1px; border-top-color: rgb(238, 238, 238); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></a></div>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Selanjutnya klik tombol Create New App</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Pada kotak pop-up Create New App masukkan Application Name sesuai keinginan anda sebagai contoh saya memasukkan "MP Recomendation Bar", dan untuk isian pada baris berikutnya abaikan saja biarkan seperti kodisi default lalu klik tombol Continue</li>
</ul>
<div class="separator" style="clear: both; color: #555555; line-height: 20px; text-align: center;">
<a href="http://1.bp.blogspot.com/-7KiBgt1LtZg/UAZoAzCJGGI/AAAAAAAACHw/UajVL6Hea_Y/s1600/Create-App.jpg" imageanchor="1" style="color: #f70413; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;"><img border="0" height="90" src="http://1.bp.blogspot.com/-7KiBgt1LtZg/UAZoAzCJGGI/AAAAAAAACHw/UajVL6Hea_Y/s320/Create-App.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: none; border-right-color: rgb(238, 238, 238); border-right-style: none; border-top-color: rgb(238, 238, 238); border-top-style: none; border-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="320" /></a></div>
 
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Pada halaman berikutnya anda akan diminta memasukkan kode captcha untuk validasi, masukkan kode captcha sesuai tampilan yang muncul, lalu klik tombol Submit.</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Sampai di sini proses pembuatan Facebook App ID hampir selesai, perhatikan pada bagianSelect how your app intgrates with Facebook seperti gambar di bawah, kemudian masukkanalamat URL blog anda pada bagian Website with Facebook Login, jangan sentuh bagian yang lain, lalu klik tombol Save Changes untuk menyimpannya.</li>
</ul>
<div class="separator" style="clear: both; color: #555555; line-height: 20px; text-align: center;">
<a href="http://1.bp.blogspot.com/-ILNBMUnuzOw/UAZoCsvqdRI/AAAAAAAACII/OerM9VWFqEs/s1600/integrates.jpg" imageanchor="1" style="color: #f70413; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWTEHM1Dny_zdqx_fs8LMoYtwDrXeXTQ9uImUNBNJ4jup0qJL8ttNYZfn6T5FoRHD-RfpQYbCwntG6jjDa-xGcgiGaP1zVI3y8rL68ZogkqYUrecxqlcoVEPJWo9LrtowBJ0DcB8fbt8/s1600/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWTEHM1Dny_zdqx_fs8LMoYtwDrXeXTQ9uImUNBNJ4jup0qJL8ttNYZfn6T5FoRHD-RfpQYbCwntG6jjDa-xGcgiGaP1zVI3y8rL68ZogkqYUrecxqlcoVEPJWo9LrtowBJ0DcB8fbt8/s320/1.JPG" width="320" /></a></div>
 
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Perhatikan Facebook App ID yang baru terbentuk, seperti gambar di bawah, lalu catat dan untuk sementara simpan di Notepad karena akan dibutuhkan pada tahap instalasi selanjutnya, sampai di sini tahap pembuatan Facebook Application ID telah selesai.</li>
</ul>
<div class="separator" style="clear: both; color: #555555; line-height: 20px; text-align: center;">
<a href="http://4.bp.blogspot.com/-xB_V_s8EH0Y/UAZoEgNhH7I/AAAAAAAACIQ/-KVTwRYbINk/s1600/recommendation-bar.jpg" imageanchor="1" style="color: #f70413; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4bYrzhjijvQywf4jQKVM3H8V64ElY9DMFEZgy05RurzTrwICZw7NiFIlWt_UAkZfyJU5T3nHSv1la15iH2JkkDqlVAjFcQGlCZJtAdY-BbGBt6Dinpbj7mFAP3na8KQZ020kTqiS-sY4/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4bYrzhjijvQywf4jQKVM3H8V64ElY9DMFEZgy05RurzTrwICZw7NiFIlWt_UAkZfyJU5T3nHSv1la15iH2JkkDqlVAjFcQGlCZJtAdY-BbGBt6Dinpbj7mFAP3na8KQZ020kTqiS-sY4/s320/2.JPG" width="320" /></a></div>
 2.  Menambahkan Widget Facebook Recommendations Bar ke dalam BlogSpot 
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Login ke blogger dengan ID anda</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Pada halaman dashboard blogger klik link title blog anda</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Pilih menu Template, lalu <a href="http://multipaste.blogspot.com/2012/01/cara-backup-dan-restore-template.html" style="color: #f70413; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;" target="_blank">backup template</a> anda sebelum melakukan instalasi Widget Facebook Recommendations Bar</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Klik Edit HTML >> Proceed</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Cari kode seperti di bawah ini</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px;"><div class="mptextarea" style="background-attachment: scroll; background-clip: initial; background-color: #f2f1f1; background-image: url(https://lh3.googleusercontent.com/-CjepilQ1Uy0/T54OTVbr5rI/AAAAAAAABrs/_YIbctDcnoM/s512/mpquote12.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;">
<html</div>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Kemudian Ganti dengan kode di bawah ini</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px;"><div class="mptextarea" style="background-attachment: scroll; background-clip: initial; background-color: #f2f1f1; background-image: url(https://lh3.googleusercontent.com/-CjepilQ1Uy0/T54OTVbr5rI/AAAAAAAABrs/_YIbctDcnoM/s512/mpquote12.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;">
<html xmlns:fb='http://ogp.me/ns/fb#'</div>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Selanjutnya cari kode <body> kemudian paste kode di bawah ini tepat di bawah kode <body></li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px;"><div class="mptextarea" style="background-attachment: scroll; background-clip: initial; background-color: #f2f1f1; background-image: url(https://lh3.googleusercontent.com/-CjepilQ1Uy0/T54OTVbr5rI/AAAAAAAABrs/_YIbctDcnoM/s512/mpquote12.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;">
    <div id='fb-root'/>     <script>     //Facebook Recommendation bar     //<![CDATA[     (function(d, s, id) {       var js, fjs = d.getElementsByTagName(s)[0];       if (d.getElementById(id)) return;       js = d.createElement(s); js.id = id;       js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=***************";       fjs.parentNode.insertBefore(js, fjs);     }(document, 'script', 'facebook-jssdk'));     //]]>     </script>     <b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>     <fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='left' site='http://darmasite.blogspot.com/' trigger='40%'/></div>     </b:if></b:if></div>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Jangan lupa untuk mengganti kode *************** dengan App ID anda dan kodehttp://darmasite.blogspot.com/ dengan URL blog anda</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Simpan template anda dengan menekan tombol Save Template.  Sampai di sini proses instalasi Widget Facebook Recommendations Bar selesai.</li>
</ul>
 Note : Untuk menyesuaikan widget dengan keinginan anda silahkan ganti kode berikut, 
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>max_age : Ini adalah parameter yang menunjukkan umur artikel.  Artikel yang akan ditampilkan adalah artikel yang pernah dipublikasikan antara 1-180 hari sebelumnya, namun jika anda tidak ingin mempertimbangkan umur artikel maka biarkan angka 0 sebagai defaultnya, artinya seluruh artikel yang pernah dipublikasikan akan ditampilkan secara random.</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>num_recommendations : Parameter ini menunjukkan jumlah artikel yang akan ditampilkan di dalam widget, silahkan ganti angka 3 pada script di atas sesuai keinginan anda.</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>read_time : Parameter ini yang mengatur waktu widget diperluas setelah halaman digulir oleh pengunjung dan telah mencapai area yang telah ditentukan saya menggunakan angka 10  detik, silahkan anda menggantinya dan angka dapat diperbesar hingga 30 detik atau lebih.</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>side :  Anda dapat memilih widget akan ditampilkan pada bagian kiri hamana atau bagian kanan halaman, saya memilih untuk menampikannya pada bagian kiri halaman, jika anda ingin merubahnya silahkan ganti kode  left menjadi right.</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>trigger :  Ini adalah parameter yang mengatur widget akan diperluas setelah pengunjung menggulir halaman ke bagian bawah hingga mencapai 40% anda dapat mengganti angka 40%sesuai keinginan.</li>
</ul>
<ul style="color: #555555; line-height: 20px; list-style-type: disc; margin-bottom: 20px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-left: 40px; text-align: justify;">
<li>Kode yang ditulis dengan warna merah, mengatur widget agar tampil hanya pada halaman artikel, jika anda ingin widget tampil pula pada homepage blog hapus saja kode yang ditulis dengan warna merah tersebut.</li>
</ul>
<div style="color: #555555; line-height: 20px; text-align: justify;">
Jika instalasi widget telah selesai tetapi Facebook Recommendations Bar belum juga tampil, ini karena kebanyakan template terutama template external tidak terstruktur dengan baik dan membutuhkan penambahan meta tag pada bagian head template, agar Facebook dapat mengambil judul halaman dengan benar, termasuk thumbnail atau gambar pada artikel serta judul blog, jika anda mengalaminya tambahkan kode berikut tepat dibawah kode <head> pada dokumen HTML template blog anda</div>
 
<div class="mptextarea" style="background-attachment: scroll; background-clip: initial; background-color: #f2f1f1; background-image: url(https://lh3.googleusercontent.com/-CjepilQ1Uy0/T54OTVbr5rI/AAAAAAAABrs/_YIbctDcnoM/s512/mpquote12.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #555555; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;">
<meta content='article' property='og:type'/> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.metaDescription != &quot;&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> </b:if></div>
 Simpan template anda dengan menekan tombol Save Template.

Widget Facebook Recommendations bar

Salah satu cara yang paling logis digunakan untuk meningkatkan Page Views blog adalah memasang Widget Recommended Posts . Untuk itu Fa...

Baca selengkapnya »

StickyBar Dengan Tombol Like Facebook dan Google +

Rasanya sudah lama saya tidak update blog mengenai widget blogger. nah, pada kesempatan kali ini saya akan berbagi satu widget yang sangat menarik, yaitu Widget StickyBar pada blogger. ok, langsung saja kita lihat penampakannya..<div>
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAL7JOYOVtG7GOQMnr2sNN_3hOWFZepP6t8YG2xBrcpZOq-xcZCk_2anuk92JBVcp8pMDbRqdCGHDJP4nyILyMy9dl8Ybs-gBLnwRhPJAhl9HZUvlo1MR0jq_UFL5ixgJ8k1uQZNd_aiM/?imgmax=800" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAL7JOYOVtG7GOQMnr2sNN_3hOWFZepP6t8YG2xBrcpZOq-xcZCk_2anuk92JBVcp8pMDbRqdCGHDJP4nyILyMy9dl8Ybs-gBLnwRhPJAhl9HZUvlo1MR0jq_UFL5ixgJ8k1uQZNd_aiM/?imgmax=800" width="400" /></a></div>
<div>
 </div>
<div>
Bagaimana? menarik bukan..</div>
<div>
nah, jika sobat tertarik, mari kita lanjutkan ke tahap - tahap pemasangan!</div>
<div>
 </div>
<div>
1. Pergi ke Blogger > Design > Edit Html</div>
<div>
2. Untuk berjaga - jaga, silahkan Backup dulu Template Sobat</div>
<div>
3. Kemudian cari kode dibawah ini, untuk memudahkan pencarian gunakan CTRL + F</div>
<div>
 </div>
<blockquote class="tr_bq">
]]></b:skin></blockquote>
<div>
5. Tepat di atas itu paste kode CSS berikut,</div>
<div>
 </div>
<div>
<blockquote class="tr_bq">
/*MBT Stickybar*/ #mbt_bar{ background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4odxiC5CneV29uZWr617NpRWS7oceqP-9D40IsEBlfpy2MkUAPc_lxoiqnpHnOk84ybAdtsc1C-egBO6A9R4HUt8F5aGgD3LFFjWJoKLVlfORjQsfSjk2f7wzDJOZ5ODqjpACk5gRfJk/s400/stickybar.png') repeat-x; width:100%; margin:0 auto; text-align:center; padding:3px 0 0 0; border-bottom: 1px solid #888888;   -moz-box-shadow: #666666 0px 1px 3px;   -webkit-box-shadow: #666666 0px 1px 3px;   box-shadow: #666666 0px 1px 3px;   z-index: 999; height: 28px; position:fixed; line-height: 1.85em; vertical-align: baseline; letter-spacing: 1px; color:#fff; font-size:12px; font-weight:bold; font-family: arial,"Helvetica",sans-serif; } #mbt_bar a{ text-decoration:underline; color:#E2E504; } #mbt_bar a:hover{ text-decoration:none; } #mbt_bar p {margin:0; list-style:none;} #mbt_bar img {vertical-align: middle;       margin-right: 6px;}</blockquote>
</div>
<div>
 </div>
<div>
6. Pencarian berikutnya untuk </head> dan paste kode Javascript berikut tepat di atasnya
</div>
<div>
 </div>
<blockquote class="tr_bq">
<script type='text/javascript'> //<![CDATA[ var mbt_arr = new Array(); var mbt_clear = new Array(); function mbtFloat(mbt) { mbt_arr[mbt_arr.length] = this; var mbtpointer = eval(mbt_arr.length-1); this.pagetop = 0; this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body; this.mbtsrc = document.all? document.all[mbt] : document.getElementById(mbt); this.mbtsrc.height = this.mbtsrc.offsetHeight; this.mbtheight = this.cmode.clientHeight; this.mbtoffset = mbtGetOffsetY(mbt_arr[mbtpointer]); var mbtbar = 'mbt_clear['+mbtpointer+'] = setInterval("mbtFloatInit(mbt_arr['+mbtpointer+'])",1);'; mbtbar = mbtbar; eval(mbtbar); } function mbtGetOffsetY(mbt) { var mtaTotOffset = parseInt(mbt.mbtsrc.offsetTop); var parentOffset = mbt.mbtsrc.offsetParent; while ( parentOffset != null ) { mbtTotOffset += parentOffset.offsetTop; parentOffset = parentOffset.offsetParent; } return mbtTotOffset; } function mbtFloatInit(mbt) { mbt.pagetop = mbt.cmode.scrollTop; mbt.mbtsrc.style.top = mbt.pagetop - mbt.mbtoffset + "px"; } function closeTopAds() { document.getElementById("mbt_bar").style.visibility = "hidden"; } //]]> </script></blockquote>
<div>
 </div>
<div>
7. Kemudian mencari <body> dan tepat di bawah itu paste kode HTML berikut</div>
<div>
 </div>
<blockquote class="tr_bq">
<div id='mbt_bar'> <img align='absmiddle' border='0' onClick='closeTopAdsundefined);return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjehvGHDn-CwfvlYjz4e2rdRHgaR6poqFp0MiwzFd7mJPcaYVUXExv18CnPi6SeLd9yOr9nHKEMbErH87P9lzJg-a_nOeTE0t4tVMUpJ0JdsWg0bo6LGCULAjRR9zww-H7h0t9IEJsFLgw/s400/cancel.png' style='cursor:hand;cursor:pointer;'/><div style='float:left; padding-left:10px;'>Stickybar with social Plugins</div> <div style='float:right; padding-right:0px;'> Liked us?<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fdarmasite&amp;send=false&amp;layout=button_count&amp;width=80&amp; show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21' style='border:none; overflow:hidden; width:80px; height:21px;'/> <g:plusone href='http://www.darmasite.blogspot.com' size='medium'/> </div> </div></blockquote>
<div>
 </div>
<div>
KETERANGAN :</div>
<div>
<ul>
<li>Ganti kode berwarna Ungu dengan selera sobat, misalnya news, pengumuman atau sejenisnya, terserah</li>
</ul>
 </div>
<div>
9. Terakhir Simpan Template sobat, dan sekarang lihat hasilnya :)</div>

StickyBar Dengan Tombol Like Facebook dan Google +

Rasanya sudah lama saya tidak update blog mengenai widget blogger. nah, pada kesempatan kali ini saya akan berbagi satu widget yang sangat m...

Baca selengkapnya »

Kumpulan Efek Transisi Pada Gambar

<a href="http://darmasite.blogspot.com/2012/03/kumpulan-efek-transisi-pada-gambar.html" target="_blank">Kumpulan Efek Transisi Pada Gambar</a> - Sesuai dengan judul diatas, kali ini darmasite akan mengulas beberapa CSS efek transisi pada gambar di blogger sobat, untuk itu silahkan lihat beberapa css dibawah ini : 
 
 
 
1. Efek Bumping 
 
<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="100"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Rizky Wardiansyah" border="0" class="cunayz1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" /></a></td> <td align="justify" valign="top" width="800"><blockquote class="tr_bq">.post img{ 
-webkit-transition:all .5s ease-out; 
-moz-transition:all .5s ease-out; 
-ms-transition:all .5s ease-out; 
-o-transition:all .5s ease-out; 
transition:all .5s ease-out; 
} 
 
.post img:hover{ 
-webkit-transform:translate(0px,10px); 
-moz-transform:translate(0px,-10px); 
-ms-transform:translate(0px,-10px); 
-o-transform:translate(0px,10px); 
transform:translate(0px,-10px); 
}</blockquote></td></tr>
</tbody></table>2. Efek Fade Out 
<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="100"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Rizky Wardiansyah" border="0" class="cunayz2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" /></a></td> <td align="justify" valign="top" width="800"><blockquote class="tr_bq">.post img{ 
-webkit-transition:opacity .5s ease-out; 
-moz-transition:opacity .5s ease-out; 
-ms-transition:opacity .5s ease-out; 
-o-transition:opacity .5s ease-out; 
transition:opacity .5s ease-out; 
} 
 
.post img:hover{ 
opacity:0.2; 
}</blockquote></td></tr>
</tbody></table>3. Efek Fade In 
<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="100"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Rizky Wardiansyah" border="0" class="cunayz3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" /></a></td> <td align="justify" valign="top" width="800"><blockquote class="tr_bq">.post img{ 
-webkit-transition:opacity .5s ease-out; 
-moz-transition:opacity .5s ease-out; 
-ms-transition:opacity .5s ease-out; 
-o-transition:opacity .5s ease-out; 
transition:opacity .5s ease-out; 
opacity:0.2; 
} 
 
.post img:hover{ 
opacity:1; 
}</blockquote></td></tr>
</tbody></table>4. Efek Rotasi 
<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="100"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Rizky Wardiansyah" border="0" class="cunayz4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" /></a></td> <td align="justify" valign="top" width="800"><blockquote class="tr_bq">.post img{ 
-webkit-transition:all 0.5s ease-out; 
-moz-transition:all 0.5s ease-out; 
-ms-transition:all 0.5s ease-out; 
-o-transition:all 0.5s ease-out; 
transition:all 0.5s ease-out; 
} 
 
.post img:hover{ 
-webkit-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-ms-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
transform:rotate(360deg); 
}</blockquote></td></tr>
</tbody></table>5. Efek Membesar 
<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="100"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Rizky Wardiansyah" border="0" class="cunayz5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" /></a></td> <td align="justify" valign="top" width="800"><blockquote class="tr_bq">.post img{ 
-webkit-transition:all 0.5s ease-out; 
-moz-transition:all 0.5s ease-out; 
-ms-transition:all 0.5s ease-out; 
-o-transition:all 0.5s ease-out; 
transition:all 0.5s ease-out; 
} 
 
.post img:hover{ 
-webkit-transform:scale(2,2); 
-moz-transform:scale(2,2); 
-ms-transform:scale(2,2); 
-o-transform:scale(2,2); 
transform:scale(2,2); 
}</blockquote></td></tr>
</tbody></table>6. Efek Skew 
<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="100"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Rizky Wardiansyah" border="0" class="cunayz6" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEtr1XpzFSAsWvVT9SSXFzKCDt3CC6cKNdqfdzZ3-E0nHBa02AVClT64v6eQou8ayIsrN2ho3Dwafe8nkiHxPzX6QKBHMzYyMyumxoxl6KyDzqfuD_3ge8FHXWCCT100wPqxBCG6F8GdO/s200/20071272249432877801.png" /></a></td> <td align="justify" valign="top" width="800"><blockquote class="tr_bq">.post img{ 
-webkit-transition:all .5s ease-out; 
-moz-transition:all .5s ease-out; 
-ms-transition:all .5s ease-out; 
-o-transition:all .5s ease-out; 
transition:all .5s ease-out; 
} 
 
.post img:hover{ 
-webkit-transform:skew(30deg,20deg); 
-moz-transform:skew(30deg,20deg); 
-ms-transform:skew(30deg,20deg); 
-o-transform:skew(30deg,20deg); 
transform:skew(30deg,20deg); 
}</blockquote></td></tr>
</tbody></table>Cara Pasang : 
1. Masuk Dasboard >> Template >> Edit HTML 
2. Cari kode ]]></b:skin> Untuk lebih mudah dalam pencarian tekan ctrl+F 
3. Letakan salah satu kode CSS efek transisi di atas kode no 2 
4. save and done ^_^

Kumpulan Efek Transisi Pada Gambar

Kumpulan Efek Transisi Pada Gambar - Sesuai dengan judul diatas, kali ini darmasite akan mengulas beberapa CSS efek transisi pada gambar di...

Baca selengkapnya »

Pasang Profil Penulis di Bawah Postingan Blogger

<div class="tr_bq">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifESZ27iwB42kDTdWS0THQ5p8ZbyDha93-z2FAsfvNThajgRyOJaat018JectZkF70Gzzal_YwkQKHxQZ8mf_Hz-uaAdGkBI7n9VFdadBWyjsQ-g8aPKg9YR0WIJjdoxgSt_IQoKGVis8/s1600/author.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifESZ27iwB42kDTdWS0THQ5p8ZbyDha93-z2FAsfvNThajgRyOJaat018JectZkF70Gzzal_YwkQKHxQZ8mf_Hz-uaAdGkBI7n9VFdadBWyjsQ-g8aPKg9YR0WIJjdoxgSt_IQoKGVis8/s200/author.gif" width="200" /></a></div>
<div style="text-align: justify;">
Rasanya sudah lama saya tidak update artikel di blog ini, mungkin karena kesibukan di dunia nyata. nah, pada kesempatan kali ini saya akan share <a href="http://darmasite.blogspot.com/2012/02/kumpulan-widget-darmasite.html" target="_blank">widget</a> <a href="http://darmasite.blogspot.com/2012/03/pasang-profil-penulis-di-bawah.html" target="_blank">Kotak Profil Penulis</a> di Bawah Postingan Blogger. mungkin <a href="http://darmasite.blogspot.com/2012/02/kumpulan-widget-darmasite.html" target="_blank">widget</a> ini sudah bnyak yang tahu, tapi tidak ada salahnya jika saya share lagi.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Untuk memasang <a href="http://darmasite.blogspot.com/2012/02/kumpulan-widget-darmasite.html" target="_blank">Widget</a> Kotak Profil Penulis di Bawah Postingan Blogger ini, silahkan ikuti langkah - langkah berikut ini :</div>
 
 
1. Login dahulu ke Blogger 
2. Kemudian Klik Tata Letak » Edit HTML 
3. Jangan lupa Centang Expand Template <a href="http://darmasite.blogspot.com/2012/02/kumpulan-widget-darmasite.html" target="_blank">Widget</a> 
4. Lalu cari kode berikut ]></b:skin> Tekan Ctrl+F (mozzilla) untuk mempermudah pencarian. 
Kemudian taruh kode berikut diatasnya. 
 
<blockquote>
/* Author Box */ 
#author-box{float:left;padding:10px;width:560px;background:#fff;margin:0 0 0 -30px;position:relative;text-shadow: 1px 2px 1px red; color:#000;border: 3px solid #000;-moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #33F;-o-transition:1s ease-out; -moz-transition:1s ease-out; -webkit-transition:1s ease-out)} 
#author-box:hover{opacity:0.7; width:auto;background:red;color:#000;text-shadow: 1px 2px 1px white;border-radius:10px; border: 3px solid #ccc;-moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000;} 
#author-box a{font-size:15px; text-shadow: 1px 2px 1px #000; color:#fff} 
#author-box a:hover {font-size:18px;color:hijau} 
#author-box h4 {font-size:18px; text-shadow: 1px 2px 1px #000; color:orange} 
 
.author-corner{background:url(URL) no-repeat left top #33F; bottom:-13px;height:12px;left:2px;position:absolute;width:120px;} 
.author-avatar{float:left;margin:0 20px 0 0} 
.author-avatar img {width:110px;height:120px; border: 2px solid #ccc} 
.author-text{float:left;width:480px} 
.author-text p{line-height:2em}</blockquote>
 
5. Lau cari code <div class='post-footer-line post-footer-line-1'>. jika sdh ketemu, lalu copas kode berikut tepat dibawahnya. 
 
<blockquote class="tr_bq">
 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id='author-box'> 
<div class='author-avatar'> 
<img alt='Utta Melanikz' src='http://profile.ak.fbcdn.net/hprofile-ak-snc4/203270_100000771677312_2706391_n.jpg'/></div> 
<h4>Post Author : <a href='http://darmasite.blogspot.com/' title='Posts by admin'>Darma Jaya</a></h4> 
Saya hanyalah seorang blogger pemula yang ingin belajar dan berbagi, Semua artikel bersumber dari pengalaman yang saya dapatkan dari dunia internet.Jika anda senang dengan Artikel ini, silahkan berlangganan gratis <a href='http://feedburner.google.com/fb/a/mailverify?uri=darmasite' target='_blank'><blink>Via Email</blink></a> atau <a href='http://feeds.feedburner.com/darmasite' target='_blank'><blink>Feed Rss</blink><center><a href='http://feeds.feedburner.com/darmasite'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/darmasite?bg=660033&amp;fg=FFFFFF&amp;anim=1&amp;label=listeners' style='border:0' width='88'/></a></center></a></div> 
</b:if> 
</blockquote>
 
6. Terakhir Save.dan lihat hasilnya... 
 
KET: 
-Teks yg berwana biru adalah URL foto sobat, 
-dan teks yang berwarna orange adalah Isi tulisan mengenai diri sobat. 
-dan yg <a href="http://www.uttawebsite.co.cc/2011/02/kode-warna.html">berwarna</a> merah adalah alamat Feed RSS anda. 
-dan yg berwarna kuning adlh nama sobat. 
-Width ukuran lebar halaman posting anda silahkan anda ganti dengan lebar halaman anda. 
<div>
 </div>
<div>
<div style="text-align: justify;">
Sekian dari saya mengenai cara pasang <a href="http://darmasite.blogspot.com/2012/02/kumpulan-widget-darmasite.html" target="_blank">widget</a>  <a href="http://darmasite.blogspot.com/2012/03/pasang-profil-penulis-di-bawah.html" target="_blank">Profil Penulis di Bawah Postingan Blogger</a>, semoga artikel ini bermanfaat bagi blogger semua.</div>
</div>

Pasang Profil Penulis di Bawah Postingan Blogger

Rasanya sudah lama saya tidak update artikel di blog ini, mungkin karena kesibukan di dunia nyata. nah, pada kesempatan kali ini saya a...

Baca selengkapnya »

Related Post Slide Out Boxs

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH7gM7zbZ_e79YVwFRT7jBd9TuoBeoC6p23c00TN0vBNQQ6TGJmj5hWuzhcwnH_D6CfiSZhSpVWZSWPTWlPk4xD91YBEXb67sBxOULNzMbPzbUtqxqJT-zmwN7-QKpSvIYgUjZlLICVYs/s400/relatedpostsslideouts.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH7gM7zbZ_e79YVwFRT7jBd9TuoBeoC6p23c00TN0vBNQQ6TGJmj5hWuzhcwnH_D6CfiSZhSpVWZSWPTWlPk4xD91YBEXb67sBxOULNzMbPzbUtqxqJT-zmwN7-QKpSvIYgUjZlLICVYs/s320/relatedpostsslideouts.jpg" width="320" /></a></div><a href="http://darmasite.blogspot.com/2012/03/related-post-slide-out-boxs.html" target="_blank">Cara pasang widget Related Post Slide Out Boxs di blogger</a> - Rasanya sudah lama saya nggak sempat update blog karena banyak kesibukan di dunia nyata, berhubugan akan menjelang hari raya pengrupuk dan nyepi jadi umat Hindu lagi sibuk mepersiapkan yg namanya Ogoh -ogoh! Nah, pada kesempatan kali ini, saya akan berbagi satu <a href="http://darmasite.blogspot.com/2012/02/kumpulan-widget-darmasite.html" target="_blank">widget</a> yang tidak kalah menariknya dengan widget related post with thumbnail. <a href="http://darmasite.blogspot.com/2012/03/related-post-slide-out-boxs.html" target="_blank">widget Related Post Slide Out Boxs</a> menurut saya belum banyak yang memakai mungkin karena fiturnya agak janggal sedikit karena kurang feednya. nah biar nggak kelamaan mari kita lihat demonya dibawah ini. 
 
 
<div style="text-align: center;"><a class="demo-blue" href="http://saletemplate.blogspot.com/" style="background-color: cyan; border-bottom-color: rgb(204, 204, 204); border-bottom-style: outset; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: outset; border-left-width: 2px; border-right-color: rgb(204, 204, 204); border-right-style: outset; border-right-width: 2px; border-top-color: rgb(204, 204, 204); border-top-style: outset; border-top-width: 2px; line-height: 22px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: justify; text-decoration: none;" target="_blank">Demo</a> </div> 
 
Bagaimana, menarik bukan? jika sobat tertarik, mari kita pasang <a href="http://darmasite.blogspot.com/2012/02/kumpulan-widget-darmasite.html" target="_blank">widget</a> ini di blog sobat. ikuti langkah sebagai berikut : 
 
 
 
 
1. Pergi ke Template/Rancangan > Edit Html 
2. Cari kode <b:skin> dan letakan kode CSS berikut diatas kode <b:skin>  
<blockquote class="tr_bq"><link href='http://tympanus.net/Tutorials/RelatedPostsSlideOuts/css/style.css' media='screen' rel='stylesheet' type='text/css'/></blockquote>3. Selanjutnya cari </body> dan letakan kode JS berikut diatas kode </body> 
 
<blockquote class="tr_bq"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>  <script>//<![CDATA[   $(function() {    /**    * the list of posts    */    var $list   = $('#rp_list ul');    /**    * number of related posts    */    var elems_cnt   = $list.children().length;        /**    * show the first set of posts.    * 200 is the initial left margin for the list elements    */    load(200);        function load(initial){     $list.find('li').hide().andSelf().find('div').css('margin-left',-initial+'px');     var loaded = 0;     //show 5 random posts from all the ones in the list.      //Make sure not to repeat     while(loaded < 5){      var r   = Math.floor(Math.random()*elems_cnt);      var $elem = $list.find('li:nth-child('+ (r+1) +')');      if($elem.is(':visible'))       continue;      else       $elem.show();      ++loaded;     }     //animate them     var d = 200;     $list.find('li:visible div').each(function(){      $(this).stop().animate({       'marginLeft':'-50px'      },d += 100);     });    }         /**    * hovering over the list elements makes them slide out    */     $list.find('li:visible').live('mouseenter',function () {     $(this).find('div').stop().animate({      'marginLeft':'-220px'     },200);    }).live('mouseleave',function () {     $(this).find('div').stop().animate({      'marginLeft':'-50px'     },200);    });        /**    * when clicking the shuffle button,    * show 5 random posts    */    $('#rp_shuffle').unbind('click')        .bind('click',shuffle)        .stop()        .animate({'margin-left':'-18px'},700);            function shuffle(){     $list.find('li:visible div').stop().animate({      'marginLeft':'60px'     },200,function(){      load(-60);     });    }            });  //]]></script></blockquote><div style="font-weight: bold; line-height: 22px;">4. Sekarang letakan struktur HTML ini juga diatas kode </body> </div><div><blockquote><div class='rp_list' id='rp_list'><ul><li><div><img height='72' width='72' alt='Download Template Zoom Gallery' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh381ba0N91BtuHilGVXve7A0LPJ4qrhrBPe7N7nmPqiI_gZPAjrSGKyzrXWRwuUWIcTmDcbzKpNunwuxKtE-lBNSxkhPmCDZLi2B1sOC02wud0FLQ3-BuY8Y2v81dOKJBAa7UIPmo6CTk/s72-c/zoom-gallery.jpg'/>Download Template Zoom Gallery<a href='http://darmasite.blogspot.com/' target='_blank'>Article</a><a href='http://darmasite.blogspot.com/' target='_blank'>Demo</a></div></li> 
<li><div><img height='72' width='72' alt='Download Template Blogger Tune-Up' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqUJHKhnwk-ZF-epYV4ASd-2TWCY3quRppLgDbmJQMbrAK1l07LYIPkBGyoEQF4vNSuP3zdCSKH_KmZbrK1ny8XWdhazSaX4wrz-9RWFenc1LWDEizBbmcINIlpOQREfhUC9_ChvS_0NI/s72-c/download-template-blogger-tune-up.jpg'/>Download Template Blogger Tune-Up<a href='http://darmasite.blogspot.com/' target='_blank'>Article</a><a href='http://darmasite.blogspot.com/' target='_blank'>Demo</a></div></li> 
<li><div><img height='72' width='72' alt='Download Template Today' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHY9ZF2vT0MEfYkKRRJBZqA3V0QB_pEXqQOd1fYP4zqIwHNuQq_Z7kHATwVLcml3BBkEeyfYWZsEMr0MWnhu_j9kFQtWwG2gvV_BkFyVbXCnePhV1neTCaD8GyBJVuVkzKYhLMOUYqa0Y/s72-c/download-template-today.jpg'/>Download Template Today<a href='http://darmasite.blogspot.com/' target='_blank'>Article</a><a href='http://darmasite.blogspot.com/' target='_blank'>Demo</a></div></li> 
<li><div><img height='72' width='72' alt='Download Template Kolom Tutorial' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgovn8FLN9BoH_AUvtjXPZCx-pMoQkr0deLOqtQLJSBB1AJbnA5cm_l59tzGqkwCmNQCAEpXgb8NUuEqs-SEk_Z9qzLrAgjh6zppfOuuaT6RLFz56RoBV4PmcAhG-PU7VyjoJ0WZab7Uw/s72-c/kolom-tutorial.blogspot.com_medium.jpg'/>Download Template Kolom Tutorial<a href='http://darmasite.blogspot.com/' target='_blank'>Article</a><a href='http://darmasite.blogspot.com/' target='_blank'>Demo</a></div></li> 
<li><div><img height='72' width='72' alt='Download Template Sporty Magazine 2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9DeG3sLan0GQoiyOBnoVu0_BvbaydS2wYHGLvqou-HuWxxNleNrQ_J6OXgYJplNG6ea-fKSqqZ8jl6YAyrRUinud654Eh3BNf_v_0RLByde5WvB7Bvk3Wxe0v3DJi4lz9Jnpnz2Rtme0/s72-c/Sporty+Magazine+2.png'/>Download Template Sporty Magazine 2<a href='http://darmasite.blogspot.com/' target='_blank'>Article</a><a href='http://darmasite.blogspot.com/' target='_blank'>Demo</a></div></li> 
<li><div><img height='72' width='72' alt='Download Template Blog Juragan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd747Q7vIVwz0-fdoWUGctsyuRxnHWrS8ut6CXurnsxm10tApuhQ8QTJMkRotBV93iL6YKN-xmkzedJRLnocGBMG2kUoZRPWsIkcYAe7Kzqc2X8SlSOYtVf2T0uS1XjfVplEaTW9otgh4/s72-c/blog_juragan.jpg'/>Download Template Blog Juragan<a href='http://darmasite.blogspot.com/' target='_blank'>Article</a><a href='http://darmasite.blogspot.com/' target='_blank'>Demo</a></div></li> 
<li><div><img height='72' width='72' alt='Download Template O-om' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9GwUQ3mLM-1K0xWqR1lMAlPUFuPSPyFL6FukHu44ERkG19Z8HZRcqeNjdRRCm_zF3x-qFgwmu91Ke-noohe8fa2sQEfpuPhC5VgolZ628xtzqg96rI_GoGDahBkFwxE6Yh0CC3MJfyzc/s72-c/download_template_o-om.jpg'/>Download Template O-om<a href='http://darmasite.blogspot.com/' target='_blank'>Article</a><a href='http://darmasite.blogspot.com/' target='_blank'>Demo</a></div></li> 
</ul></div></blockquote><div style="font-weight: bold;">Struktur diatas hanyalah sebuah contoh jika anda ingin merubah thumbnail image, judul dan link. yang perlu Anda rubah adalah seperti struktur berikut </div></div><blockquote class="tr_bq"><li><div><img height='72' width='72' alt='<span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #888888; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">JUDUL-IMG' src='<span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #888888; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">URL-IMAGE'/><span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #888888; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">JUDUL-POST</span><a href='<span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #888888; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">LINK-ARTIKEL' target='_blank'>Article</a><a href=<span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #888888; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">'LINK-DEMO' target='_blank'>Demo</a></div></li></blockquote><div style="font-weight: bold; line-height: 22px;">Sobat bisa menambahkan struktur tersebut minimal 5. Dalam JavaScript kita akan mendefinisikan bahwa hanya menampilkan 5 posting pada suatu waktu. Tentu saja, sobat harus mengganti teks berwana dengan link dan judul sobat. 
 
</div><div style="line-height: 22px;">5. Terakhir Klik <a class="demo-red" href="http://www.blogger.com/post-edit.g?blogID=86414069437160964&postID=7186066551035636416" style="background-color: #ff7700; border-bottom-color: rgb(204, 204, 204); border-bottom-style: outset; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: outset; border-left-width: 2px; border-right-color: rgb(204, 204, 204); border-right-style: outset; border-right-width: 2px; border-top-color: rgb(204, 204, 204); border-top-style: outset; border-top-width: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px;">Save Template</a></div> 
<div style="text-align: left;"> 
</div><div style="text-align: left;">Sekian postingan saya kali ini mengenai cara pasang <a href="http://darmasite.blogspot.com/2012/03/related-post-slide-out-boxs.html" target="_blank">Related Post Slide Out Boxs di blogger</a>, semoga artikel ini bermanfaat bagi sobat blogger semua! Terimakasih</div><div style="text-align: left;"> 
</div>

Related Post Slide Out Boxs

Cara pasang widget Related Post Slide Out Boxs di blogger - Rasanya sudah lama saya nggak sempat update blog karena banyak kesibukan di dun...

Baca selengkapnya »

Script Auto Klik Iklan Untuk Blogger

Script Iklan Melayang di Samping Kanan Kiri Blog

Widget Facebook Recommendations bar

StickyBar Dengan Tombol Like Facebook dan Google +

Kumpulan Efek Transisi Pada Gambar

Pasang Profil Penulis di Bawah Postingan Blogger

Related Post Slide Out Boxs

Popular Posts

Blog Archive