Warung Bebas

Rabu, 21 Maret 2012

Cara Buat Link di blogger.com

link,tautan,link internal,link external,cara buat link

Link dalam bahasa Indonesia berarti "Hubungan atau Tautan". Link atau Tautan sesuai dengan namanya berfungsi untuk mentautkan atau menghubungkan antara satu halaman dari suatu blog dengan halaman lainnya.

Link di bagi menjadi dua jenis yaitu :
  1. Link Internal : Link Internal digunakan untuk menghubungkan satu posting dengan posting lainnya (Masih dalam lingkup satu blog).
  2. Link External : Link External digunakan untuk menghubungkan satu blog dengan blog lainnya. Link External ini sering juga digunakan untuk menghubungkan posting dari halaman suatu blog dengan blog lainnya. Misalnya posting dari blog A dengan posting dari blog B. 
Cara Buat Link di blogger.com :
Ada banyak cara yang yang bisa sobat blogger lakukan untuk membuat link pada teks :
  • Cara pertama dengan menambahkan tag seperti di bawah ini :
<a href="http://www.blogger.com">Blogger</a>
Teks yang berwarna merah adalah URL dan yang berwarna biru adalah teks yang akan ditampilkan. Tag dari contoh di atas akan terlihat seperti ini : Blogger
  • Cara kedua adalah dengan menggunakan Tombol link yang sudah disediakan oleh blogger.com.
Cara ini adalah cara yang paling mudah untuk membuat link. Kita hanya mem-blok kata teks yang akan kita buat link kemudian kita klik tombol Link yang ada pada menu bar dan terakhir kita masukkan URL-nya.
Coba perhatikan gambar dan petunjuk di bawah ini sambil di ikuti!
Blok teks atau kata yang akan di buat menjadi link

link,tautan,link internal,link external,cara buat link

Klik tombol link yang ada pada menu bar

link,tautan,link internal,link external,cara buat link

Jendela baru akan muncul

link,tautan,link internal,link external,cara buat link

Kolom "Text to display" adalah teks yang akan ditampilkan
Kemudian Kolom "Web address" adalah URL yang akan di tuju
Jangan lupa untuk mengisi kolom "Web address" tersebut, setelah itu klik "OK".
Maka link yang sudah kita buat tadi terlihat seperti ini : Google

link,tautan,link internal,link external,cara buat link

Kalau sobat blogger kasih tanda centang pada "Open this link in a new window", maka link yang sudah kita buat akan terbuka pada jedela baru atau tab baru.

Selamat Mencoba and Good Luck...!!!

Senin, 19 Maret 2012

Membuat Teks Link Berkedap Kedip

link berkedip,teks berkedip,cara buat link berkedip,cara buat teks berkedip

Apakah sobat blogger pernah berkunjung ke suatu blog, kemudian salah satu atau beberapa teksnya berkedip? Misalnya seperti ini : Blogger Tutorial Blog. Apakah sobat blogger penasaran dan bertanya-tanya bagaimana cara membuat teks teks berkedip seperti itu? Ternyata, untuk membuat efek berkedip pada teks sangatlah mudah. Sobat blogger hanya menambahkan sedikit tag sebelum teks yang akan di tampilkan.
Sebagai contoh :
<blink>Free Widget</blink>
Maka hasilnya jadi seperti ini :
Free Widget

Intinya, untuk membuat teks berkedap kedip, sebelum teks kita harus meletakkan tag <blink> dan tag </blink> setelah teks. Bingung...??? Baca keterangan di atas berulang-ulang dan pelan-pelan, lama-lama sobat blogger pasti ngerti.

Bagimana kalau kita terapkan efek berkedip ini pada link? Bisa apa tidak? Ya jelas bisa dong. Caranya sama dengan di atas seperti ini :
<blink><a href="http://bloggertutorialblog.blogspot.com" target="_blank">Blogger Tutorial Blog</a></blink>
Berikut ini hasilnya :
Blogger Tutorial Blog

Blinking text atau blinking link ini terlihat bagus kalau kita menggunakan media browser Firefox, bagaimana dengan Internet Explorer atau Google Chrome? Sobat blogger akan menemukan jawabanyya kalau sudah membuka postingan ini dengan kedua media browser tersebut.

Saya rasa, tutorialnya sudah cukup. Saya sangat yakin kalau sobat blogger sudah bisa membuatnya. Semoga tips trik blogspot yang singkat tentang Cara Membuat Teks Dan Link Berkedap Kedip ini bermfaat buat sobat blogger. Terima kasih sudah mengunjungi Blogger Tutorial Blog.

Sabtu, 17 Maret 2012

Cara Buat Tombol Hide and Show (Spoiler)

spoiller, hide and show,tombol

Tomblo Hide and show lebih populer dengan sebutan Spoiler. Mungkin, dari namanya saja "Hide and Show" sobat blogger sudah tau fungsi dari tombol ini. Tidak tau? Ya sudah, saya jelaskan sedikit. Hide dalam bahasa Indonesia berarti menyebunyikan dan Show dalam bahasa Indonesia berarti menunjukkan. Jadi, tombol Spoiler berfungsi untuk menyembunyikan teks, Link atau gambar. Spoiler ini sangat bermamfaat buat blog karena dengan adanya spoiler, kita bisa mengemat tempat kalau kita gunakan saat menulis artikel dan bisa menghemat tempat juga kalau kita gunakan sebagai Widget atau Gadget. Tempatkan kode Hide and Show atau spoiler pada tempat yang diinginkan (Kolom Postingan atau Kolom HTML/Java Script)


<div><div style="margin-bottom: 2px;"><i><b><small>Coba di Klik</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" type="button"></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI  
</div></div></div> 


Hasilnya akan terlihat seperti di bawah ini

Coba di Klik

TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI


Tambahan :
Jangan lupa mengganti "TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI" dengan gambar, link atau tulisan yang akan disembunyikan

Mamfaat Alexa Site Audit

alexa,alexa site audit,mamfaat alexa site audit

Alexa adalah sebuah situs yang sering di kupas atau di bahas oleh hampir semua blog. Ada yang mengupas tentang Cara membuat widget Alexa, Cara Memasang Widget Alexa, Cara optimasi blog di Alexa, Cara Claim blog di Alexa, dan banyak lagi topik lain yang di bahas tentang Alexa. Supaya sedikit berbeda dengan blog-blog yang lain dan supaya tidak di kira tulisan ini hasil kutipan, saya pun akan membahas topik yang lain tentang Alexa yaitu Mamfaat Alexa Site Audit. Walaupun informasi yang akan saya sajikan atau kupas hari ini sangat sedikit, saya sangat berharap, semua ini dapat menambah pengetahuan kita tentang Alexa.

Seperti yang tertulis di background di situs tersebut, dengan Alexa Site Audit, You can grow your web traffic and improve your user experience. Artinya dengan melakukan site audit di situs Alexa, sobat blogger dapat meningkatkan traffik blog sobat dan dapat mengembangkan pengalaman sobat sebagai pengguna
Apa mamfaat dari Alexa Site Audit? Mungkin sobat blogger pernah bertanya tentang hal tersebut Jadi saya akan gambarkan sedikit tentang semua itu. Ada empat point penting yang kita bisa dapatkan kalau melakukan Site Audit di Alexa yaitu :

  1. Increased Traffic
  2. Extensive Insights
  3. Peace of Mind
  4. Complete Control

Increased Traffic (Lalu lintas meningkat)
Alexa Site Audit menyediakan analisis SEO yang paling lengkap di mana saja. Setiap audit memeriksa hingga 10.000 halaman di situs atau blog kita dan memberi kita rekomendasi terinci untuk meningkatkan lalu lintas pencarian kita.

Extensive Insights (Wawasan yang luas)
Lebih dari sekedar Tool SEO, Alexa Site Audit juga meliputi laporan pada kegunaan dan analisis Web cakupan tag di situs web atau blog kita.

Peace of Mind (Ketenangan Pikiran)
Dengan laporan berjalan secara otomatis dua kali setiap bulan, Alexa Site Audit memonitor situs atau blog kita sehingga kita dapat berkonsentrasi pada pengembangan bisnis kita.

Complete Control (Kontrol yang lengkap)
Kita dapat membatalkan langganan kita setiap saat, kita tidak akan ditagih lagi. Atau membeli sebuah laporan Alexa Site Audit tunggal dan menerima laporan tindak lanjut gratis.

Sebenarnya masih banyak lagi informasi yang bermamfaat atau berguna tentang Alexa Site Audit. Tapi cukup itu saja yang bisa saya gambarkan. Untuk lebih lengkapnya, silahkan sobat blogger langsung mengunjungi situs Alexa tentang Alexa Site Audit.

Jumat, 16 Maret 2012

Recent Post Widget No Thumbnail

Recent Post Widget,Recent Post Widget No Thumbnail, Widget Blog, Recent Post Widget Sederhana, Recent Post Widget Simpla

Tidak sedikit dari blog-blog yang ada di Indonesia memasang Widget Recent Post pada blog mereka. Ada yang pasang Recent Post Widget dengan Thumbnail (Recent Post Widget yang menampilkan gambar) atau Recent Post Widget No Thumbnail (Tanpa gambar). Sebenarnya, mana sih yang lebih bagus antara Recent Post Widget No Thumbnail dan Recent Post Widget dengan Thumbnail? Dua-duanya sama. Tergantung dari yang punya blog, apakah mau yang pake gambar atau tidak. Kalau kemarin saya memberikan tutorial blog tentang Cara Membuat Recent Post Animasi, Cara Membuat Recent Post dengan Thumbnail Widget, sekarang tentang cara membuat Recent Post Widget No Thumbnail.

Cara Buat Recent Post Widget :
  • Sign In di http://www.blogger.com
  • Pada Dashbor klik Design
  • Klik Add a Gadget dan HTML/Java Script
  • Copy kode di bawah ini dan paste pada kolom yang tersedia
<script style="" src="http://jimmyjackbob.googlepages.com/Recent_posts_widget_blogger.js"></script><script style="">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://bloggertutorialblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
  • Klik Simpan

Tambahan :
  1. Ganti http://bloggertutorialblog.blogspot.com/ dengan URL blog sobat
  2. numposts = 10 adalah jumlah Post yang akan di tampilkan, Silahkan sobat blogger sesuaikan

Kamis, 15 Maret 2012

Informasi Seputar W3C

World Wide Web Consortium,w3c,apa w3c,siapa w3c,tentang w3c,misi w3c,visi w3c

The World Wide Web Consortium (W3C) adalah komunitas internasional yang berkembang dengan standar terbuka untuk memastikan pertumbuhan jangka panjang dari suatu Web.

W3C Misi :
Misi W3C adalah memimpin World Wide Web secara maksimal dengan mengembangkan protokol dan pedoman yang memastikan pertumbuhan jangka panjang dari Web. Di bawah ini kami membahas aspek penting dari misi ini, yang semuanya visi W3C lebih lanjut tentang Satu Web.

Prinsip
Berikut prinsip-prinsip kerja Pedoman W3C.

Web untuk Semuanya
Nilai sosial dari Web adalah bahwa hal itu memungkinkan komunikasi manusia, perdagangan, dan kesempatan untuk berbagi pengetahuan. Salah satu tujuan utama W3C adalah untuk membuat manfaat ini tersedia bagi semua orang, apapun perangkat keras mereka, perangkat lunak, infrastruktur jaringan, bahasa asli, budaya, lokasi geografis, atau kemampuan fisik atau mental.

Web untuk Segalanya
Jumlah berbagai jenis perangkat yang dapat mengakses Web telah berkembang dengan sangat pesat. Mobile phones, smart phones, personal digital assistants, interactive television systems, voice response systems, kiosks dan bahkan peralatan domestik tertentu bisa mengakses Web.

Visi W3C
Visi W3C untuk Web melibatkan partisipasi, berbagi pengetahuan, dan dengan demikian membangun kepercayaan dalam skala global.

Web untuk interaksi yang beraneka Ragam
Web ini diciptakan sebagai alat komunikasi dimaksudkan untuk memungkinkan siapapun, dimanapun untuk berbagi informasi. Selama bertahun-tahun, Web adalah "read-only" alat bagi banyak orang. Blog dan wiki membawa penulis lebih ke Web, dan jaringan sosial muncul dari pasar berkembang untuk konten Web dan pengalaman pribadi. Standar W3C telah mendukung evolusi ini untuk arsitektur yang kuat dan prinsip-prinsip desain.

Web Data dan Layanan
Beberapa orang melihat Web sebagai repositori raksasa data terkait sementara yang lain sebagai satu set raksasa layanan yang bertukar pesan. Dua pandangan saling melengkapi, dan yang menggunakan sering tergantung pada aplikasi.

Web of Trust
Web telah mengubah cara kita berkomunikasi satu sama lain. Dalam melakukannya, itu juga memodifikasi sifat hubungan sosial kita. Orang-orang sekarang "bertemu di Web" dan melaksanakan hubungan komersial dan pribadi, dalam beberapa kasus tanpa pernah bertemu secara pribadi. W3C mengakui bahwa kepercayaan adalah sebuah fenomena sosial, tapi desain teknologi dapat menumbuhkan kepercayaan dan keyakinan. Sebagai gerak lebih banyak aktivitas on-line, maka akan menjadi lebih penting untuk mendukung interaksi yang kompleks antara pihak di seluruh dunia.

Rabu, 14 Maret 2012

Membuat Google Translate Bendera Berbayang

Membuat Google Translate Bendera, Icon Bendera, Google Terjemahan, Widget

Widget Google Translate yang saya tawarkan hari ini adalah widget Google Translate ke empat setelah Widget Google Translate Sederhana, Widget Google Translate Bendera Bergerak, Widget Google Translate Pin Bendera. Widget ini terlihat indah pada blog yang mempunyai background cerah atau terang. Nah... kalau blog sobat mempunyai background cerah, apa yang di tunggu? Langsung pasang widget ini di blog sobat.

Cara buat Widget Google Translate Bendera Berbayang
  • Sign In di http://www.blogger.com
  • Pada Dashbor klik Design
  • Klik Add a Gadget dan HTML Java Script
  • Copy kode di bawah ini dan paste pada kolom yang tersedia
<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><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Italian" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Dutch" width="30"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Korean" width="30"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="27">
  • Klik Simpan

Hasilnya akan terlihat seperti di bawah ini

     
English German Spain Italian Dutch

Russian Japanese Korean Arabic Chinese Simplified
 

TUTORIAL BUAT BLOG Copyright © 2012 -- Powered by Blogger