Skip to main content

Posts

Showing posts from April, 2014

Cara memasang widget musik di Pommycity

Di kesempatan kali ini saya mencoba memberikan panduan untuk memasang musik di blog/webpage sehingga sewaktu ada pengunjung yang membaca postingan anda, bisa sambil mendengarkan musik.

langsung saja berikut ini caranaya :
Pertama-tama kita mengambil link musik yang ingin kita pasang, silahkan kunjungi https://soundcloud.com jika belum terdaftar silahkan login dengan facebook atau G+.silahkan cari musik yang ingin anda gunakansetelah itu, klik Share
lalu pilih EMBED untuk mengammbil linknya..
copy link seperti gambar dia atas.kembali ke website, silahkan login terlebih dahulu, lalu pilih BlOCKS di menu PreferenceSilahkan buat Block Name, dan untuk di block Content pastekan Link yang tadi di copy di EmbeD          contoh :
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/15227601&auto_play=false&hide_related=false&visual=true">…

Cara Mudah Mengganti Favicon Blog

Apa yang dimaksud Favicon? Favicon merupakan ikon/gambar yang muncul di pojok kiri address bar yang disertakan pada hampir semua situs web atau blog sekaligus merupakan logo dari blog tersebut. Seperti contoh dibawah ini :

Ukuran gambar yang dipakai usahakan tidak lebih dari 100KB atau Anda bisa meng-upload gambar terlebih dahulu di FavIcon from Pics, berikut cara meng-uploadnya :
Kunjungi situs http://www.html-kit.com/favicon/ Pada Create a Favicon from any picture, klik 'Browse'. Kemudian klik 'Generate FavIcon.ico' Setelah itu jika Anda menginginkan favicon animasi, download dalam format gif dan simpan gambar. Kemudian upload gambar pada free image hosting dan ambil link gambarnya, atau bisa Anda lihat caranya disini.
Bagaimana cara memasang Favicon di Blog? Selanjutnya kita akan memasang favicon pada blog, berikut langkah-langkahnya :

Cara pertama :

Login akun blogger Anda. Pilih 'Tata Letak' pada menu dropdown. Klik 'Edit' di bagian Favicon, li…

Cara Mudah Mengubah Ukuran Halaman Blog 2014

Template blog hasil download, biasanya ukuran halaman posting, sidebar,dll seringkali tidak sesuai dengan keinginan kita. Tapi jangan khawatir pada kesempatan ini kita akan membahas cara mengubah ukuran halaman blog.
Berikut simak cara mengubah ukuran halaman blog: Login akun blogger Anda. Pilih Template > Edit HTML > klik Expand Template Widget. Untuk menghindari kesalahan yang tidak diinginkan dalam mengedit, download terlebih dahulu template blog Anda. Cari kode seperti dibawah ini untuk mengubah ukuran header: #header-wrapper{width:970px;margin:0 auto 0;height:60px;padding:34px 0px 34px 0px;overflow:hidden;} Ganti ukuran header 970px sesuai dengan keinginan Anda. Cari kode seperti dibawah ini untuk mengubah ukuran lebar halaman: #outer-wrapper{width:970px;margin:10px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;background:url( ... ) Ganti ukuran lebar halaman 970px biasanya harus sesuai dengan header. Cari kode seperti dibawah ini untuk mengubah ukuran halam…

Cara membuat widget artikel terbaru dengan gambar dan scroll bar

Kali ini penulis ingin memberikan satu cara lagi membuat widget yang keren dan tentunya sangat berguna lainnya yaitu widget Artikel Terbaru atau sering disebut dengan Recent post. Widget yang dibahas disini tentunya memliki tampilan yang begitu indah, menarik, bagus, keren, dan bisa menarik perhatian pengunjung. Jika anda bingung silahkan lihat salah satu widget yang ada di sebelah kanan blog ini dengan judul Artikel Terbaru dan itu widget yang akan dibahas disini. Jika anda belum begitu jelas bisa anda lihat gambar widgetnya di bawah ini. Langkah pembuatan : Pertama seperti biasa anda harus login dulu akun blogger anda. Setelah itu Pilih Tata letak. Lalu pilih Tambahkan Gadget. Setelah itu pilih HTML/Javascript. Kemudian masukkan kode dibawah ini<div style="border: 1px solid #00008B;overflow: auto;width:ancho;height:300px; padding: 10px;">
<ul>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://4.bp.blogspot.com/-aa3bxaLOLSw/UbW…

Cara Membuat Tulisan Berjalan di Sidebar

Selamat Siang semuanya, apa khabar semuanya, moga-moga semua  dalam keadaan sehat walafiat dan masih dalam lindungan Nya :a; Amin
Sekarang saya akan mencoba berbagi tentang Cara Membuat Tulisan Berjalan di Sidebar :z;
untuk Demo kawan bisa lihat disini
Langsung saja ke Caranya :
Masuk ke Account Blogger dengan ID kawan Pada Dasbor pilih Tata Letak - Tambah GadgetPada HTML / JavaScript pilih tanda (+) Copas script berikut kedalamnya  <script language="JavaScript"> var max=0; function textlist() { max=textlist.arguments.length; for (i=0; i<max; i++) this[i]=textlist.arguments[i]; } tl=new textlist ( " SUATU KEBANGGAAN APABILA DENGAN BERBAGI KAMI DAPAT MEMBANTU KAWAN....!!! " // Geben Sie hier den zu scrollenden Text ein ); var x=0; pos=0; var l=tl[0].length; function textticker() { document.tickform.tickfield.value=tl[x].substring(0,pos)+"_"; if(pos++==l) { pos=0; setTimeout("textticker()",1000); x++; if(x==max) x=0; l=tl[x].length; } e…

Cara Membuat Widget Follower,Twitter dan Fan Page Facebook Melayang di Blog

Sobat semua apakah tertarik dengan Cara Membuat Widget Follower,Twitter dan Fan Page Facebook Melayang di Blog? hal ini dilakukan guna menghemat ruang halaman pada blog kita. Widget ini merupakan widget yang sangat menarik karena widget ini bisa melayang sekaligus 3 ... lihat gambar di bawah ini : 








Langsung saja ikuti langkah-langkah di bawah ini untuk Cara Membuat Widget Follower,Twitter dan Fan Page Facebook Melayang di Blog :


1.Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman/Tata Letak > Add gadget (HTML/Javascript).
2.Copy script master widget dibawah ini dan paste pada gadget.
<style type="text/css"> .barrightblogger{ background:url('http://1.bp.blogspot.com/-M5A-TLdB58E/TpOxL5GAReI/AAAAAAAAAN0/gEa0HRqhX4k/blogger.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;} .barrightbloggerc{ background:url('http://2.bp.blogspot.com/-gQ9PACjKc2I/TpOxMv4CyiI/AAAAAAAAAN8/F…

Memasang Widget Jejaring Sosial Melayang di Blog

Banyak blogger (termasuk saya) yang mempromosikan blognya di berbagai situs sosial media. Sebut saja Facebook dan twitter, ke dua sosial media ini memang sudah mendunia dan memiliki banyak peminatnya. Tetapi, tidak hanya itu saja jejaring sosial media yang ada di dunia. Masih banyak lagi sosial media yang ada dan bisa anda manfaatkan untuk mempromosikan blog anda.
Semakin banyak oran yang melakukan aktivitas di jejaring sosial media, maka semakin banyak pula perkembangan-perkembangan yang terjadi di dunia blogging. Salah satunya adalah tombol share yang ada di sebuah website atau blog. Semakin maju saja bukan? sekarang tombol sosial media tersebut sudah menjadi hal wajib yang harus di miliki oleh sebuah blog atau website.
Oleh karena itu, pada artikel saya tentang Widget ini, saya akan membagi informasi tentang "Cara Memasang Widget Jejaring Sosial Keren Melayang di Blog". Widget saya kali ini lebih tepatnya menempel di sidebar blog saudara. Tapi kalau saudara …

cara membuat slide show di header blog

Langsung saja pada langkah-langkah pembuatan Content Slider Image otomatis ini :

Langkah pertama, Anda mesti login ke blogger dengan akun AndaPilih blog yang ingin anda tambahkan slider image ini.Setelah itu masuk ke template >> Edit HTML, kemudian centang expand widget templatesUntuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.Langkah berikutnya, letakkan kode berikut ini diatas kode ]]></b:skin> :#featuredContent{float:left;width:407px;margin-right:10px;display:inline}
#featured-slider{position:relative;overflow:hidden;width:407px;height:245px}
#featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png)}
#featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px}
#featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform…