2nd-zone: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Cara Memberi Burung Twitter Pada Blog

<div class="separator" style="clear: both; text-align: center;">
<a href="http://adf.ly/V73By"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSVAFXXSwLVoktlDp_80Jyl0fFi2ad3q_DeNXBBVnb6dSRaRMBD5YyrhRZFjy6ArM3h8JXiv-77Va4gLk06Tbm7fVoDNsCCn20mhPA0EGmteqonS-dtb2HiCwOjjPRqxHaQ63bjG-kCrg/s1600/twit.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot </div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Pertama-tama silahkan login di Blogger</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Klik Layout > Add Gadget > Html/Javascript</div>
<div class="separator" style="clear: both;">
Copy paste kode di bawah ini ke kolom Html/javascript</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script></div>
<div class="separator" style="clear: both;">
<script type="text/javascript"></div>
<div class="separator" style="clear: both;">
var birdSprite="<span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4i_6ZCH3pLJpbtQhH2HmQ8qLyfkda7ayEgdDTZqweJvmSONT6Y7PkEcWm7W54QOFnaQ3QrNdw4vYvPmtX4vMj6pl6neVNJ4RvhUlS2EcwpGmOvRdkVSWqbBwmUF8UAySdXOwwKoxRfY/s1600/burung+twitter+terbang.png</span>";</div>
<div class="separator" style="clear: both;">
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");</div>
<div class="separator" style="clear: both;">
var twitterAccount = "http://twitter.com/Username";</div>
<div class="separator" style="clear: both;">
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";</div>
<div class="separator" style="clear: both;">
tripleflapInit();</div>
<div class="separator" style="clear: both;">
</script> </div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat</div>
<div class="separator" style="clear: both;">
Simpan dan lihat hasilnya</div>
<div class="separator" style="clear: both;">
ganti warna merah dengan warna ke sukaan anda</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8gET9WNIMWpkKQpL4f__TfT_65QijHAACP7vFGEwUP4kh_KulCEl6sVDu5X7mjztilyO0ZXlVimwIpdxOIo1bnn62Ooqifjmr2MdtR1xvsJDrUXE0RrbvHhqpAuiKJPs47dlhawq08o/s1600/twiter+birds.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8gET9WNIMWpkKQpL4f__TfT_65QijHAACP7vFGEwUP4kh_KulCEl6sVDu5X7mjztilyO0ZXlVimwIpdxOIo1bnn62Ooqifjmr2MdtR1xvsJDrUXE0RrbvHhqpAuiKJPs47dlhawq08o/s320/twiter+birds.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
-Warna Kuning</div>
<div class="separator" style="clear: both;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTTGXQghqsL0Y6Y8mqea6e2kUjBTS959QIOwm22NN3rUepu3J3f2Eiu9njFLDPBmiDOynLZ4FavMu5y8X70Nn47t-nz5b58Kimi9rvw_uk_uIg1LtvmmbW_bNrdCQ2UqFtQvnu5ostQD4/s1600/yellow+bird.png</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
-Warna Hitam</div>
<div class="separator" style="clear: both;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NUO0glqigwZnjxNzNCCNwvLsCmnNoElOPaXpDDi0p2DAtcJq798aBkYAyq8w3ct5zU5yYfSKXoZkWx1VQ0CKO7qBE48v1Fi1TUMS84lc5eFrYAb3U-aRyFyVmDx1B7uGG9n5Xo0DEP4/s1600/black+bird.png</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
-Warna Biru</div>
<div class="separator" style="clear: both;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijRAY8Do9Quh68oHDY69Tb41_xW9i7jxwyGqYh9K5JCmCfGfYj7YVEcrAo_XLrn1jp4eryw7ABk6VzktT-YxZrZ6dXmy3WQeoJkIpiVMWm9ru86qrrbJTwslfqZcbqWNZEQyUth5mtF3c/s1600/Blue+bird.png</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
-Warna Coklat</div>
<div class="separator" style="clear: both;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLDhtURfU6AxtvvpL8oqMUp_uacOzmf_kERtgTvUeHZaR4Dom3md1qxSVt4_YQrAI-26uzskdPSD7JUIOFljPCiamm57IEbqwSZFMuWM5K2W2I88qOFnNDsMyyZ7iEqI8GKnkVrinNzpU/s1600/brown+bird.png</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
-Warna Hijau</div>
<div class="separator" style="clear: both;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTHsHw62h0BwFmtPvUDgtdGmXq_BOqgCyVuMyYpyLHZ_uSdqxxNQ592sQeqFgURZrGNl4szC1Qt74Zm_qVdedTOhHSHoO4Tz20bpdNPJKkKEb1MN4z35T1Iq0HSj_04-OmY9T_nE6yTko/s1600/Green+bird.png</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
-Warna Ungu</div>
<div class="separator" style="clear: both;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNf0wLjeyQsQT7mvYc65Pr_VkfOpVOKDu6bRXMfNzgbOJQlso6FOYf7RYWflV9V6a-tKuoHPfikTc63DchE0KbpElRJAZ315ETNmwm7fBtrpYjAcAhH8kVQC7bD7Hbb9obyynh5RCOuKI/s1600/purple+bird.png</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
-Warna Putih</div>
<div class="separator" style="clear: both;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizZCRgje5xafefLRS2CsMmSZywyg99544NfB0wBMs8fe6t0XFEThp7MF0Ie-90UdHZ32r1GzuzAHQotjwKuW3KOZUqS_-bCoU7LwOWOFE8cP7m1gNaFQjgsWuYo4hLPLm-FSPxy3le4GU/s1600/white+bird.png</div>
<div class="separator" style="clear: both;">
<br /></div>
<a href="http://adf.ly/V73By">http://adf.ly/V73By</a><div class="separator" style="clear: both;">
-Warna Merah</div>
<div class="separator" style="clear: both;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUks6RNMO2jPoDd9WIc1C-oYP3IrTpZyeG-yk_tfbWszxE6cY-6H5_dgqY3NWBEsH5j2ckBfmrMG01OHc-TCaBKQGl0nKJu5flP426cMcNQV1H-vMCGNXGUFdKwipDlYh1Yt2nGPMAcCo/s1600/red+bird.png</div>
<div class="separator" style="clear: both;">
<br /></div>
<div>
<br /></div>
<br />

Cara Memberi Burung Twitter Pada Blog

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak s...

Baca selengkapnya »

17:24

Cara Membuat Link Pelangi Pada Blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5wHdLzZAUrQ5Xx9DKpoZNy-hvfdhV1Rhgt4Ku8c2ZMmfL7DcIkJU0bVS15nHrkbTh_CYzIrxFrkWjS2J5YpuN2JNy01DwQuRVbHl2c60I5GtvSM54GtE3k8aT3xs26ojLgbwcKO1mxzQ/s1600/download.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5wHdLzZAUrQ5Xx9DKpoZNy-hvfdhV1Rhgt4Ku8c2ZMmfL7DcIkJU0bVS15nHrkbTh_CYzIrxFrkWjS2J5YpuN2JNy01DwQuRVbHl2c60I5GtvSM54GtE3k8aT3xs26ojLgbwcKO1mxzQ/s1600/download.jpg" /></a></div>
<br />
Cara Membuat Link Pelangi (Kelap Kelip) sebenarnya adalah tutorial jadul,namun karena ada salah satu netter yang bertanya kepadaku dan kebetulan aku menyimpan kode scriptnya,aku coba tulis saja disini Cara Membuat Link Pelangi (Kelap Kelip).<br />
Cara Membuat Link Pelangi (Kelap Kelip) adalah sebagai berikut:<br />
<br />
1.Login ke akun blog Anda<br />
2.Kemudian pilih rancangan<br />
3.Klik Edit HTML<br />
4.Cari kode ini </head><br />
5.Kemudian copy paste kode di bawah ini tepat di bawah <span style="color: blue;"></head></span><br />
Kodenya bisa anda lihat di bawah ini:<br />
<br />
<span style="color: blue;"><script src='http://tobadak.googlecode.com/files/linkberkedip.js'/></span><br />
<br />
6.Kemudian save!! dan lihat hasilnya.<br />
<br />
Sekian Cara Membuat Link Pelangi pada blog<br />
Mudah mudahan ada manfaatnya.

Cara Membuat Link Pelangi Pada Blog

Cara Membuat Link Pelangi (Kelap Kelip) sebenarnya adalah tutorial jadul,namun karena ada salah satu netter yang bertanya kepadaku dan ke...

Baca selengkapnya »

17:18

Cara Mendapatkan Uang dari Adf.ly

<div class="separator" style="clear: both; text-align: center;">
<a href="http://adf.ly/?id=5026232" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://cdn.adf.ly/images/banners/adfly.300x250.1.gif" title="AdF.ly - shorten links and earn money!" width="300" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
   Cara Membuat Akun Adf.ly</div>
<div class="separator" style="clear: both; text-align: left;">
1. Masuk ke situs <a href="http://adf%2Cly/">Adf.ly</a> </div>
<div class="separator" style="clear: both; text-align: left;">
2. Klik Tulisan Join now (Mendaftar VIA Email) atau Login With Facebook (Mendaftar VIA Akun      Facebook) </div>
<div class="separator" style="clear: both; text-align: left;">
3. Jika anda mendaftar VIA Email isi form Pendaftaran yang diberikan lalu klik submit </div>
<div class="separator" style="clear: both; text-align: left;">
4. Setelah selesai silahkan cek email dan klik link yang di berikan untuk konfirmasikan akun anda Nah sekarang saatnya anda memburu Dolar dari situs adf.ly </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Cara Kerjanya Login ke akun <a href="http://adf.ly/">adf.ly</a> anda lalu Copy Link atau URL yang mau kamu pendekkan. Kemudian masukkan kedalam kotak yang tersedia dihalaman utama <a href="http://adf.ly/">adf.ly</a>. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8t7qeBCo2BQxziWJD5L8iGZZEJThXVOkfIgq91akFnY6kuiyKuSb47sMFtFNiOBC-QAkZ9Ejghvzt1ac-pQkfdE3PR1OAy9MblnPdLugSh0w_P8-7gK7ZsZ3XBQMG-_10_7f4gswTZEY/s1600/adf.ly2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8t7qeBCo2BQxziWJD5L8iGZZEJThXVOkfIgq91akFnY6kuiyKuSb47sMFtFNiOBC-QAkZ9Ejghvzt1ac-pQkfdE3PR1OAy9MblnPdLugSh0w_P8-7gK7ZsZ3XBQMG-_10_7f4gswTZEY/s320/adf.ly2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Setelah itu Tekan tombol Shrink! lalu akan muncul Link atau URL baru yang lebih pendek. Nah, Link itu lah yang harus kamu sebarkan. Kamu boleh menyebarkannya ke facebook, twitter, google buzz, email, buku tamu, forum dan lain sebagainya asalkan tidak SPAM alias menyebarkan linknya terlalu banyak dalam waktu singkat. Dari link itulah uang dollar akan mengalir terus ke account mu </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNYAxYF5jD-2K4KPcnwGVtk5CK6EiKwy_YRsyEbTCCqaWn2HdWrI1eYBHgDy9JBji4BMGF7IVS1K7dgVkqyQrmiFkTeTanLnUQoYfRmBOFTlpKAXqVG1o3YPRBtXSPqihplwn1YrN9rZU/s1600/adf.ly3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNYAxYF5jD-2K4KPcnwGVtk5CK6EiKwy_YRsyEbTCCqaWn2HdWrI1eYBHgDy9JBji4BMGF7IVS1K7dgVkqyQrmiFkTeTanLnUQoYfRmBOFTlpKAXqVG1o3YPRBtXSPqihplwn1YrN9rZU/s320/adf.ly3.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
Masih bingung bagaimana cara menerima Dolar dari <a href="http://adf.ly./">Adf.ly.</a></div>
<div class="separator" style="clear: both;">
Adf.ly akan mengirimkan penghasilanmu kalau sudah mencapai threshold $5 setiap awal bulan melalui buku tabungan online PayPal atau Liberty Reserve. Saya sendiri menggunakan PayPal sebagai metode penerimaan pembayaran. Sudahkah anda mempunyai akun PayPal? Kalau belum buatlah sekarang juga mumpung GRATISS!!</div>
<div class="separator" style="clear: both;">
Kalau anda sudah mempunyai akun PayPal dan penghasilan anda apun sudah lebih dari $5, silakan masukan alamat Email PayPal mu dengan memilh menu Withdraw yang ada dibagian atas halaman <a href="http://adf.ly/">adf.ly</a>. </div>
<br />

Cara Mendapatkan Uang dari Adf.ly

Cara Membuat Akun Adf.ly 1. Masuk ke situs Adf.ly 2. Klik Tulisan Join now (Mendaftar VIA Email) atau Login With Facebook (M...

Baca selengkapnya »

16:29

Cara Mempercepat Loading Blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRtjEP10bE8VgMJ6dm5dGrpQYE5msDrnkmq_X4ZNLOl9t3jMqISD20AHbdg94SEOSUHfMRmj-0T02pwVOXfo126LqGQ9_8XFN-oBCVLG1_kibqlMnWFIg5kixmVlXZm4FejVyRr6tnbM/s1600/Cara+Mempercepat+Loading+Internet.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRtjEP10bE8VgMJ6dm5dGrpQYE5msDrnkmq_X4ZNLOl9t3jMqISD20AHbdg94SEOSUHfMRmj-0T02pwVOXfo126LqGQ9_8XFN-oBCVLG1_kibqlMnWFIg5kixmVlXZm4FejVyRr6tnbM/s400/Cara+Mempercepat+Loading+Internet.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;">
Berikut tutorial penggunaan kode script untuk mempercepat loading blog :</div>
<ul style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<li>Masuk ke akun blogger anda</li>
<li>Klik pada <span style="color: red;"><b>Template</b></span>. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).</li>
<li>Selanjutnya, klik <span style="color: red;"><b>Edit HTML</b></span> dan klik <span style="color: red;"><b>Proceed / Lanjutkan</b></span>.</li>
<li>Beri tanda centang pada <span style="color: blue;">Expand Template Widget</span>.</li>
<li>Cari kode <span style="color: red;"></head></span> gunakan CTRL + F pada keyboard.</li>
<li>Lalu letakkan kode berikut di atas kode <span style="color: red;"></head></span>.<br /><div align="left" style="border: 2pt inset blue; padding: 10px; width: 400px;">
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /><script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/><br /><script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitbv63QOWdmRETUwGPtquyuaB-XHvv9Hnmo3biY1jIGbzH7vCcL5vWx78R6kDjJqjiekGG1MTimcwqu5nKToF1V09cIIyISy-vegDQyXAO3bdn-HKSNYxKIPUBBqqvDmjJDlINEgUwDyQ/&quot;,threshold : 200}); }); </script></div>
</li>
<li>Terakhir klik <span style="color: red;"><b>Simpan Template</b></span>.</li>
</ul>
<div style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;">
Sekarang lihat blog Sobat dan rasakan bedanya, semoga bermanfaat...byeeeeeeeeeeeeee</div>
<br />

Cara Mempercepat Loading Blog

Berikut tutorial penggunaan kode script untuk mempercepat loading blog : Masuk ke akun blogger anda Klik pada Template . (jangan lu...

Baca selengkapnya »

19:15

Membuat Gambar Membesar Saat Disentuh Cursor

<div style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;">
kali ini saya akan share tutorial tentang Membuat Gambar membesar saat di sentuh cursor,langsung aja kita ke TKP</div>
<div style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;">
Cara Membuat Gambar Membesar Saat disentuh Cursor :</div>
<ul style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;">
<li>Masuk ke akun blogger sobat.</li>
<li>Pilih <span style="color: blue;"><b>Template</b></span> > <span style="color: blue;"><b>Edit HTML</b></span>.</li>
<li>Ceklis / Centang <span style="color: red;"><i>Expand Widget Template</i></span>.</li>
<li>Cari kode <span style="color: red;">]]></b:skin></span> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.</li>
<li>Kalau sudah ketemu, letakkan kode berikut tepat di atas kode <span style="color: red;">]]></b:skin></span><br /><div style="border: 2pt inset blue; padding: 10px; width: 400px;">
.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }<br />.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }</div>
</li>
<li>Terakhir klik <span style="color: blue;"><b>Simpan Template</b></span>. Sekarang lihat hasilnya di blog Sobat.</li>
</ul>
<div style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;">
Semoga tutorial singkat ini bisa bermanfaat...byeeeeeeeeeeeeeeee</div>

Membuat Gambar Membesar Saat Disentuh Cursor

kali ini saya akan share tutorial tentang Membuat Gambar membesar saat di sentuh cursor,langsung aja kita ke TKP Cara Membuat Gambar Me...

Baca selengkapnya »

19:10

Cara Memberi Link Membesar Saat Disentuh Cursor

Haloooo semua , kali ini saya akan memberikan tutorial mengenai cara membuat LINK MEMBESAR SAAT DISENTUH KURSOR, tanpa berbasa-basi kita langsung aja ke TKP<br />
<br />
<div style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;">
Cara Membuat Link Membesar Saat disentuh Kursor :</div>
<ul style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<li>Masuk ke akun blogger sobat.</li>
<li>Pilih <span style="color: blue;"><b>Template</b></span> > <span style="color: blue;"><b>Edit HTML</b></span>.</li>
<li>Ceklis / Centang <span style="color: red;"><i>Expand Widget Template</i></span>.</li>
<li>Cari kode a:hover { </li>
<li>Ganti kode font-size dengan ukuran yang lebih besar.<br />Contoh :<br /><div style="border: 2pt inset blue; padding: 10px; text-align: left; width: 400px;">
a:hover {<br />color:#d2691e;<br />font-size:10px;<br />font-style:italic;<br />cursor:wait;<br />}</div>
ganti dengan<br /><div style="border: 2pt inset blue; padding: 10px; text-align: left; width: 400px;">
a:hover {<br />color:#d2691e;<br />font-size:<b><span style="color: blue;">19px</span></b>;<br />font-style:italic;<br />cursor:wait;<br />}</div>
</li>
<li>Terakhir klik <span style="color: blue;"><b>Simpan Template</b></span>.</li>
</ul>
<div style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; font-size: 14px; line-height: 19.59375px;">
Selamat Mencoba dan Semoga Berhasil...daaaaaaaaaa</div>

Cara Memberi Link Membesar Saat Disentuh Cursor

Haloooo semua , kali ini saya akan memberikan tutorial mengenai cara membuat LINK MEMBESAR SAAT DISENTUH KURSOR, tanpa berbasa-basi kita lan...

Baca selengkapnya »

19:06

Cara Membuat Teks Berjalan Di Tab Atau Navbar

<br />
<div class="MsoNormal">
<span style="font-family: Times, Times New Roman, serif;"><span style="line-height: 19.2pt; text-align: justify;">Pada
kali ini akan saya membagi-bagikan tips untuk mempercantik dan
memperindah </span><a href="http://www.blogger.com/blogger.g?blogID=482893315542848894" style="line-height: 19.2pt; text-align: justify;">blog</a><span style="line-height: 19.2pt; text-align: justify;"> para rekan-rekan pemula tentang cara membuat
teks di Tab dan Navbar atas itu berjalan. Mungkin diantara kalian belum
ada </span>yang<span style="line-height: 19.2pt; text-align: justify;"> tahu dimana l</span>etak<span style="line-height: 19.2pt; text-align: justify;"> Tab
dan Navbar Atas, kalau belum tahu lihat contoh gambar dibawah ini:</span></span></div>
<div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: 12.0pt; mso-margin-top-alt: auto; text-align: justify;">
<span style="line-height: 19.2pt;"><span style="font-family: Times, Times New Roman, serif;">Nah kalau sudah tahu sekarang kita mulai
yuk :</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCy_nFXeMFYRQj9CZkLnu0JgefQCI5ppHK2fNL76lpHeibRVqxmwPHMhXbGRWzPuVJG1sELWA3_ZCp5rWOnno572yfblQnpkCOUx8l7KHwZD-E89aQ3SeSUpQP3ryGuMjIBjvHZEW1CBE/s1600/Capture.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="28" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCy_nFXeMFYRQj9CZkLnu0JgefQCI5ppHK2fNL76lpHeibRVqxmwPHMhXbGRWzPuVJG1sELWA3_ZCp5rWOnno572yfblQnpkCOUx8l7KHwZD-E89aQ3SeSUpQP3ryGuMjIBjvHZEW1CBE/s640/Capture.JPG" width="640" /></a></div>
<div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: 12.0pt; mso-margin-top-alt: auto; text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;"><br /></span></div>
<div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: 12.0pt; mso-margin-top-alt: auto; text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;">1.</span><span style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;"> Login dan buka Account Blogger
anda </span><span style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;">Klik Tata Letak</span><span style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;"> dan </span><span style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;">Edit HTML</span></div>
<div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: 12.0pt; mso-margin-top-alt: auto; text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;">2.</span><span style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;"> Beri tanda Chek pada </span><span style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;">Expand Template Widge</span><b style="font-family: Times, 'Times New Roman', serif; line-height: 19.2pt;">t</b></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: Times, Times New Roman, serif; line-height: 19.2pt;">
3.Cari kode</span><span style="font-family: Times, Times New Roman, serif;"><span style="line-height: 25.59375px;"></title></span></span></div>
<div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Times, Times New Roman, serif;">4. Copy Paste kode Java Script dibawah ini :</span>
<br /><span style="font-family: Times, Times New Roman, serif;">
<script language='JavaScript'> var txt=&quot;. . : : <span style="color: red;">Selamat Datang di 2nd-zone, Terima Kasih Atas Kunjungannya ,
Jangan Lupa Komentarnyaa: : . .</span>&quot;;
var kecepatan=<span style="color: blue;">80</span>;var
segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script></span></div>
<div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: 'Century Gothic', sans-serif; font-size: 10pt;"><br /></span></div>
<div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: 9.0pt; text-align: justify;">
<span style="font-family: Times, Times New Roman, serif;">4. Klik <b>Pratinjau</b> untuk melihat apakah anda
memasukannya dengan benar, apabila sudah benar dan teks yang berjalan sudah
sesuai dengan yang kita inginkan ya..tunggu apa lagi tinggal si simpan aja
lagi. Untuk menyesuaikan teks yang diinginkan ganti huruf yang berwarna merah, sedangkan untuk mengatur kecepatan ganti
teks yang berwarna biru<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: 'Century Gothic', sans-serif; font-size: 10pt; line-height: 115%;"><br /></span><o:p></o:p></div>

Cara Membuat Teks Berjalan Di Tab Atau Navbar

Pada kali ini akan saya membagi-bagikan tips untuk mempercantik dan memperindah blog para rekan-rekan pemula tentang cara membuat teks d...

Baca selengkapnya »

16:30

Cara Menghilangkan Tanda Edit Pada Blog

Mugkin bagi blogger yang blognya ada tanda edit tapi belum tahu cara menghilangkannya, Berikut adalah cara-caranya:<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZIfjcYimPWYt7g0NCz3gXwTnFGe21YApNUcohE1EUalhJ4RcqzgJnI9tIDy9fKYPK9HGECeAukGUxd-0cW07OyahepaR14CrCYvdb4gJ7iomw8wvixB-kVA4ZwM1VJKISQi39rx7Aygs/s1600/Tanda+Obeng.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZIfjcYimPWYt7g0NCz3gXwTnFGe21YApNUcohE1EUalhJ4RcqzgJnI9tIDy9fKYPK9HGECeAukGUxd-0cW07OyahepaR14CrCYvdb4gJ7iomw8wvixB-kVA4ZwM1VJKISQi39rx7Aygs/s1600/Tanda+Obeng.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Masuk ke dasbor blogger</li>
<li>Pilih dan klik Rancangan</li>
<li>klik Edit HTML</li>
<li>Beri tanda contreng pada EXPAND TEMPLATE WIDGET</li>
<li>Kemudian cari kode <span style="background-color: #111111; color: white; font-family: Electrolize; font-size: 16px; letter-spacing: 1px; line-height: 16px;">]]></b:skin>  </span>   (gunakan CTRL+F untuk memudahkan mencari)</li>
<li>Setelah itu copykan kode  <span style="background-color: #111111; color: white; font-family: Electrolize; font-size: 16px; letter-spacing: 1px; line-height: 16px;">.quickedit{display:none;}</span>   dan pastekan tepat diatas kode              <span style="background-color: #111111; color: white; font-family: Electrolize; font-size: 16px; letter-spacing: 1px; line-height: 16px;">]]></b:skin>  </span> </li>
<li>kemudian simpan</li>
</ul>
<br /><br />
<div class="separator" style="clear: both; text-align: left;">
Setelah itu anda bisa cek pada blok milik anda,</div>
<div class="separator" style="clear: both; text-align: left;">
Semoga berhasil melakukannya.........</div>
<div>
<br /></div>

Cara Menghilangkan Tanda Edit Pada Blog

Mugkin bagi blogger yang blognya ada tanda edit tapi belum tahu cara menghilangkannya, Berikut adalah cara-caranya: Masuk ke dasbor b...

Baca selengkapnya »

23:32