WELCOME TO MY BLOG : BELAJAR BLOG

Tampilkan postingan dengan label BELAJAR BLOG. Tampilkan semua postingan

Selasa, 13 November 2012

Cara Membuat Burung Twitter Terbang Pada Blog

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

Memasang Burung Twitter Terbang di Blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

Klik Layout > Add Gadget > Html/Javascript
Copy paste kode di bawah ini ke kolom Html/javascript

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0B-LFGrv-Igtbox8jTvgGrkRlZsO_xESmbGmDC3XULm1xQMnIZIkoh_PklSqmiA-KADqyumqscCBjh5zP8vaCYcLJPSTqFTjTiw54GeYopy0IORBdGBJRaXx0xWPQuv2X3SlVosOKHA/s1600/burung+twitter+terbang.png";
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");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

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

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaes73kE57NNtWNaEV27jVruwfD54yba3YWt2Yqr4sGGG6xJnuMNODfjLP1fsZ1v2b4UMRTK5pYkba9tOj7Ks6P342ZRcYmyN4-O4BPVLifqppSwGopnTRGcm8UNGSuY55hp_s1go0ciA/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoA6mCsRUmX9EP_s7YKsbBGcmCfhJ_2Iq6LVG8lpxJNBKXgsEJd6kVrQ8aPm43g3MZwlDfeISK5MPggA-5YRo-Iv8YXo3zrAoqqH372ZPDAnYWjGQV2Ht5TsO-PfZal-LWJZTdLsGdmYE/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ66lnfexiTlUzgEPigDOCRnynvIrVMqP3ey6L0a31BWQOsDl0eQ8xLVbOn8ywmM6ZPHnqluCg6hWGWxFnc1yFDolToZyG6dFINklBmf8sMLk3JFuZo6pRQHRPceE-4pIAcUcXeMp3kzY/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQdOmvmoYtMmcGX20ohRnTV87UqX5GGH1TC1O8xpIOSz_Q6lopi7Nuo_519RDQx1Y8qqGQFS-SLksfeH6aPi5-XckTNQd0lC_Af6YNiwRPVMMuw6dIn2k6d8zmrtGgK3QzeCaR9G9qwqo/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhdFZ7kzK75nvXgslgmfqierz0ayY8BtOeyAxPpep9vCmWfkXgg0M08v_U9asc0DZhwX3j9VJ6hnTYIAyCTqd3vxMg9cyQ4K9i943HjMdXPtcEDJQoiIorycQT5L0sl4K_N0te3_bXzbo/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkuIhQ0GSMdTB5uy2e4UhtlaBTvy6eq4uahyw_V_Sx63W7xbvKtx_HrZLcFnY-wVB7GjsSzb0MAvoZUuFxckXV5gia7s-lEVeW-SPuxuFI00Uxqqh6HQ_udJKSykrrYSW5sQXA9wrJmJE/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ynvHhPc-cfbTS9dB9D2uDgC_yqCGzJVV7dKiMHyVn_TnEYpjvmd1sJWzB4tl3XFK-uEPghx7c5fuCMn6tV9M6bxfhl1iBOR70nEa884AP3VDRZGGKyYWTfm1zOPRkTQQ426mj15OLDM/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnYEDhrAqTz_lDhgXhucDw5nbsvD5dTiOEAdPuWP7bVkqO2Y3MYvqqHY8Zfq4GDKcC2XemFZ9BfC6SUnfBf-VBbn0A5yn5PxUIivbAciGGSOaxw9Ze89t0MFSn3CBPL5so7UyN8FalYCU/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

BLOG TITLE BERGERAK KANAN KE KIRI

Membuat Blog Title Bergerak dari kanan ke kiri

• Masuk ke Dashboard-->Layout(tata letak)-->Edit Html
• Back up Full template
• Tandai (centang) pada Expand template widget
• Cari kode berikut ini <title><data:blog.pagetitle/></title>
(gunakan menu edit-->find atau tekan control+f )
• Kalau sudah ketemu ganti kode tersebut dengan script berikut:

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=400;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

CARA PASANG META TAG DI WORDPRESS

CARA PASANG META TAG DI WORDPRESS

Google, Yahoo dan Bing adalah search engine yang menyediakan webmaster tool yang memberikan informasi rinci dan statistik tentang bagaimana mereka melihat dan menjelajahi blog kita. Agar Google, Yahoo dan Bing dapat mengakses sebagian besar fitur di blog kita, kita harus memverifikasi blog kita terlebih dulu. Berikut adalah cara memverifikasi blog di Google, Yahoo dan Bing :

Google Webmaster Tools

Log in ke https://www.google.com/webmasters/tools/ dengan account Google kita
Masukkan URL blog kita dan klik [Add Site]
Kita akan disajikan dengan beberapa metode verifikasi
Pilih Meta Tag
Copy meta tag, yang akan terlihat seperti contoh dibawah ini :<meta name=’google-site-verification’content=’dBw5CvburAxi537Rp9qi5uG2174Vb6JwHwIRwPSLIK8′>
Jangan tutup halaman verifikasi Google Webmaster Tools dulu
Masuk ke dashboard blog kita, kemudian klik [Tools]
Dan paste-kan meta tag tadi pada kolom [Google Webmaster Tools]
Klik tombol [Save Changes]
Kembali ke halaman verifikasi Google Webmaster Tools dan klik tombol [Verify]

Yahoo Site Explorer

Log in ke https://siteexplorer.search.yahoo.com/ dengan account Yahoo kita
Masukkan URL blog kita dan klik [Add My Site]
Klik [By adding a META tag to my home page]
Copy meta tag, yang akan terlihat seperti contoh dibawah :<meta name=’y_key’ content=’3236dee82aabe064′>
Jangan tutup halaman verifikasi Yahoo Site Explorer dulu
Kemudian masuk ke dashboard blog kita, klik [Tools]
Dan paste-kan meta tag tadi pada kolom [Yahoo Site Explorer]
Klik tombol [Save Changes]
Kembali ke halaman verifikasi Yahoo Site Explorer dan klik tombol[Ready to Authenticate]

Catatan: Ini bisa memakan waktu hingga 24 jam untuk situs anda akan dikonfirmasi

Bing Webmaster Center

Log in ke http://www.bing.com/webmaster dengan account Live! kita
Klik [Add a site]
Masukkan URL blog kita dan klik [Submit].
Copy meta tag META pada kolom [Meta tag authentication]seperti contoh dibawah :<meta name=’msvalidate.01′content=’12C1203B5086AECE94EB3A3D9830B2E’>
Jangan tutup halaman verifikasi Bing Webmaster Center dulu
Masuk ke dashboard blog kita, klik [Tools].
Dan paste-kan meta tag tadi pada kolom [Bing Webmaster Center]
Klik tombol [Save Changes]
Kembali ke halaman verifikasi Bing Webmaster Center dan klik tombol [Return to the Site list]

Emoticon Yahoo!

Emoticon Yahoo! edfgh

Cara Membuat Emoticon Yahoo di Kotak Komentar

Cara membuat Emoticon yahoo di kotak Komentar . Nah Pagi ini saya akan Share mengenai Cara membuat Emoticon yahoo di kotak Komentar.Langsung saja untuk memasang berbagai icon di kotak komentar memang perlu sedikit ngedit.

1. Pertama backup templatemu dulu
2. Berdo'a
3. Login ke blogspot, masuk ke "Layout (Tataletak) --> Edit HTML "
4. Beri tanda centang pada kotak "expand widget template"

5. Lalu letakkan kode2 berikut setelah kode <p class="comment-footer"> yang kedua. INGAT Kodenya itu ada 2, letakkan di yang urutan kedua, tepatnya di antara (<p class='comment-footer'> dan <b:if cond='data:post.embedCommentForm'>)

<p class='comment-footer'><b:if cond='data:post.embedCommentForm'><b:include data='post' name='comment-form'/><b:else/><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if></b:if></p>

Berikut ini script yang harus kamu letakkan diantara kode yang di cetak tebal di atas:

<b><img src='http://sites.google.com/site/diesilversite/rmileys/AddEmoticons04210.gif' width='40'/>:a:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04212.gif' width='40'/>:b:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04213.gif' width='40'/>:c:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04219.gif' width='40'/>:d:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04220.gif' width='40'/>:e:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04224.gif' width='40'/>:f:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04231.gif' width='40'/>:g:<br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04233.gif' width='40'/>:h:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04247.gif' width='40'/>:i:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04235.gif' width='40'/>:j:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04241.gif' width='40'/>:k:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04236.gif' width='40'/>:l:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04217.gif' width='40'/>:m:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04237.gif' width='40'/>:n:</b>
<b><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0084.gif' width='40'/>:a:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0088.gif' width='40'/>:b:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00810.gif' width='40'/>:c:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00812.gif' width='40'/>:d:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00813.gif' width='40'/>:e:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00817.gif' width='40'/>:f:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00818.gif' width='40'/>:g:<br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00819.gif' width='40'/>:h:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00822.gif' width='40'/>:i:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00827.gif' width='40'/>:j:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00829.gif' width='40'/>:k:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00828.gif' width='40'/>:l:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00826.gif' width='40'/>:m:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0082.gif' width='40'/>:n:</b>

6. Kemudian letakkan script berikut sebelum /diatasnya kode < /body >.

<script
src='http://ardi33.fileave.com/smileyyahoo.js'
type='text/javascript'/><br /><script
src='http://ardi33.fileave.com/smileyturtle.js'
type='text/javascript'/><br /><script
src='http://h1.ripway.com/pinginbelajar/042009/emoticon_yahoo.js'
type='text/javascript'/><br /><script
src='http://h1.ripway.com/pinginbelajar/042009/comment_emoticon.js'
type='text/javascript'/>

Lalu save kemudian lihat hasilnya.
* Kalau blm berhasil silahkan ulangi dengan teliti. Jika masih belum berhasil, mungkin hasil dari kode2 tersebut tidak berhasil dikarenakan setiap template mempunyai kode yang beda atau javascriptnya bermasalah. ok Terimakasih sudah berkunjung Sobat. Mampir lagi ok.

Pages