Cara Membuat Related Post / Artikel Terkait di Blog

Add Comment
Cara Membuat Related Post / Artikel Terkait di BlogTULISKAN.com - Dari namanya, tentu anda sudah bisa menebak bukan apa widget ini, yap widget ini adalah widget related post atau yang biasa dikenal artikel terkait, widget ini akan menampilkan beberapa artikel yang berhubungan atau dalam blogspot satu "label" antara postingan dengan postingan yang lainya, jadi misalnya anda mempunyai label "tutorial blog", maka pada post yang diberi label tutorial blog itu akan menampilkan post-post lainya yang berlabel tutorial blog secara random atau acak.

Berbeda dengan widget related post dengan thumbnail sebelumnya, widget artikel terkait kali ini menggunakan bullets atau list sebagai penanda artikel yang terkait, selain tampilanya yang lebih friendly kepada pengunjung, widget artikel terkait ini juga lebih easy loading, karena tidak menggunakan gambar melainkan menggunakan bullets, dan juga di hosting pada yourjavascript, yakni merupakan salah satu free hosting untuk javascript terkemuka di dunia.

Cara Membuat Related Post / Artikel Terkait di Blog

1. Login ke Blogger.

2. Pilih Template.

3. Klik Edit HTML.

4. Cari kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode berikut ini tepat diatasnya.

<style> #tuliskancom-related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #tuliskancom-related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #tuliskancom-related-posts .widget h2, #tuliskancom-related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #tuliskancom-related-posts a { text-decoration : none; } #tuliskancom-related-posts a:hover { text-decoration : none; } #tuliskancom-related-posts ul { border : medium none; margin : 10px; padding : 0; } #tuliskancom-related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZugrgMwn1-lkzYkGLbr9qas_qWfM6MVL2usB_PeRmADzrdrPR542uzqbpdTWkXDrxxT0MutHjIBOdyWjrc3IPnqDe4Tq4rj7F0ZE-u9cVNla-aEjlQ6gDR2V0zQZcp-kTkIhaT9E8Kbr2/s1600/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://yourjavascript.com/7139471330/artikel-terkait-tuliskancom.js' type='text/javascript'/>

5. Masih di Edit HTML, selanjutnya cari kode <data:post.body/>, lalu letakkan kode berikut ini tepat dibawahnya.

<b:if cond='data:blog.pageType == "item"'>
<div id="tuliskancom-related-posts">
<font face='Arial' size='3'><b>Artikel Terkait Lainya: </b></font><font color='#FFFFFF'>
<b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:if>

Keterangan: Kata-kata yang berwarna merah dapat anda ganti dengan "Related Post", "Related Posts to this article", dsb.

6. Klik "Save/Simpan", dan selesai.

 Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Related Post / Artikel Terkait di Blog, semoga bermanfaat, dan selamat mencoba.

10 Tips Mendapatkan Persetujuan/Approval Google Adsense

Add Comment
TULISKAN.com - Sebagai blogger, disamping berbagi kepada sesama, tentunya anda juga ingin bukan mendapatkan penghasilan tambahan via online, terdengar cukup mudah dan praktis, karena dengan berwirausaha disektor online khususnya web development anda tidak memerlukan modal apapun, mungkin hanya sebatas membeli domain dan hosting saja, atau anda juga bisa memakai hosting-hosting dan domain gratis seperti Wordpress dan Blogspot.
Untuk mengais penghasilan tambahan yang bersumber dari blog, ada berbagai macam cara yang dapat kita tempuh, mulai dari mengikuti program affilasi, memasang iklan mandiri, hingga mencoba peruntungan dibidang PPC atau Pay-Per-Click. 

Dari sekian banyak cara yang ada untuk memonetasi blog, sejauh ini nampaknya PPC masih menjadi komoditas utama dikalangan para blogger, karena selain mereka akan mendapatkan yang "pasti", mereka juga tidak usah ribet-ribet mencari advertiser atau klien yang ingin mengiklan di blog mereka, dan salah satu PPC yang memiliki nilai klik tertinggi adalah Google Adsense, selain itu, kini perusahaan monetasi yang dipelopori oleh google tersebut juga sudah sepenuhnya support terhadap bahasa indonesia, tentu disebabkan oleh banyaknya pengiklan dari Indonesia.

Nah, saya punya beberapa tips nih bagi anda yang ingin mencoba peruntungan dengan mendaftar menjadi agen GA, tips-tips berikut ini saya ambil dari berbagai sumber terpercaya, salah satunya adalah master Yasirli Amri, yaitu salah seorang full-time blogger dari Bandung. Berikut ini adalah tips-tipsnya, silahkan disimak dengan seksama:

  1. Buatlah navigasi blog yang jelas (arsip, menu navigasi).
  2. Buatlah konten dengan teks yang cukup (jangan terlalu sedikit teks).
  3. Buatlah blog yang tampilanya mendukung ukuran iklan dan nyaman dibaca.
  4. Buat Halaman Privacy Policy.
  5. Buat Halaman Contact (Kontak Kami).
  6. Buat Halaman About (Tentang Kami).
  7. Buat Halaman Term and Condition.
  8. Usahakan pakai blog yang kontenya 1 topik (misalnya: teknologi).
  9. Pastikan situs anda sudah "Final", dan tidak dalam tahap "Beta" atau percobaan.
  10. Usahakan memakai situs yang sudah cukup trafik dan cukup umur.

Mungkin cukup sampai disini saja beberapa tips untuk mendapatkan persetujuan/approval dari google adsense, jika anda menaati semua tips diatas, Insya Allah tim Google Adsense akan menerima anda sebagai penerbit iklan mereka.

Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang 10 Tips Mendapatkan Persetujuan/Approval Google Adsense, semoga bermanfaat, dan selamat mencoba.

Cara Membuat Iklan/Banner Melayang (Popup) di Blog

Add Comment
Cara Membuat Iklan/Banner Melayang (Popup) di BlogTULISKAN.com - sobat pastinya tahukan mengenai gambar melayang di blog, sekarang ini di blog-blog banyak yang memakai gambar melayang untuk mempromosikan iklan, animasi, Facebook, dan Twitter Page. karena cara ini dianggap efektif sobat, untuk memasang iklan karena banner ini berada di depan layar jadi otomatis pengunjung pasti melihat banner/gambar ini. 

Hari ini sobat, TULISKAN.com akan nge-share tentang cara membuat gambar/banner melayang di blog/web. pasti kedengaranya menarik kan sobat. kita bisa kok sobat mengganti-ganti posisi banner/gambar melayang ini bisa di atas (top), di bawah (bottom), di kanan (right), di kiri (left), tergantung keinginan sobat. pasti sobat udah gak sabar kan, ini dia langkah-langkahnya.

Cara Membuat Iklan/Banner Melayang (Popup) di Blog

1. Login ke Blogger.

2. Masuk Dashboard.

3. Pilih Template.

4. Pilih Edit HTML.

5. Cari kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode berikut ini tepat diatsnya.

#tuliskancom-popup {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expressionundefineddocument.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Keterangan:
  • 0 = Jarak Iklan Melayang dari bawah Layar
  • 0 = Jarak Iklan Melayang dari kiri layar

7. Sekarang pergi ke halaman Tata Letak/Layout.

8. Klik "Add/Tambahkan" gadget".

9. Pilih HTML/JavaScript.

<div id='tuliskancom-popup'>
<a href='http://www.tuliskan.com'>
<img border='0' src='http://www.linuxhpc.org/images/samples/468x60.gif'/></a>
</div>

Keterangan:
  • Ganti kode yang berwarna merah dengan URL tujuan iklan
  • Ganti kode yang berwarna biru dengan URL Banner/Gambar iklan

10. Klik "Save" dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Iklan/Banner Melayang (Popup) di Blog, semoga bermanfaat, dan selamat mencoba.

Free Download Template Terbaru dan Cara Memasangnya

Add Comment
Free Download Template Terbaru dan Cara Memasangnya
TULISKAN.com - Sekarang banyak ya blog-blog yang mempunyai dan memakai template-template yang keren dan dinamis. ternyata sobat, template adalah unsur paling utama dalam membuat blog. bila template yang kita pakai bagus dan berkualitas pastinya pengunjung makin nyaman mengunjungi blog kita, sobat pertamanya saya sebenarnya juga tidak mengetahui apa itu template yang bagus dan cara mengganti template. sebenarnya banyak web-web yang menyediakan template-template yang berkualitas seperti zootemplate.com, btemplates.com, tapi kali ini saya akan menampilkan koleksi dari http://mas-template.com/.

sekarang farhan mau nge-share tentang Download free template terbaru keren dan bagaimana cara pemasangan template-nya. kenapa saya bilang keren? karena di web template yang saya berikan ini ada bermacam-macam template yang saya sangat suka. tempat downloadnya di http://mas-template.blogspot.com/. saya punya beberapa koleksi contoh template di http://mas-template.blogspot.com/, ini dia. tapi saya hanya punya 4 koleksi jika sobat mau lebih lengkap bisa kunjungi http://mas-template.blogspot.com/.

                      Download Johny Storage                            

  Download New Johny Dark Gamer
                                                     
 Download Gamer Dark paper

Download Creating Website 2

Setelah anda download, file templatenya akan berbentuk .zip, yang artinya anda harus mengconvertnya terlebih dahulu menggunakan archiver, lalu setelah di archive, nanti file akan berformat .xml yang siap untuk diupload ke blogger. Untuk memasang template tersebut ke blogger, silahkan disimak yang berikut ini.

1. login ke Blogger.

2. Pilih template.











3. Lihat di sisi kanan atas template tadi ada "cadangkan/pulihkan" (seperti gambar di bawah ini) >> pilih choose file/pilih berkas dan masukan yang tadi sobat download berformat (.xml) tadi. lalu klik unggah/upload. (nanti secara otomatis template anda terganti dengan yang baru).










Demikian informasi terbaru seputar tutorial dan tips trik blog tentang Free Download Template Terbaru dan Cara Memasangnya, semoga bermanfaat, dan selamat mencoba.

Cara Memasang Widget Statistik Visitor Histats di Blog

Add Comment
Cara Memasang Widget Statistik Visitor Histats di BlogTULISKAN.com - Anda kalian pernah liat tiak di blog-blog atau web-web sahabat menggunakan statistic histats.com, menarik bukan? pastinya, hampir di semua blog-blog mempunyai widget seperti ini, karena apa? kita jadi mempunyai data sudah berapa total pageview, total visitor, visit today, dan user online, lumayan lengkap-kan? dalam satu widget kita bisa mendapatkan 4/5 fungsi.

Tentunya sama dengan pembicaraan kita diatas sobat sekarang TULISKAN.com mau nge-share Bagaimana caranya memasang widget statistic histats.com di blog. pasti sobat ingin mengetahuinya kan? hehehe. menurut saya widget ini banyak kegunaanya, contohnya para pengunjung jadi tahu berapa sudah jumlah visitor total yang sudah pernah mengunjungi blog kita, dll. ternyata memasang widget ini sangat mudah lho, sobat tinggal mengikuti langkah-langkah berikut.

Cara Memasang Widget Statistik Visitor Histats di Blog 

  1. Buka http://histats.com/
  2. Register dengan cara masukan alamat URL sobat.
  3. selanjutnya Create new account (login data), dan isi form-nya, setelah selesai mengisi form klik tombol warna biru di posisi bawah denga tulisan "Register".
  4. setelah itu akan muncul "registration done please check your mailbox", selanjutnya sobat konfirmasi histats.com lewat e-mail. 
  5. setelah anda "konfirmasi"  nanti muncul tulisan "activation done".
  6. selanjutnya anda login ulang lagi ke http://histats.com/
  7. setelah masuk anda masuk control panel.
  8. pilih Add Widget +
  9. lalu anda isi form add website.
  10. setelah sudah anda akan masuk ke "Viewstats".
  11. setelah itu anda click "counter code" di kanan atas di bawah header histats tadi.
  12. setelah itu klik "add new counter".
  13. selanjunya anda pilih mau widget animation, 1 lines, 2 lines, dan sebagainya.
  14. setelah anda memilih anda centrang informasi untuk blog/web anda yang anda inginkan. contohnya : page views today, visitor today, total visitor, dll. klik "save"
  15. anda akan kembali ke halaman tadi add new counter. kan sudah ada counter yang tadi, lalu sobat klik counter yang tadi sobat pilih, bernamakan angka seperti 1982738. lalu sobat klik angka tersebut.
  16. selanjutanya setelah masuk ke halaman counter yang tadi sudah di pilih, lihat ke bawah disitu ada counter code pilih yang "standard" dan copy script-nya ke notepad, script itu adalah script widget-nya.
  17. selanjutanya sobat login ke Blogger.
  18. Klik Tata Letak/Layout.
  19. pilih "Add gadget"
  20. pilih HTML/JavaScript.
  21. Pastekan script counter code tadi yang di notepad ke dalam box "konten" dan atur posisi widget-nya.
  22. Lalu anda klik "save", dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Memasang Widget Statistik Visitor Histats di Blog, semoga bermanfaat, dan selamat mencoba.

Cara Membuat Widget User Online di Sisi Kiri atau Kanan Blog

Add Comment
Cara Membuat Widget User Online di Sisi Kiri atau Kanan BlogTULISKAN.com - Nampaknya baru-baru ini di blog sahabat banyak sekali yang menggunakan widget user online di sisi kiri atau kanan blog,  sekarang bagi para blogger widget ini seperti wajib berada di blog, karena fitur-nya bisa mengetahui user online, sebernarnya sekarang banyak widget yang bisa mengetahui user online seperti ini seperti histats.com, radar.com, tapi menurut saya widget whos.amung.us inilah yang paling banyak di gunakan di blog-blog dan web-web.

Kali ini saya akan nge-share soal Cara membuat Widget user online. apa sih widget user online ini? yap, widget user online adalah suatu widget yang bisa mendeteksi berapa orang yang online dalam blog kita. menarik bukan? dengan ini kita bisa mengetahui berapa orang yang aktif online dalam blog/web kita. sebernarnya pilihan widget user online ini juga beragam pilihanya, tapi kali ini saya memilih widget yang berasal dari Whos.Amung.us, saya pun sudah memakai widget ini coba lihat di sisi kiri blog kami, yang berwarna merah itu adalah salah satu widget dari whos.amung.us, pasti sobat mau mencobanya juga kan. 

Membuat Widget Pengunjung Online di Kiri atau Kanan

1. Login Ke Blogger.

2. Masuk Dashboard.

3. Pilih Tata Letak/Layout

4. Pilih Add Gadget.

5. Pilih HTML/JavaScript.

6. Letakkan salah satu kode berikut ini kedalamnya.

  • Melayang di kiri

<script id="_wauxy3">var _wau = _wau || [];
_wau.push(["tab", "7enscrlmg4tj", "xy3", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

  • Melayang di kanan

<script id="_wauxy3">var _wau = _wau || [];
_wau.push(["tab", "7enscrlmg4tj", "xy3", "right-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

7. Klik "Save/Simpan", dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Widget User Online di Sisi Kiri atau Kanan Blog, semoga bermanfaat, dan selamat mencoba.

Memasang Widget Google Translate dengan Bendera di Blog

Add Comment
Memasang Widget Google Translate dengan Bendera di Blog
TULISKAN.com - Dalam mempelajari kaidah-kaidah bahasa asing, atau hanya sekedar ingin mengartikan sepenggal bahasa asing, tentunya kita memerlukan atau membutuhkan alat yang dapat menerjemahkanya kedalam bahasa yang kita kuasai. Selaku perusahaan teknologi terbesar di dunia, dari jauh-jauh hari Google juga sudah meluncurkan tools translate, atau yang dalam bahasa indonesia artinya "terjemah", jadi tools ini berguna untuk menerjemahkan suatu bahasa kebahasa yang lainya.

Sebagai blogger Indonesia, apasih yang dapat kita perbuat jika misalnya ada pengunjung dari luar negeri yang ingin mengetahui konten-konten di blog kita? salah satunya adalah dengan memasang widget translate, agar lebih terpercaya, maka kita bisa gunakan widget dari salah satu layanan Google, yakni Google Translate, selain itu, agar tampilanya lebih eye-catching dan menarik, kita juga bisa menerapkan ikon bendera negara-negara di dunia, jadi nanti pengunjung tinggal klik di bendera negara mereka, tepatnya untuk menerjemahkan bahasa Indonesia kedalam bahsa negara mereka.

Memasang Widget Google Translate dengan Bendera di Blog

1. Login ke Blogger.


2. Masuk Ke Dashboard

3. Pilih Tata Letak/Layout

4. Klik Add/Tambahkan Widget.

5. Pilih HTML/JavaScript.

6. Letakkan kode berikut ini kedalamnya.

<div class="widget-content">
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9m0KFMQAPdmF5XMuT7NiUKQRKlwl4bmC7Zn34VCLADtZfta64nJjfZ42715go9V3xH_o51ClGMcpc4kV7voq3SHLpMhDgQhGB5EaUcuL1elgVFPOJIXBrpmMDM3tN4Fn60C2eIRKjk2Of/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzij-8Sn6Sa7Uf9KG_6kyqlmhxiF1TU4RQ7n9YQvWCRzXE1Al2B-1cXwTChthcA6muEctZYw3lQHOf13I-XahTUIZsXojrjEw9wugco6n0Sih9QJX6OtRhbFYroRJPrV9eEOoB05zGf3qL/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMDr_HKVc92C1V-WM2Go6QtP11LdMt6jxfS59cVUWSvK8W0G2eZCTewfsOR8wRiPHLOh98lCYR4p4Wd2tSCXz2kU3kU3pp4bFhYcBTAWaejbHC-DBh5vv1lpDKpq5qLNnh8bDUb_wHSOZe/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /><br />
<noscript><a href="http://betelm.blogspot.com/2012/04/cara-membuat-google-translate-beserta.html" title="Memasang Widget Google Translate dengan Bendera di Blog">Get This!
</a></noscript>
</center>
</div>
</div>

7. Klik "Save/Simpan", dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Memasang Widget Google Translate dengan Bendera di Blog, semoga bermanfaat, dan selamat mencoba.

Cara Membuat Burung Twitter Terbang di Blog

Add Comment
Cara Membuat Burung Twitter Terbang di BlogTULISKAN.com - Dalam memenuhi kebutuhan sehari-harinya, kini manusia lebih mengutamakan hal yang namanya efisiensi, begitupula dalam hal berinteraksi, kian hari masyarakat makin mudah untuk berinteraksi dengan sesamanya, baik itu lewat online maupun jaringan telfon. Namun, semakin berkembangnya internet, kini berinteraksi via online pun menjadi suatu trend di kalangan masyarakat, mereka memanfaatkan berbagaimacam layanan yang tersedia di internet, seperti grup chat, video chat, social media, dan lain sebagainya.

Diantara kebanyakan layanan-layanan berinteraksi yang tersedia di internet, Social Media adalah komoditas yang paling banyak meraih pengguna, karena dengan social media kita akan merasa lebih bebas untuk berinteraksi dan orang-orang yang kita minati.

Dengan social media, sebagai blogger kita juga dapat memanfaatkannya sebagai sarana marketing atau promosi blog, karena seperti yang saya bahas pada postingan tentang Peranan Social Media Sebagai Sumber Utama Trafik Blog, social media sangat berpotensial sekali untuk mengalahkan trafik yang bersumber dari search engine, untuk itu, dibawah ini sudah saya sertakan widget burung twitter menarik yang mungkin dapat mendongkrak followers akun anda di twitter.

Cara Membuat Burung Twitter Terbang di Blog

1. Login Ke Blogger.

2. Masuk Dashboard

3. Pilih "Tata Letak/Layout".

4. Klik "Add/Tambahkan gadget".

5. Pilih "HTML/JavaScript.

6. Letakkan kode berikut ini kedalamnya.

<script type="text/javascript" src="https://farhanshare-blogspot-com.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzw_6ff-EAc-ZJXrBxURN-f8_jpni7XIEuUsAqQEuM6Wd-fOqB-2iHnzqkLXmx0HU1RmKGQuxbEV3kZyt2CdMbCVXyr7KdY9ELNVPS9-OTtNsIKXAMPw_JF1Ki7Otfrn-E5gDBTEXZJheC/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/tuliskandotcom";var TweetThisText= "Follow Us";tripleflapInit();
</script>

Keterangan: Ganti kode yang berwana merah dengan Username Twitter anda

7. Klik "Save/Simpan", dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Burung Twitter Terbang di Blog, semoga bermanfaat, dan selamat mencoba.

Cara Membuat Widget Recent Posts Slider di Blog

Add Comment
Cara Membuat Widget Recent Posts Slider di Blog
TULISKAN.com - Dalam mempromosikan konten-konten terbaru blog, sebenarnya ada berbagai macam cara yang dapat kita tempuh, seperti misalnya membagikanya ke social media, memperkenalkanya ke forum-forum, namun terkadang cara-cara seperti itu ada yang ampuh ada juga yang nihil hasilnya, nah, pada kesempatan kali ini saya juga ingin membagikan sebuah widget yang berguna untuk mempromosikan konten-konten terbaru di blog kita, agar banyak pengunjung yang sedang membaca post lawas mebacanya.


Widget tersebut adalah recent posts slider, jadi widget ini adalah widget artikel terbaru yang menapilkan setiap postingan-postingan terbaru di blog kita, selain itu, widget ini juga bersifat slider, jadi tidak terlalu memakan space atau tempat yang besar di blog. Seperti apa itu slider? misalnya kita ingin menampilkan 10 post terbaru di blog kita, nah, dengan widget ini kita hanya membutuhkan 4 kolom post, jadi tidak usah 10 kolom post, karena nantinya akan muncul secara slide show vertikal kebawah.

Cara Membuat Widget Artikel Terbaru Slider di Blog

1. Login Ke Blogger.

2. Masuk Dashboard.

3. Pilih Template.

4. Klik Edit HTML

5. Pastikanlah jika kode jQuery yang mirip seperti kode biru dibawah ini sudah ada pada template anda (versi berapapun), jika belum ada, pasang kode dibawah ini tepat diatas </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
</script>

6. Klik "Save/Simpan Template".

7. Selanjutnya anda pergi ke laman Tata Letak.

8. Klik Add/Tambahkan gadget.

9. Pilih "HTML/JavaScript".

10. Letakkan kode berikut ini kedalamnya

<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
 
</style>
<script src="https://farhanshare.googlecode.com/files/recentpost%20%281%29.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
 
</script>
<ul id="rp_plus_img"><script>
    var numposts = 5;
    var numchars = 0;
 
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://betelm.blogspot.com/2012/04/cara-membuat-slider-artikel-terbaru.html" target="_blank">Get This!</a></small>

Keterangan5 adalah jumlah post yang ingin ditampilkan

11. Klik "Save/Simpan", dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Widget Recent Posts Slider di Blog, semoga bermanfaat, dan selamat mencoba.

Cara Membuat Cursor Mouse Bertabur Bintang di Blog

Add Comment
Cara Membuat Cursor Mouse Bertabur Bintang di Blog
TULISKAN.com - Siang kemarin saya telah mengunjungi beberapa blog sahabat guna bersilaturahmi dan mempererat hubungan antar sesama blogger, lalu pada saat saya berkunjung kesalah satu blog, saya melihat ada efek yang menarik di blog tersebut, yakni cursor mousenya yang bertabur bintang.

Setelah mendapatkan secercah inspirasi dari blog tersebut, sayapun memutuskan untuk menuangkanya di blog yang sederhana ini, yakni tentang cara membuat cursor mouse pengunjung bertabur bintang di blog kita, jadi pada saat mereka mengunjungi blog kita, maka sejumlah aur-auran bintang akan betebaran layaknya daun yang gugur dari pohonya, untuk lebih jelas, mari kita simak bagaimana cara penerapanya di blog yang berikut ini.

Cara Membuat Cursor Mouse Bertabur Bintang di Blog

1. Login Ke Blogger.

2. Pilih Tata letak / Layout.

3. Klik Add/Tambahkan Widget.

4. Pilih "HTML/JavaScript".

5. Letakkan salah satu code dibawah ini kedalamnya.

  • Bintang Hijau

<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>

  • Bintang Biru

<script src="http://informasinetmu-blogspot.googlecode.com/files/bintang.biru.js" type="text/javascript"></script>

  • Bintang Merah

<script src="http://informasinetmu-blogspot.googlecode.com/files/bintang.merah.js" type="text/javascript"></script>

  • Bintang Putih

<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.putih.js" type="text/javascript"></script>

  • Bintang Ungu

<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.putih.js" type="text/javascript"></script>

6. Klik "Save/Simpan", dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging blogspot tentang Cara Membuat Cursor Mouse Bertabur Bintang di Blog, semoga bermanfaat, dan selamat mencoba.

Cara Membuat Widget Melayang/Popup di Blog

Add Comment
Cara Membuat Widget Melayang/Popup di Blog
TULISKAN.com - Widget popup atau yang lebih sering dikenal dengan sebutan melayang adalah widget yang bersifat fixed, jadi widget ini akan melayang dilangit-langit blog, sehingga tidak memakan tempat ataupun space di blog, biasanya widget popup ini digunakan untuk memasang iklan, hingga memberitahukan informasi penting. 

Selain itu, menurut pengalaman saya pribadi, saya lebih banyak menggunakan widget melayang ini dalam permasalahan ad placemnt atau penempatan iklan, terutama PPC, karena dengan melayang, iklan akan semakin mudah dilihat oleh pengunjung, dan akhirnya mendapatkan klik dari mereka (PPC), jadi bisa saya simpulkan bahwasanya popup adalah salah satu adplacement iklan terbaik, namun kadangkala ada beberapa PPC yang tidak membolehkan kita memasang script popup.

Cara Membuat Widget Melayang/Popup di Blog

1. Login ke Blogger.

2. Pilih Tata letak.

3. Klik Add/Tambahkan gadget.

4. Pilih HTML/JavaScript.

5. Letakkan kode berikut ini kedalamnya.

<style type="text/css"> #gb{ position:fixed; left:30px;top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()">Close Klik 2x! </a> </div> <center>
Kode Script Widget
</center> <script type="text/javascript"> var gb = document.getElementById("gb");gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>.

Keterangan:
  • 30 (piksel) = Jarak Widget Melayang dari sisi kiri layar
  • 10 (piksel) = Jarak Widget Melayang dari sisi atas layar 
  • Ganti kode yang berwarna biru muda dengan Kode Script widget anda

7. Lalu klik "Save/Simpan", dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging blogspot tentang Cara Membuat Widget Melayang/Popup di Blog, semoga bermanfaat, dan selamat mencoba.

Winamp baru 2012 Versi 5.623

Add Comment

Farhan Share -  sobat farhan pada suka musik ga? pastinya suka, dan sobat farhan tentu-nya punya komputer di rumahkan, pastinya Software yang satu ini udah gak asing lagi di telinga sobat, ini adalah Software pemutar Audio paling banyak dipakai di indonesia untuk PC maupun smartphone seperti Android, dll. aplikasi ini adalah Winamp versi 5.623.

Memainkan komputer dan mungkin sobat sering memainkan games, pastinya asyik kan bila ditemani oleh lagu-lagu yang sobat sukai, apalagi zaman sekarang ini kita memasukan lagu ke Winamp tidak harus bayar alias "gratis", di web-web yang menyediakan mp3 gratis seperti http://4shared.com, dll. dengan ini kita bisa menikmati lagu tanpa batasan waktu dan tanpa harus mengeluarkan uang sedikit pun, oh iya kenapa winamp lebih diminati banyak pengguna dari pada media pemutar audio lain, karena selain fitur-fitur yang baru dan lebih lengkap, kini winamp juga bisa membaca format audio berbagai-macam jenis.

Sekarang farhan akan memberikan informasi singkat seputar Winamp Versi 5.623, media pemutar audio ini bisa mem-baca banyak sekali format audio, maupun vidieo, seperti MP1, MP3, MP4, MPEG,MPG, MKV, MOD, SWF, OGG, M4A, MIDI, MID, FLC, AAC, ASX, WEBM, WMA, WINDOWS MEDIA AUDIO, dan masih banyak lagi. winamp 5.623 juga memiliki fitur-fitur seperti bisa me-import lagu kedalam Itunes, bisa di terjemahkan bahasanya ke dalam 16 bahasa, winamp toolbar untuk browser, dan pastinya masih banyak fitur-fitur yang seru lainya.
Ini dia informasi lain-nya :

Title                : Winamp 5.623 Full
Filename         : Winamp5623_full_emusic-7plus_all.exe
Filesize           : 15.71 MB 
Requirements  : Windows 2000/ xp / 2003 / vista / windows 7 / XP64 / Vista64 / Windows 7 64
Languages       :Multiple languages
License            :Freeware
Author             :NullSoft

Pastinya serukan, bila sobat mempunyai Software ini di komputer atau Laptop sobat, sobat bisa men-download-nya di bawah ini.

ALT/TEXT GAMBAR

Cara Membuat Kode Warna dan Box Parse di Blog

Add Comment
Cara Membuat Kode Warna dan Box Parse di BlogTULISKAN.com - Dalam membangun struktur template sebuah blog, kita nantinya pasti akan menjumpai kode warna dan parse, dimana kode warna adalah kode CSS dari sebuah warna, dan parse adalah suatu cara untuk meringkas kode HTML yang nantinya menghasilkan kode baru (biasanya digunakan pada script iklan, agar loadingnya tidak berat).

Untuk mengetahui kode dari sebuah warna, biasanya kita harus terlebih dahulu browsing di internet, karena memang kodenya banyak dan rumit untuk di hafal, oleh karena itu, sebagai blogger kita bisa memanfaatkan widget kode warna yang dipasang di blog kita, agar para pengunjung semakin mudah dalam mencari kode dari warna yang mereka cari, dan bergitupula dengan box parse, kedua widget ini bersifat generator.

Cara Membuat Kode Warna dan Box Parse di Blog

1. Login ke Blogger.

2. Pilih "laman".

3. Klik "tambah laman" > "Laman Kosong".

4. lalu kita copy paste-kan kode di bawah ini ke elemen laman (ingat jika anda menginginkan blog tools ini muncul paste-kanlah kode ini kedalam HTML, jangan memasukanya ke "compose" (bila anda menaruhnya di "compose" yang keluar hanya teks biasa).

  • Box Parse Script

<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script>
<table border="0" cellpadding="0" cellspacing="0" style="width: 400px;"><tbody>
<tr> <td valign="top" width="400"><textarea cols="50" id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);"></textarea><input onclick="convert();" type="button" value="Parse Script" /></td> </tr>
</tbody></table>
<span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: x-small;"><span style="line-height: 20px;">&nbsp;© farhanshare.blogspot.com Blog Tools |&nbsp;</span><a href="http://www.farhanshare.blogsot.com/" style="color: #0b5394; line-height: 20px; text-decoration: none;">Blogger Tool</a>

  • Box Kode Warna

<center><form id="hcc" name="hcc">
<table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
<tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody>
<tr height="24"><td bgcolor="#190707" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#610b0b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#8a0808" onclick="Barva(this.bgColor)">
</td><td bgcolor="#b40404" onclick="Barva(this.bgColor)">
</td><td bgcolor="#df0101" onclick="Barva(this.bgColor)">
</td><td bgcolor="#ff0000" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fa5858" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f78181" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f6cece" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fbefef" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#191007" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#3b240b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#61380b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#8a4b08" onclick="Barva(this.bgColor)">
</td><td bgcolor="#b45f04" onclick="Barva(this.bgColor)">
</td><td bgcolor="#df7401" onclick="Barva(this.bgColor)">
</td><td bgcolor="#ff8000" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)">
</td><td bgcolor="#faac58" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f7be81" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f8ece0" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#181907" onclick="Barva(this.bgColor)">
</td><td bgcolor="#292a0a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#393b0b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#5e610b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#868a08" onclick="Barva(this.bgColor)">
</td><td bgcolor="#aeb404" onclick="Barva(this.bgColor)">
</td><td bgcolor="#d7df01" onclick="Barva(this.bgColor)">
</td><td bgcolor="#ffff00" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f4fa58" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f3f781" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fbfbef" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#101907" onclick="Barva(this.bgColor)">
</td><td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#243b0b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#38610b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#4b8a08" onclick="Barva(this.bgColor)">
</td><td bgcolor="#5fb404" onclick="Barva(this.bgColor)">
</td><td bgcolor="#74df00" onclick="Barva(this.bgColor)">
</td><td bgcolor="#80ff00" onclick="Barva(this.bgColor)">
</td><td bgcolor="#9afe2e" onclick="Barva(this.bgColor)">
</td><td bgcolor="#acfa58" onclick="Barva(this.bgColor)">
</td><td bgcolor="#bef781" onclick="Barva(this.bgColor)">
</td><td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)">
</td><td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)">
</td><td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f5fbef" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#071907" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b610b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#088a08" onclick="Barva(this.bgColor)">
</td><td bgcolor="#04b404" onclick="Barva(this.bgColor)">
</td><td bgcolor="#01df01" onclick="Barva(this.bgColor)">
</td><td bgcolor="#00ff00" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2efe2e" onclick="Barva(this.bgColor)">
</td><td bgcolor="#58fa58" onclick="Barva(this.bgColor)">
</td><td bgcolor="#81f781" onclick="Barva(this.bgColor)">
</td><td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)">
</td><td bgcolor="#cef6ce" onclick="Barva(this.bgColor)">
</td><td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)">
</td><td bgcolor="#effbef" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#071910" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b3b24" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b6138" onclick="Barva(this.bgColor)">
</td><td bgcolor="#088a4b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#04b45f" onclick="Barva(this.bgColor)">
</td><td bgcolor="#01df74" onclick="Barva(this.bgColor)">
</td><td bgcolor="#00ff80" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2efe9a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#58faac" onclick="Barva(this.bgColor)">
</td><td bgcolor="#81f7be" onclick="Barva(this.bgColor)">
</td><td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)">
</td><td bgcolor="#cef6e3" onclick="Barva(this.bgColor)">
</td><td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)">
</td><td bgcolor="#effbf5" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#071918" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0a2a29" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b3b39" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b615e" onclick="Barva(this.bgColor)">
</td><td bgcolor="#088a85" onclick="Barva(this.bgColor)">
</td><td bgcolor="#04b4ae" onclick="Barva(this.bgColor)">
</td><td bgcolor="#01dfd7" onclick="Barva(this.bgColor)">
</td><td bgcolor="#00ffff" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2efef7" onclick="Barva(this.bgColor)">
</td><td bgcolor="#58faf4" onclick="Barva(this.bgColor)">
</td><td bgcolor="#81f7f3" onclick="Barva(this.bgColor)">
</td><td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)">
</td><td bgcolor="#cef6f5" onclick="Barva(this.bgColor)">
</td><td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)">
</td><td bgcolor="#effbfb" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#071019" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b243b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b3861" onclick="Barva(this.bgColor)">
</td><td bgcolor="#084b8a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#045fb4" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0174df" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0080ff" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2e9afe" onclick="Barva(this.bgColor)">
</td><td bgcolor="#58acfa" onclick="Barva(this.bgColor)">
</td><td bgcolor="#81bef7" onclick="Barva(this.bgColor)">
</td><td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)">
</td><td bgcolor="#cee3f6" onclick="Barva(this.bgColor)">
</td><td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)">
</td><td bgcolor="#eff5fb" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#070719" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b0b61" onclick="Barva(this.bgColor)">
</td><td bgcolor="#08088a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0404b4" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0101df" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0000ff" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2e2efe" onclick="Barva(this.bgColor)">
</td><td bgcolor="#5858fa" onclick="Barva(this.bgColor)">
</td><td bgcolor="#8181f7" onclick="Barva(this.bgColor)">
</td><td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)">
</td><td bgcolor="#cecef6" onclick="Barva(this.bgColor)">
</td><td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)">
</td><td bgcolor="#efeffb" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#100719" onclick="Barva(this.bgColor)">
</td><td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#240b3b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#380b61" onclick="Barva(this.bgColor)">
</td><td bgcolor="#4b088a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#5f04b4" onclick="Barva(this.bgColor)">
</td><td bgcolor="#7401df" onclick="Barva(this.bgColor)">
</td><td bgcolor="#8000ff" onclick="Barva(this.bgColor)">
</td><td bgcolor="#9a2efe" onclick="Barva(this.bgColor)">
</td><td bgcolor="#ac58fa" onclick="Barva(this.bgColor)">
</td><td bgcolor="#be81f7" onclick="Barva(this.bgColor)">
</td><td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)">
</td><td bgcolor="#e3cef6" onclick="Barva(this.bgColor)">
</td><td bgcolor="#ece0f8" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f5effb" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2a0a29" onclick="Barva(this.bgColor)">
</td><td bgcolor="#3b0b39" onclick="Barva(this.bgColor)">
</td><td bgcolor="#610b5e" onclick="Barva(this.bgColor)">
</td><td bgcolor="#8a0886" onclick="Barva(this.bgColor)">
</td><td bgcolor="#b404ae" onclick="Barva(this.bgColor)">
</td><td bgcolor="#df01d7" onclick="Barva(this.bgColor)">
</td><td bgcolor="#ff00ff" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fa58f4" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f781f3" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f6cef5" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fbeffb" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="24"><td bgcolor="#190710" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#3b0b24" onclick="Barva(this.bgColor)">
</td><td bgcolor="#610b38" onclick="Barva(this.bgColor)">
</td><td bgcolor="#8a084b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#b4045f" onclick="Barva(this.bgColor)">
</td><td bgcolor="#df0174" onclick="Barva(this.bgColor)">
</td><td bgcolor="#ff0080" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fa58ac" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f781be" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f6cee3" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)">
</td><td bgcolor="#fbeff5" onclick="Barva(this.bgColor)">
</td></tr>
<tr height="10"><td>
</td></tr>
<tr height="24"><td bgcolor="#000000" onclick="Barva(this.bgColor)">
</td><td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)">
</td><td bgcolor="#151515" onclick="Barva(this.bgColor)">
</td><td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)">
</td><td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)">
</td><td bgcolor="#424242" onclick="Barva(this.bgColor)">
</td><td bgcolor="#585858" onclick="Barva(this.bgColor)">
</td><td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)">
</td><td bgcolor="#848484" onclick="Barva(this.bgColor)">
</td><td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)">
</td><td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)">
</td><td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)">
</td><td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)">
</td><td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)">
</td><td bgcolor="#ffffff" onclick="Barva(this.bgColor)">
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="24"><td height="24" id="vzorec" width="24">
</td><td valign="bottom">Kode warna yang terpilih : <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Verdana; font-size: 12px; font-weight: bold; height: 16px; width: 74px;" type="text" /></td></tr>
</tbody></table>
</form>
<span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: x-small; line-height: 20px;"><a href="http://farhanshare.blogspot.com/p/kode-warna-blog.html" target="new">Get this widget on farhan share</a></span></center><span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: x-small; line-height: 20px;">
</span>

5. Klik Publikasikan, dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blog tentang Cara Membuat Kode Warna dan Box Parse di Blog, semoga bermanfaat, dan selamat mencoba.

5 Tips Membuat Blog yang Berkualitas

Add Comment
5 Tips Membuat Blog yang BerkualitasTULISKAN.com - Pastinya semua blogger bangga kan kalau blog-nya banyak pengunjung dan blog-nya berkualitas. yap, pastinya, tapi itu semua tidak luput dari elemen-elemen maupun unsur-unsur di blog, elemen-elemen atau unsur-unsur mencakup widget, template, artikel, posisi, dll. pastinya itu membutuhkan keserasian, dan kecocokan antara satu unsur dengan unsur lainya, contohnya kita pilih tema blog kita bernuansa putih, hitam, oranye, seperti blog saya, nah kita juga harus mencocokan warna yang lain dengan tema itu, agar pengunjung enak melihat blog kita.

1. Terlebih dahulu terapkan, template yang tampilanya bagus

ya sobat farhan kenapa kita harus memilih template yang bagus karena menurut saya unsur itu ikut berpengaruh dalam traffic pengunjung kita, kenapa? karena semakin bagus template kita, pengunjung akan lebih senang untuk datang kembali ke blog kita. ini dia Web yang menyediakan free template gratis, bisa download template yang seperti saya pakai di MasKolis tempale .

2. Atur semua widget serasi dan posisi yang pas

pilihalah widget yang sesuai dengan keinginan sobat dan buatlah widget dengan posisi sepas mungkin, biasanya agar lebih bagus berilah background pada judul widget. Anda bisa menerapkan widget seperti histats, flagcounter, geomap, adsensecamp, sitti, musci, radio streaming, dll. Agar pengunjung lebih nyaman berada di blog kita karena disediakan widget-widget yang bisa membuat mereka lebih nyaman.

3. Buatlah Blog dengan navigasi yang tidak membingungkan

kenapa sobat kita harus membuat navigasi berpindah dari satu halaman ke halaman yang lain dengan jelas, yap , pastinya supaya para pengunjung tidak bingung saat mengunjungi blog kita. dan memudahkan mereka dalam mencari apa yang mereka mau di dalam blog kita.

4. Buatlah tampilan Blog yang sederhana tapi menarik

yaap sobat apa sih yang diartikan sederhana tapi menarik? maksudnya kita membuat tampilan blog kita sederhana tapi bisa membuat para pengunjung nyaman berkunjung ke blog kita. membuat semua unsur-unsur blog kita bisa bermakna bagi para pengunjung.

5. Buatlah Konten Menarik dan Berkualitas

Ingatkah pada waktu kita menempuh jenjang pendidikan Sekolah Menegah Pertama, khususnya pada pelajara tata bahasa, tentunya kita diajarkan tentang 5W+1H, nah dalam membuat artikel di blog kita juga harus menerapkan hal tersebut, buatlah artikel yang memberikan informasi lengkap kepada para pembacanya, dan biasakan menulis dengan gaya khasmu, jangan copy paste dari blog orang lain.

Dan jangan lupa pastikanlah para pembaca mendapatkan benefit atau keuntungan dari postingan yang mereka baca di artikel kita.

Demikian informasi terbaru seputar tutorial dan tips trik blog tentang 5 Tips Membuat Blog yang Berkualitas, semoga bermanfaat, dan selamat mencoba.

Tips And Trik Merawat Komputer dan Laptop agar tidak cepat rusak.

Add Comment
Tips And Trik Merawat Komputer dan Laptop agar tidak cepat rusak. - Selamat siang sobat, sekarang farhan kembali lagi pastinya dengan info-info yang berguna dan menarik. sobat farhan pasti di rumah punya komputer kan? hehehe, nah sekarang farhan mau nge-share nih, Tips And Trik Merawat Komputer Agar Tidak Cepat Rusak. pastinya sobat maukan komputer sobat bagus dan tidak cepat rusak, yap pastinya, bukan hanya manusia yang butuh perhatian, ternyata komputer juga lho, iya untuk menjaga kestabilan komputer kita pastinya kita harus mempunyai tips and trik merawat komputer dengan benar. sekarang farhan mau share tentang tips and trik merawat komputer.

1. Jangan Mematikan Komputer melalui tombol Power Off Di Cpu.
sobat tahu ga kenapa kita tidak boleh sering-sering mematikan komputer lewat tombol power off di CPU, karena dengan kita memencet tombol itu PC otomatis mati tanpa ada "jeda", untuk penstabilan dan mematikan aplikasi-aplikasi, dll. itu artinya sobat tidak memberi-kan kesempatan pada komputer untuk mematikan PC secara Optimal, itu lah yang kadang-kadang membuat PC cepat eror, sebaiknya sobat mematikan PC dari "Turn Off Computer" yang ada di menu "Start".

2. Pasanglah Antivirus yang selalu Update tentang Virus-virus terbaru, Dan perlindungan maksimal.
kenapa sobat harus memakai antivirus yang selalu update dan perlindungan yang maksimal? karena di jaman sekarang ini di sistem operasi windows selalu ada virus yang mengancam setiap hari-nya lebih dari ribu-an bahkan jutaan, nah maka dari itu sobat, saya sarankan sobat memakai antivirus yang sudah sekalian sama internet security, misalkan Norton Internet Security, Kaspersky Internet Security, mereka sudah mencakup internet security dan Antivirus, dan mereka bisa mengenali virus lebih banyak di banding antivirus yang biasa.

3. Pasang Aplikasi System Care Di PC.
nah sobat kenapa kita harus menginstal System Care di PC, karena di PCk-kan suka ada tuh seperti junk files, ataupun malware, atau files-file yang sudah tidak di gunakan, nah dengan system care ini kita bisa menghapus file-file yang tidak penting dari komputer kita. kalau di PC saya, saya memasang Advance System Care, adalah sebuah software yang kegunaanya seperti yang saya jelaskan di atas tadi, menurut saya berguna untuk menambah optimisasi PC anda, anda bisa mendownload-nya DISINI, ini yang versi Free.

4. Pastikan komputer anda bersih dari debu.
nah sobat kenapa sih kita harus sering-sering membersihkan komputer kita dari debu? karena komputer itu sangat sering terkena debu, seperti bila tempat DVD/CD reader di komputer kita Optik-nya kena debu, itu akan merusak optik dan merusak cd, jika optik terkena debu yang banyak maka optik lama-kelamaan akan rusak, dan harga optik pun lumayan mahal 300.000+, nah sama juga dengan bagian komputer yang lainya, maka karena itu kita harus sering membersihkan komputer kita sobat.

5. Jangan Terlalu banyak Aplikasi yang lebih dari 5GB di komputer.
yap kenapa sobat di komputer kita jangan terlalu banya aplikasi yang memorinya melebihi 5GB, ya karena dengan adanya aplikasi-aplikasi yang memorinya besar seperti itu, akan membuat komputer kita berat untuk loading, dan mengurangi performa PC kita,  kalau saya sarankan simpanlah applikasi yang memorinya 5GB++ kedalam USB yang memorinya besar, Atau kedalam Hardisk Tambahan.