Memasang Social Media Bar Melayang untuk Blogger

Posted by Nicki Hermanto Putro On Saturday, 19 January 2013 0 komentar
Social Media Bar Melayang Untuk Blogger
 -Hai sobat nickizoner tutorial kali ini saya akan memberikan kepada anda social media bar melayang untuk blogger yang mungkin bisa anda coba juga (seperti yang saya pakai pada blog saya juga).

Social Media Bar Melayang Untuk Blogger

Langkah :
  1. Buka akun Blogger Anda
  2. Masuk ke menu edit HTML
  3. Cari kode dibawah ini :
</body>
    4.  Diatasnya pastekan kode dbawah ini :
<!-- import Scripts -->
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src=" http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div>  
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/>

<!-- MBL Social Media Bar For Blogger -->
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url: '#', text: 'Follow me on twitter' },
facebook: { url: '#', text: 'Profile on facebook' },
rss: { url: '#', text: 'RSS Feed' },
google: { url: '#', text: 'Profile on google+' },
youtube: { url: '#', text: 'Profile on youtube' },
orkut: { url: '#', text: 'Profile on orkut' },
myspace: { url: '#', text: 'Profile on myspace' },
digg: { url: '#', text: 'Profile on digg' },
 
},
show: 8,
position: "left",
skin: "clear"

});
 
});
</script>
 Keterangan :
  • Menambahkan URL : Ganti # dengan URL yang Anda inginkan.
  • Perubahan posisi : Dalam rangka untuk mengubah posisi widget ganti position: "left" dengan posisi yang Anda inginkan. Bisa "right (kanan), top (atas), bottom (bawah)"
  • Mengurangi tampilan media social : Anda bisa mengubah show: 8 dengan jumlah social media yang Anda inginkan.
  • Perubahan background : Anda bisa mengubah backgound social media ini dengan warna gelap dengan mengubah skin: "clear" dengan "dark".
     5.  Save template Anda.

Sumber:
http://d-copy.blogspot.com/2013/01/social-media-bar-melayang-untuk-blogger.html    diakses hari Sabtu, 19 Januari 2013, 17:14 WIB
READ MORE

Cara Membuat Tulisan Berjalan di Atas Adress Bar Pada Blog

Posted by Nicki Hermanto Putro On 0 komentar
Jumpa lagi nie sobat nickizoner, hehe... Oh ya pada postingan kali ini saya akan mencoba menjelaskan kepada sobat tentang bagaimana cara membuat judul tulisan berjalan di atas adress bar pada blog... Cara pembuatan Tulisan berjalan ini tidak terlalu rumit kok, cukup dengan mengotak-atik sedikit kode CSS template. Ok tanpa banyak cincong lagi, langsung saja menuju TeKaPe... hehe


1. Udah pasti langkah pertama adalah masuk ke Blogger.com
2. Masuk ke Menu Tata Letak > Edit HTML
3. Cari kode </head> dan pastekan script di bawah ini tepat di atas kode </head>
<script type='text/javascript'>
//<![CDATA[
msg = " ---:::Welcome to nickizoner.blogspot.com:::---";
msg = " -----:::Enjoy it:::-----" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script> 
4. Tulisan yang berwarna merah, silahkan ganti dengan kata-kata yang sobat inginkan..
5. Simpan Template...


Terima kasih semoga bermanfaat.
Sumber:
http://aneka-media.blogspot.com/2012/12/cara-membuat-tulisan-berjalan-di-atas.html  diakses hari Sabtu, 19 Januari 2013, 13:08 WIB.
READ MORE

Membuat Komentar Facebook Disamping/Berdampingan Komentar Blogger

Posted by Nicki Hermanto Putro On Thursday, 17 January 2013 0 komentar
Cara Membuat Kotak Komentar Facebook Berdampingan atau Disamping Kotak Komentar Blogger - Mungkin udah banyak yang tau dan buat tutorial cara membuat kotak komentar facebook berdampingan dengan kotak komentar blogger. Tapi belom semua tau cara paling mudah dan gak berbelit-belit seperti yang akan saya utarakan dibawah ini. Atau mungkin ada yang belom tau apa itu komentar facebook dan blogger berdampingan, bagi yang belom tau, Jadi gini kotak komentar yang biasa kita lihat di bawah postingan blog akan kita letakkan persis disebelah/disamping kotak komentar bawaan blogger. Belom ngerti juga? lihat aja kotak komentar dibawah postingan ini.
Caranya gampang kok, ikuti aja langkah-langkah membuat kotak komentar facebook berdampingan dengan kotak komentar blogger dibawah ini :
1. Login dulu ke akun Blogger kamu.
2. Pilih Rancangan lalu Edit HTML kemudian centang Expand Template Widget
3. Cari kode  <div class='comments' id='comments'> kemudian copas kode di bawah ini, letakkan tepat di bawah kode  <div class='comments' id='comments'> tadi.
Ket : Jika kode <div class='comments' id='comments'> ada 2, pastekan kode dibawah ini tepat dibawah kode <div class='comments' id='comments'> yang ke-2.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='Masukan ID Fb anda disini' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
<style>.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}</style>
4. Ganti tulisan warna merah (Masukkan ID Fb anda disini) dengan ID facebook anda. Karna ID fb sudah diganti menjadi username, untuk mengetahui ID anda silahkan pastekan link ini ke browser anda https://graph.facebook.com/username (contoh http://www.facebook.com/NickizoneHomepage maka usernamenya NickizoneHomepage)
5. Setelah diganti Simpan Template anda dan lihat hasilnya.
Selesai deh, nah udah tau kan? gimana, keren bukan? gampang kan?

Sumber:
http://karaokebatak.blogspot.com/2012/08/membuat-komentar-facebook-disamping.html#   diakses hari Kamis, 17 Januari 2013, 22:55 WIB
READ MORE

Cara Membuat Kotak Permalink di Bawah Postingan

Posted by Nicki Hermanto Putro On 0 komentar
Cara Membuat Kotak Permalink di Bawah Postingan. sobat Nickizoner, permalink merupakan tautan permanen dari halaman postingan blog. Dengan membuat kotak permalink di bawah postingan, dapat mempermudah pembaca atau blogger lain untuk mengetahui permalink dari postingan yang sedang dibacanya.

Blogger lain bisa saja mencantumkan kode HTML permalink kita di blognya, sehingga memberikan tautan (backlink) ke halaman postingan kita. bagi sobat para blogger yang tertarik untuk memasang di blognya, silahkan untuk di terapkan di blognya.

 Tampilan Permalink

1. Login ke blogger
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang "Expand Template Widget"
4. Cari kode <data:post.body/> Lalu taruh kode berikut ini di bawahnya:

<br /><textarea cols='55' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/>
5. Simpan jika sudah selesai.
Sumber:
http://achsanarea23.blogspot.com/2012/12/cara-membuat-kotak-permalink-di-bawah.html  diakses hari Kamis, 17 Januari 2013 19:57 WIB 
READ MORE

Cara Membuat Emoticon Kaskus Pada Blog Yang Menggunakan Tread Comment

Posted by Nicki Hermanto Putro On 0 komentar
Cara Membuat Emoticon Kaskus Pada Blog Yang Menggunakan Tread Comment



Agar lebih aman, sebaiknya simpan dulu template anda dengan mengklik Download Template Lengkap.
Ikuti langkah berikut ini:
1. Login ke Dasbor Anda >> Edit HTML
2. Jangan lupa centang Expand Template Widget
3. Cari kode penutup </body>
4. Simpan kode ini di atas </body>

<!-- emoticon  mainbom.com -->
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comment-holder');
if(a) {
b = a.getElementsByTagName("p");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-content') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i.imgur.com/Jnwl1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i.imgur.com/h9NDs.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i.imgur.com/IL1IB.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i.imgur.com/k3Fdh.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i.imgur.com/ZDlSF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i.imgur.com/OXalA.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i.imgur.com/cnARR.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i.imgur.com/WTmJr.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i.imgur.com/kenHK.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i.imgur.com/aDJrj.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i.imgur.com/E5qba.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i.imgur.com/w3vTW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i.imgur.com/0WFG2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i.imgur.com/bkfG8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i.imgur.com/zvteN.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i.imgur.com/xkzm0.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://i.imgur.com/UqDiW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://i.imgur.com/5uihz.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://i.imgur.com/5O9L2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://i.imgur.com/7RDAt.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://i.imgur.com/WmQPn.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://i.imgur.com/9C3hy.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://i.imgur.com/fFhYI.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://i.imgur.com/e50uc.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:y:/gi, "<img src='http://i.imgur.com/RjY5y.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:z:/gi, "<img src='http://i.imgur.com/lrZEF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ab:/gi, "<img src='http://i.imgur.com/KJbrk.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}}}
//]]>
</script>
5. Kemudian cari lagi kode:
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</div>
6. Dan pasang kode berikut ini di bawah  </div> yang terakhir
<!-- emoticon  mainbom.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align:center; font-weight:bold; margin-top:15px; margin-bottom:10px;'>
Untuk menggunakan emoticon ini, COPAS kode ke kotak komentar.
</div>
<b><img src='http://i.imgur.com/4a2GG.gif' width='40'/>
:a:
<img src='http://i.imgur.com/Jnwl1.gif' width='40'/>
:b:
<img src='http://i.imgur.com/h9NDs.gif' width='40'/>
:c:
<img src='http://i.imgur.com/IL1IB.gif' width='40'/>
:d:
<img src='http://i.imgur.com/k3Fdh.gif' width='40'/>
:e:
<img src='http://i.imgur.com/ZDlSF.gif' width='40'/>
:f:
<img src='http://i.imgur.com/OXalA.gif' width='40'/>
:g:
<img src='http://i.imgur.com/cnARR.gif' width='40'/>
:h:
<img src='http://i.imgur.com/WTmJr.gif' width='40'/>
:i:
<br/>
<img src='http://i.imgur.com/kenHK.gif' width='40'/>
:j:
<img src='http://i.imgur.com/aDJrj.gif' width='40'/>
:k:
<img src='http://i.imgur.com/E5qba.gif' width='40'/>
:l:
<img src='http://i.imgur.com/w3vTW.gif' width='40'/>
:m:
<img src='http://i.imgur.com/0WFG2.gif' width='40'/>
:n:
<img src='http://i.imgur.com/bkfG8.gif' width='40'/>
:o:
<img src='http://i.imgur.com/zvteN.gif' width='40'/>
:p:
<img src='http://i.imgur.com/xkzm0.gif' width='40'/>
:q:
<img src='http://i.imgur.com/UqDiW.gif' width='40'/>
:r:
<br/>
<img src='http://i.imgur.com/5uihz.gif' width='40'/>
:s:
<img src='http://i.imgur.com/5O9L2.gif' width='40'/>
:t:
<img src='http://i.imgur.com/7RDAt.gif' width='40'/>
:u:
<img src='http://i.imgur.com/WmQPn.gif' width='40'/>
:v:
<img src='http://i.imgur.com/9C3hy.gif' width='40'/>
:w:
<img src='http://i.imgur.com/fFhYI.gif' width='40'/>
:x:
<img src='http://i.imgur.com/e50uc.gif' width='40'/>
:y:
<img src='http://i.imgur.com/RjY5y.gif' width='40'/>
:z:
<img src='http://i.imgur.com/lrZEF.gif' width='40'/>
:ab:
<br/>
</b>
</b:if>
7. Save Template dan lihat hasilnya.

Sumber :
http://achsanarea23.blogspot.com/2012/10/cara-membuat-emoticon-kaskus-pada-blog.html  diakses hari Kamis, 17 Januari 2013 18:59 WIB 
READ MORE

Cara Memasang Status YM Pada Blog/website

Posted by Nicki Hermanto Putro On Monday, 14 January 2013 0 komentar
Pada postingan kali ini saya akan memberikan ulasan tentang cara memasang YM (Yahoo Messenger) Status pada Blog. Kalian bebas bisa naruh di blog apa..boleh Blogger, Wordpress atau yang lain.

Untuk cara memasangnya gak beda jauh ketika kita memasang widget HTML baru pada Blog kita.

Silahkan buka Design terus klik Page Elements -->Add Gadget --->klik opsi HTML /Javascript



Setelah itu copas kode dibawah ini:


<a href="ymsgr:sendIM?Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=Id_yahoo_kamu&amp;m=g&amp;t=0&amp;l=us"/></a>
Penting: Dari kode script diatas kalian harus mengganti tulisan Id_yahoo_kamu (ada 2 tulisan) dengan ID akun yahoo kamu sebenarnya dan Tulisan t=0 dengan Kode Status yahoo sesuai pilihan diatas
Untuk icon 0-5

Untuk icon 6-8

Untuk icon 9-16

Untuk icon 16-24
Save dan lihat hasilnya...

Sumber:
http://ciloteh-pagarak.blogspot.com/2012/01/cara-memasang-status-ym-pada.html#.UPQmiqx_OSY  diakses Senin, 14 Januari 2013, 22:48 WIB
READ MORE

Cara Membuat Animasi Awan Label

Posted by Nicki Hermanto Putro On Sunday, 13 January 2013 0 komentar
Membuat Label / Tag Cloud / Kategori Animasi Keren (Cumulus)


Bagi anda yang belum mengetahui apa itu cumulus tag clouds, merupakan sebuah tampilan 'label' pada blogger yang memiliki variasi tebal dan tipis pada huruf serta animasi yang memperlihatkan seolah label dapat bergerak memutar.

Seperti pada gambar berikut:

Langkah dan Cara Membuat Tag Cloud atau Label Animasi Berjalan (Cumulus)

Pertama,sobat harus memasang / membuat / menerapkan label pada blog milik sobat terlebih dahulu, caranya silakan ikuti langkah berikut (ilustrasi gambar aja ya):







trik membuat label cumulus blogspot.

Nah,setelah sobat sudah memiliki widget label,kini kita rubah menjadi cumulus tag cloud seperti pada pembahasan malam hari ini.

Pertama,sobat pergi ke Dashboard lalu pilih Template:


Selanjutnya,pilih Edit Html:




Dan cari kode berikut (jika sobat telah menerapkan widget label):
<b:widget id='Label1' locked='false' title='Labels' type='Label'>


Jika sudah ketemu,highlight (tandai / blok) barisan kode dibawahnya,termasuk kode tersebut,kode yang sobat tandai kurang lebih seperti ini:
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Nah,HAPUS! kode barisan kode tersebut dan gantilah dengan kode berikut:
<b:widget id='Label50' locked='false' title='tag' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/jetzblogs/tag-cloud/jetztagcloud.js' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;185&quot;, &quot;185&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x33FF00&quot;);
so.addVariable(&quot;hicolor&quot;, &quot
;0xFFFFFF&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;125&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
<script type='text/javascript'>
</script>
</div>
</b:includable>
</b:widget>
Lalu simpan.



Ket:

185          = Lebar Widget dalam px
185          = Tinggi Widget dalam px

#000000   = Warna Background (Hitam)
0x
33FF00 = Warna Huruf
12            = Ukuran Font
0xFFFFFF  = Warna Link


Nanti akan ada konfirmasi seperti ini,maka pilih 'Delete Widgets',dan lihat hasilnya.


cara membuat atau memasang label kategori tag cloud dengan efek bergerak memutar animasi.
Penting:
Untuk modifikasi,silakan sobat atur pada situs sumbernya,adalah di:

way2blogging.org.

Semoga berhasil ya gan. Maaf artikel usang, hihihi (buat isi posting sob :( hehe)

Sumber :
  1.  http://pelajaran-blog.blogspot.com/2012/10/membuat-label-tag-cloud-kategori.html  diakses hari Minggu, 13 Januari 2013, 15:49 WIB
  2. http://sigli-cyber.blogspot.com/2012/08/cara-membuat-label-cloud-animasi.html  diakses hari Minggu, 13 Januari 2013, 15:40 WIB
READ MORE

Membuat Widget Burung Terbang Twitter pada Blog

Posted by Nicki Hermanto Putro On 0 komentar
Inilah tutorial yang saya ingin sekali bagikan ke anda yaitu membuat flying twitter bird atau widget burung terbang twitter pada blog. Widget ini tentunya akan menarik perhatian pengunjung untuk menjadi follower anda. Widget yang lucu ini sangat menarik, karena burung twitter akan terbang kemanapun anda mengscroll halaman baik ke atas maupun ke bawah....he3 pokoknya lucu dan keren abis. Nah jika anda tertarik untuk membuatnya ikuti langkah berikut ini:

1. Login ke Blogger
2. Masuk ke Rancangan --> Edit Laman
3. Tambahkan Gadjet lalu pilih HTML/Javascript
4. Masukkan kode dibawah ini pada gadjet tersebut
<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ-5tgVJJ-DlBIu3Ifwlf8d4J-LUBnlTJ7zMMsPEfIhqJLwND6hYSkg9_FscK1jH5b6w0eM39Vebk-2QIo2L1vR3MXn_80ceC0y3glnb-a8-ePQ73Ptr5_DQzqd6mrhUXVj1P3K6bhZba9/s1600/birdsprite.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/nickizone";var tweetThisText= "What up guys";tripleflapInit();
</script>

5. Selanjutnya sobat ganti kode berwarna biru (nickizone) di atas dengan username twitter anda.
6. Simpan Gadget lalu lihat hasilnya



Demikian langkah-langkah membuat widget burung terbang twitter pada blog. Sobat dapat membuatnya diblog untuk menjadikan blog lebih menarik ketika dikunjungi. Sekian dan salam blogging...

Sumber :
http://blogtrikdantips.blogspot.com/2012/04/cara-membuat-burung-terbang-twitter.html#ixzz2Hpg3WVjt  diakses hari Minggu, 13 Januari 2013, 13:00 WIB
READ MORE

Mendaftarkan Blog ke Google

Posted by Nicki Hermanto Putro On 0 komentar
Mendaftarkan blog ke google adalah hal yang harus Anda lakukan jika Anda ingin google lebih cepat mengindex blog serta artikel yang Anda posting dalam blog. Selain itu dengan mendaftarkan blog yang kita milki ke google akan mempengaruhi dan meningkatkan jumlah pengunjung blog. Mengapa demikian? karena seperti yang telah saya sebutkan diatas tadi, ketika blog serta artikel yang anda posting cepat terindex oleh google apalagi masuk pada halaman utama google dan dicari orang banyak, maka secara otomatis pengunjung akan terus mambanjiri blog Anda, bahkan tidak mustahil blog Anda pun mendapatkan Pagerank dari google. Tidak hanya saya, para sesepuh dan master seo juga menyarankan agar web atau blog segera didaftarkan ke google.

Mendaftarkan blog ke Google adalah salah satu cara untuk mengoptimasi blog, namun jika blog Anda hanya sekedar untuk pribadi, artinya hanya orang-orang tertentu saja yang dapat mengunjungi blog Anda atau hanya berisikan curhatan pribadi, mendaftarkan blog ke google tidaklah terlalu penting. Akan tetapi jika blog Anda ingin bersaing dan mendapatkan posisi di google dan ingin mendapatkan popularitas, hal ini adalah hal terpenting dan harus Anda lakukan. Untuk itu membuat blog dan memiliki blog tidaklah cukup tanpa pengoptimalisasian blog yang kita miliki. Disini saya akan memandu Anda bagaimansa cara mendaftarkan blog ke google webmaster seperti yang saya jelaskan berikut ini.


Mendaftarkan Blog ke Google Webmaster


1. Silahkan kunjungi www.google.com/addurl
2. Pada kotak URL, silahkan masukkan alamat blog Anda, misal : http://nickizoner.blogspot.com/
3. Masukkan kode Captcha lalu klik Submit Request



Jika telah terindex oleh Om Google, maka di halaman pencarian akan berhasil ditemukan blog yang telah ditambahkan ke Google seperti di bawah ini:



Langkah selanjutnya mengambil kode verifikasi untuk dipasang keblog dari google webmaste tool, caranya perhatikan penjelasan berikut ini.

1. Buka google webmaster tools

2. Klik tab Manage site/Kelola situs

4. Tambahkan atau hapus pengguna

5. Disebelah kanan alamat email Anda terdapat opsi Owner site/pemilik, klik opsi tersebut, kemudian klik laman verifikasi pemilik.

6. Lalu pilih "Verifikasi dengan menggunakan metode yang berbeda"  (opsi ini berada di atas)

Nah, pada halaman ini terdapat 4 pilihan verifikasi diantaranya yaitu menggunakan :

  • Tag HTML
  • Google Analytic
  • Penyedia nama domain
  • Unggahan file HTML
Pilih pada opsi pertama, yaitu "Tag HTML" Anda Akan diberikan Tag atau Kode verifikasi, seperti dibawah ini
contoh:
<meta content='aRZ5ubdJOQEHD7fq_eTQ3UnGHhDHCOXcnThbBcH2Cqs' name='google-site-verification'/>

7. Login / masuk pada blog anda ( blogger.com ), kemudian dalam halaman Template, pilih >> tab Edit Html. masukan dan simpan meta name verifikasi yang tadi kita copy dibawah atau setelah tag : <title><data:blog.pageTitle/></title>

(tag <title><data:blog.pageTitle/></title> posisinya berada diatas atau jika bingung silahkan gunakan ctrl+f atau bisa juga menggunakan F3 untuk mempermudah pencarian kode tersebut)

Setelah selesai klik tombol >> Save Template / Simpan Perubahan.

8. Kembali ke halaman google webmaster tool. kemudian klik tombol Verify, untuk mengkonfirmasi pendaftaran.

9. Jika berhasil ter Verifikasi maka akan ada pemberitahuan bahwa website atau blog anda telah terverifikasi, kemudian klik lanjutkan.

Sebenarnya pada tahap awal pada page add url, ketika kita melakukan verifikasi website atau blog dan dinyatakan success atau sedang diproses, website atau blog Anda sudah terdaftar ke search engine google. Namun untuk memperkuat verifikasi kepemilikan sebuah situs maka pemasangan meta tag verifikasi ini sangat membantu, ini merupakan pernyataan dari google.

Demikianlah tutorial cara mendaftarkan blog ke google yang dapat saya sampaikan, semoga membantu dan bermanfaat bagi Anda. Pastikan bahwa Anda terus mengunjungi blog Nickizoner ini, untuk mendapatkan update informasi seputar blogging khususnya blogger dan SEO serta informasi lainnya yang tentunya juga bermanfaat bagi Anda dan menambah wawasan.

Sumber : http://super-bee.blogspot.com/ diakses hari Minggu, 13 Januari 2013, 01:29 WIB
READ MORE

Membuat Simbol di Facebook

Posted by Nicki Hermanto Putro On Saturday, 12 January 2013 0 komentar

Membuat Simbol di Facebook - Bagi Anda yang menggunakan Facebook atau Twitter, tentunya ingin mebuat status, pesan, atau tweet yang menarik.Untuk itu, Anda bisa memasang simbol-simbol berikut ini untuk Facebook dan Twitter Anda.

Cara menggunakan simbol ini cukup dengan copy-paste simbol yang Anda sukai ke dalam status, komentar atau chattingan Facebook. Beberapa simbol juga dapat digunakan untuk nama Facebook. Anda dapat menggunakan simbol-simbol di bawah ini menggunakan Character Map, melalui Start > All Programs > Accessories > System Tools > Klik Character Map.

☮ ✈ ♋ 웃 유 ☠ ☯ ♥ ✌ ✖ ☢ ☣ ☤ ⚜ ♪ ♤ ♧ ♡ ♢ ♚ ♛ ★ ✪ ✯ ✰ ☻ ☺ ☄ ☾ ☼
℃ ℉ ° ❅ ϟ ☦ ✞ ☥ ⌘ ✡ ۞ ✄ ✆ ✉ ∞ ❤ ❥ ❦ ❧ ✔ ✘ ▲ ▼ ◆ ◎ ☚ Δ ◕ ◔ Ω
☭ ♒ 卐 ☪ ™ © ® ¿ ¡ ½ ⅓ ⅔ ¼ № ⇨ ♫ ♬ Σ ☁ ☂ ☃ ♂ ♀ ☿ ʊ ღ Ⓐ ❝ ❞ ❖

Simbol Smileys
☹ ☺ ☻ ت ヅ ツ ッ シ Ü ϡ ﭢ

Simbol Hati
♥ ❤ ❥ ❣ ❦ ❧ ♡ ۵ 웃 유 ღ ♋ ♂ ♀ ☿

Simbol Religi
☪ ✝ ☥ ☦ 卐 ☩ ☯ ☧ ☬ ☸ ✡ ♁ ✙ ♆

Simbol Catur
♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟

Simbol Bintang dan Salju
⋆ ✢ ✣ ✤ ✥ ❋ ✦ ✧ ✩ ❊ ✪ ✫ ✬ ✭ ✮✯ ✰ ✡ ★ ✱ ✲ ✳ ✴ ❂ ✵ ✶ ✷ ✸ ✹ ✺
✻ ✼ ❄ ❅ ❆ ❇ ❈ ❉ ╰☆╮

Simbol Mata Uang
€ £ Ұ ₴ $ ₰ ¢ ₤ ¥ ₳ ₲ ₪ ₵ 元 ₣
₱ ฿ ¤ ₡ ₮ ₭ ₩ ރ 円 ₢ ₥ ₫ ₦ zł ﷼
₠ ₧ ₯ ₨ Kč र

Simbol Cuaca
☼ ☀ ☁ ☂ ☃ ☄ ☾ ☽ ❄ ☇ ☈ ⊙ ☉ ℃ ℉
° ❅ ✺ ϟ

Simbol Bunga
✽ ✾ ✿ ❁ ❃ ❋ ❀

Simbol Segitiga
▲ ▼ ◄ ► ▶ ◀ ◣ ◢ ◥ ◤ ◥ ▸ ◂ ▴ ▾ △
▽ ▷ ◁ ⊿ ▻ ◅ ▵ ▿ ▹ ◃

Simbol Dalam Lingkaran
➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉ ➊ ➋ ➌ ➍ ➎
➏ ➐ ➑ ➒ ➓ Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ
Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ
Ⓩ ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ
ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ

Simbol Kotak
❏ ❐ ❑ ❒ ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ ▉ ▊ ▋

█ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕ ▖ ▗ ▝ ▝

▘ ▞ ▚ ▙ ▟ ▛ ▜ ■ □ ▢ ▣ ▤ ▥ ▦ ▧
▨ ▩ ▪ ▫ ▬ ▭ ▮ ▯ ☰ ☲ ☱ ☴ ☵ ☶ ☳
☷   

Simbol Zodiak
♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓

Simbol Musik
♪ ♫ ♩ ♬ ♭ ♮ ♯ ° ø

Simbol Politik
Ⓐ ☭ ✯ ☪ ☫ ✡ ☮ ✌

Simbol Simbol Kartu
♤ ♧ ♡ ♢ ♠ ♣ ♥ ♦

Simbol Telepon
✆ ✉ ☎ ☏

Simbol Gunting
✁ ✂ ✃ ✄

Simbol Tulis
✐ ✎ ✏ ✑ ✒ ✍ ✉

Simbol Panah
➟ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➚ ➘ ➙ ➛ ➜ ➝
➞ ➸ ♐ ➲ ➳ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼
➽ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝
↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ➫ ➬ ➩ ➪
➭ ➮ ➯ ➱ ↩ ↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳
↴ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂
⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇐ ⇑
⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠
⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇪ ⌦ ⌧ ⌫ ⇫ ⇬
⇭ ⇮ ⇯ ⇰ ⇱ ⇲ ⇳ ⇴ ⇵ ⇶ ⇷ ⇸ ⇹ ⇺


Sumber:
Searching di Google hari Sabtu, 12 Januari 2013, 20:58 WIB.
READ MORE