Click Tips and Trick

Membuat Widget Burung Twitter Terbang Di Blogspot

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc3LSrKJxs5XUpimwLdOtQ06YQbwpBs2zvVZ9P3AMFc57l2vFxNqeA9bElLXt-nSK45VUdyFqWEa_EquAT07EAMFEolDjU61ywA2E_0b5s4NkMv-9qMwsM17zNes9qLRJr_TCohrfosYgX/s1600/burung+twitter+terbang_zuazz.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Membuat Widget Burung Twitter Terbang Di Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc3LSrKJxs5XUpimwLdOtQ06YQbwpBs2zvVZ9P3AMFc57l2vFxNqeA9bElLXt-nSK45VUdyFqWEa_EquAT07EAMFEolDjU61ywA2E_0b5s4NkMv-9qMwsM17zNes9qLRJr_TCohrfosYgX/s1600/burung+twitter+terbang_zuazz.png" title="Membuat Widget Burung Twitter Terbang Di Blogspot" /></a></div>
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<br />
<br />
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 menarik 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.<br />
<br />
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini<br />
<ul style="text-align: justify;">
<li>Pertama-tama silahkan login di Blogger</li>
<li>Klik Design > Page Element > Add Gadget > Html/Javascript</li>
<li>Copy paste kode di bawah ini ke kolom Html/javascript</li>
</ul>
</div>
<br />
<div style="text-align: center;">
<b><br /><script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgStMkZKTovscmxkE5hFRVbp0_aAbqPw8oHH66wiQVk9nINfdape6xH4Bp9JooRsEPKB-7y6WF300aom2aAgUeYuhmoyEEqa4qOHiROKvc1YD-EhBJu9T6wxrjD8-UL_wf-zVBqVC_PUlU/s1600/burung+twitter+terbang.png</span>";<br />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");<br />var twitterAccount = "http://twitter.com/<span style="color: cyan;">Akun Twitter sobat</span>";<br />var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";<br />tripleflapInit();<br /></script></b></div>
<br />
<ul>
<li>Ganti kode yang berwarna <b style="color: cyan;">biru</b> dengan akun Twitter sobat</li>
<li>Ganti kode warna<span style="color: red;"> </span><b style="color: red;">merah</b><span style="color: red;"> </span>bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah </li>
<li>Simpan dan lihat hasilnya.</li>
</ul>
<div style="text-align: center;">
 <span style="color: white; font-size: large;"><b>Warna Pilihan Burung Twitter</b></span></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAhNap93D0b81S4K0SOKKZ3ciosIe4Jqhc7c-ofBzoTMA-tUn2cTz1ckJxueowHqShkxmQwAgATJDZqeyH6erzrQy85Sw_zl-pXisGlnd6E-6F49g6YM6f2FTpVu-CBaPL84DKq0HY4cWJ/s1600/twiter+birds.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAhNap93D0b81S4K0SOKKZ3ciosIe4Jqhc7c-ofBzoTMA-tUn2cTz1ckJxueowHqShkxmQwAgATJDZqeyH6erzrQy85Sw_zl-pXisGlnd6E-6F49g6YM6f2FTpVu-CBaPL84DKq0HY4cWJ/s1600/twiter+birds.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b style="color: yellow;"><blink> Warna Kuning</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNAiywN2XYkEzFmx6LnSsdNqoXB75zYya4F535JDBTtW71_nkTuFxNVsuiz__HFxPn1wjfSoLs4wdrhLnANiIoiuSCGdlxpwLOqZ3LO4pTXWq1mlcMNhM2HYAu74o2Cx6ojiLWl2SaZYw/s1600/yellow+bird.png</li>
</ul>
<div style="text-align: justify;">
<b><span style="color: black;"><blink>Warna Hitam</blink></span></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtehuiqV7V8TqqAEsRl4pm6LVVpUtw2c5zazEX6i3UtjG46ZwJvXg9jMpD_T43ONHcRs81mPm2jE-5Ul0MkgJ_1x2N4lw-VOtqw2ZWAh1Z5mdKJhtrKGSkl3lZ5k0EP7Dz9prwL53PRe4/s1600/black+bird.png</li>
</ul>
<div style="text-align: justify;">
<b><span style="color: blue;"><blink>Warna Biru</blink></span></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRgQ9PY-8VMe7aau4oWN7-nucLFa95zVUGzsH-5igHnO2R88iwY4m9EYXz09EKZO_YnCBDxQFysYKvnXCsuFSFjbCJQhiVD4vcaKKCU0tUjdZHfidOdEeOD0K6QCfUqwEi3xSqEn7V1kk/s1600/Blue+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: #666666;"><blink>Warna Coklat</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIMd5CdCPKrCZim1mbtXXXVvYB6_RCGEZejDMvo2OkVx5IOaO0qyiNHQul3Ct1FzxVPPdFc7GRyRYvkBodbCkDQQguUGHJiy2QpAtsrSVua2MUdh3D7aJFQhQPxZu7Yc_V_Ao5nAgW24g/s1600/brown+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: lime;"><blink>Warna Hijau</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfcwmgVScMYB0QEr3Go20eYvqElNDRPSX9CYkOf3yOuVLFBClrvdXvdMx2Rf28mx_AGlh2O4LQ1ohi_h-5eOXnCf-npmAFbFy9TXv5ufIkWn38rKaFd_Xxd8sou33UMCKsat_QP2VKCRw/s1600/Green+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: magenta;"><blink>Warna Ungu</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDwjeyLw9ZuC3F-h-Rf_piqB3PLEuFYkgCRACdu79fQn_g4KfxgKEQw7evi7AB0jrkpdf3N1JDfvnqY_CDQGfRQBTalQZFAaparU_4y_Nks8eD7KVd93xzkenTknvFJunaBSuXivNvwc/s1600/purple+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: white;"><blink>Warna Putih</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWWAmKOtbGQmbRNnTxtG9P0hM77TvLaFtVeZeZjqtinnP6KZ9l6T3qDVPJ5hFQt7qZbGkM416u7rApH4odtweJSr8vvce-SqD_5zQv3HoIFQt8DPp4NFxQnnnpfmd9Qeg0amPSqYB6L1E/s1600/white+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: red;"><blink>Warna Merah</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GJp8h35y2bQkb3puIGi1h0swQlMnHL0e2iTa6Bdy-_dN9NF4uTmWmupPnUItbb3ohZDkaJbV3dicQaxoUPPm3VO_ahmYMcYutskery31dKv18oah4LZoCXHwRSf8oyRZARw2hRFR85k/s1600/red+bird.png</li>
</ul>
<div style="text-align: justify;">
<br />
Dan terakhir jangan lupa disimpan<br />
Good luck Sob..!!!! </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<i>Sumber: <u>http://bloggerpeer.blogspot.com</u></i></div>
</div>

Membuat Widget Burung Twitter Terbang Di Blogspot

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

Baca selengkapnya »

06.35

Background Sambaran Petir Di Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="font-family: Times,"Times New Roman",serif; text-align: center;">
<img alt="Background Sambaran Petir Di Blog" height="150" src="http://petir-project.googlecode.com/files/petir.gif" title="Background Sambaran Petir Di Blog" width="200" /></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: center;">
</div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<br />
<span style="font-size: small;">Bagi para pemula blogger contohnya seperti saya pasti banyak yang menginginkan background blognya di ganti dengan foto sendiri atau gambar yang mereka inginkan  sendiri. Kali ini saya akan menulis artikel tentang  'Membuat Background Kilat Di Blog'.</span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">Ikuti langkah berikut untuk membuat background blog :</span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">1. <b>login</b> ke bloger dengan id anda</span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">2. Lalu menuju ke '<b>design</b>' -><b> edit HTML</b></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">3<b>. </b>Centang  <b>Expand Template Widget </b></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">3. Cari kode <b> body { </b></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">4. Tambahkan kode berikut <b>di bawah</b> kode '<b> body {</b> '</span><span class="Apple-style-span" style="color: black; font-size: small;"> </span><br />
<div style="color: white;">
<span class="Apple-style-span"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><b style="color: white;"><span class="Apple-style-span">background:<span style="color: purple;">#000000</span> url(<span style="color: blue;">http://petir-project.googlecode.com</span></span><br style="color: blue;" /><span class="Apple-style-span"><span style="color: blue;">/files/petir.gif</span>) <span style="color: red;">no</span>-repeat center fixed;  </span></b></span></div>
</div>
<br />
<ul style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<li><b><span class="Apple-style-span" style="color: purple;">Kode ungu</span></b> = Kode warna di belakang background<span class="Apple-style-span" style="color: blue;"> </span></li>
<li><b><span class="Apple-style-span" style="color: blue;">Kode Biru</span></b>  = Link/url background kilat / url background lain yang ingin dipasang<span class="Apple-style-span" style="color: red;"> </span></li>
<li><b><span class="Apple-style-span" style="color: red;">Kode merah</span></b><span style="color: red;"> </span>= Jika inginkan gambar berulang-ulang hilangkan saja</li>
</ul>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<br /></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
5. Lalu <b>'Save Template'</b> dan lihat hasilnya.<br />
<br />
Semoga bermanfaat ya,,,!!! </div>
<br />
<i>Sumber:<a href="http://zuazz.blogspot.com/">http://zuazz.blogspot.com</a></i></div>

Background Sambaran Petir Di Blog

Bagi para pemula blogger contohnya seperti saya pasti banyak yang menginginkan background blognya di ganti dengan foto sendiri atau g...

Baca selengkapnya »

12.02

Membuat Widget Burung Twitter Terbang Di Blogspot

Background Sambaran Petir Di Blog

Popular Posts

Categories