This is default featured slide 2 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured slide 3 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured slide 4 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured slide 5 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Jumat, 05 April 2013
Kamis, 21 Maret 2013
Kamis, Maret 21, 2013
No comments
Cara Membuat Daftar Lagu Di Blog
Banyak penyedia layanan Music Player untuk blog dengan berbagai macam model dan bentuk. Dan kali ini saya akan coba Share Widget Musik Player yang bentuknya toolbar yang bisa kita pasang diatas maupun dibawah blog. Kita akan menggunakan jasa gratis dari http://scmplayer.net/. Ini dia sedikit kelebihan yang diberikan dari web musik player gratis ini :
- Support Blogger, Wordpress, Tumblr
- Mp3, Mp4, RSS Podcast atau Youtube Playlist
- Compatible dengan Crome, Firefox, Opera, Safari, IE
- Desain bebas utk Custom Skin RSS
Tertarik untuk mencoba ? Langsung aja berikut cara memasang musik mp3 di blog kita:
Cara membuatnya cukup mudah hanya ada 3 Step: Choose Skin > Edit Playlist > Configure Settings
1. Pertama Choose Skin. Disini kita bisa memilih Toolbar Skin yang akan
kita pasang nantinya di blog atau kita bisa menggunakan Custom Skin CSS.
Sebagai contoh disini saya akan menggunakan Skin yang berwarna hitam,
seperti gambar dibawah ini:
2. Selanjutnya berlanjut pada Edit Playlist. Pada tahap ini kita bisa
menyusun Playlist lagu secara manual dengan memasukkan judul dan link
lagu yang bisa kita dapatkan di youtube, 4shared atau dari web penyedia
musik lainnya. Atau kita bisa memanfaatkan RSS Podcast dari Playlist
Youtube yang kita miliki. Bagi pengguna jasa Mbah Google pasti sangat
mudah utk mempunyai akun dari Youtube selain G+, Blogger, dll. Sebagai
contoh pemasangan disini saya akan memasang lagu secara manual dengan
memasang link lagu dari Youtube. Buka Youtube > pilih lagu yang
diinginkan. sebagai contoh saya pasang lagu dari Seconhandserenade - Is
There Anybody Out There. Ambil/copy Linknya dan pastekan di edit
playlist.
Terakhir klik Done utk mengambil kode scriptnya
4. Proses terakhir pemasangan pada blog. Sobat dapat memasangnya di
dalam Template HTML atau pada Add Gadget/HTML di tata letak. Copy kode
script'a dan pastekan dibawah <body> atau pada add gadget/HTML di
tata letak.
Kamis, Maret 21, 2013
No comments
Memasang Gadget Jam Flash Unik di Blog
Hallo Guys.... Apa kabar neeh. Ane punya koleksi jam digital kereen looh untuk blog kalian ada yang mau gak yaa? Neeh berikut tampilannya. Banyak looh... Tapi ini berformat flash jadi jam nya jangan dipasang banyak-banyak yaa entar loading blog jadi berat...1. Jam dan kalender
2. Jam silver berputar
3. Jam Analog plus digital
Kodenya ini:4. Clicking Digital Clock
Yang ini bisa bunyi lhoo kalo di klik
Kodenya ini:
5. Beautiful Analog Clock with Black outline
Kodenya ini:
6. Wooden Clock Light Brown Outline
Kodenya ini:
Cara memasangnya; Masuk akun blogger Dasbor > Tata Letak > Tambahkan Gadget
> Pilih HTML/Javascript Silakan copy masukkan kode di dalam
blockquote dalam kotak kuning di atas, lalau paste di form add gadget
tadi. Kalo mau meletakkan gadgetnya tepat ditengah silakan tambahkan
kode <div align="center"> ........ </div> contohnya;
<div align="center">
<object><param name="movie"
value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed
src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"
width="150" height="150" wmode="transparent">
</embed></object>
</div>
Kamis, Maret 21, 2013
No comments
Aplikasi Ramalan Cinta Buat Remaja
Halo apa kabar sobat blogger, Julak sourie punya koleksi gadget terbaru
neeh. Siapa tau ada yang mau pake. Namanya Gadget Ramalan Cinta si
Cupid, hehehe... Ada yang coba ngeramal hubungan cintanya dengan
seseorang, atau pacar sekarang, atau selingkuhan (ups gak boleh yaa) Gak
perlu ke dukun atau Deddy Corbuzier, cukup di sini aje.
Oke silakan masukkan nama kamu dan pasangan kamu di form yang tersedia.
Disini bisa saya kasih contoh adalah ramalan percintaan antara Surti Versus Tejo, xixixi... 100% looh cinta mereka.
Ini gadget ramalan cinta tampilan yang kedua
Cara pakainya masukkan aja nama kamu dan pasangan kamu lalu klik Calculate.
Atau sobat mau pasang di blog sobat bisa juga, berikut kodenya;
Ini gadget ramalan cinta tampilan yang kedua
Silakan atur tinggi dan lebar widget nya sendiri yaa...
Lihat kode yang berwarna merah height untuk ukuran tinggi dan width untuk lebar gadget.
Cara Pasangnya bisa di samping cukup masuk dasbor Tata letak > Tambahkan gadget > Html / javascript
Trus masukkin deh tuh kode.
Kalo mau pasang di postingan atau laman statis jangan lupa masuk ke menu HTML editor
Kamis, Maret 21, 2013
No comments
Apabila mencermati model kolom kotak komentar pada setiap blog yang kita
kunjungi, maka tidak jarang kita akan mendapati kolom kotak komentar
yang telah dimodifikasi dengan model kustom sehingga tampilannya menjadi
lebih menarik bila dibandingkan dengan tampilan kolom kotak komentar
yang diberikan oleh Blogger (termasuk kolom kotak komentar yang saya
gunakan pada blog ini). Namun
tahukah Anda, bahwasanya kita juga dapat melakukan modifikasi model
kolom kotak komentar standar yang diberikan oleh Blogger, sehingga
tampilannya tidak kalah menarik apabila dibandingkan dengan model
kustom.
Seperti yang kita tahu, bahwasanya selain dengan menggunakan model
kustom untuk mempercantik tampilan kolom komentar, selama ini yang
sering dilakukan hanyalah sebatas menambahkan scroll untuk kolom
komentar sehingga jika jumlah komentar cukup banyak, maka tampilan
halaman tidak terlalu panjang. Namun demikian tidak jarang pula
pengelola blog yang kurang memperhatikan tampilan kotak komentar
(membiarkan apa adanya sesuai dengan desain tampilan yang diberikan oleh
Blogger). Padahal dengan hanya menambahkan sedikit kode CSS tertentu ke
dalam template, maka desain tampilan kolom kotak komentar akan menjadi
lebih menarik (seperti halnya bila kita menggunakan model kustom).
Nah, untuk keperluan ini maka terlebih dulu yang perlu diperhatikan
adalah setelan untuk “Pos dan Komentar’ pada blog yang Anda kelola,
karena teknik ini hanya dapat diterapkan dalam setelan ‘Tersemat’.
Sehingga jika saat ini Anda belum menggunakan setelan ini untuk ‘Pos dan
Komentar’ blog yang Anda kelola, maka ubah terlebih dulu setelanya
dengan cara klik menu ‘Setelan’ > ‘Pos dan Komentar’ > kemudian pada pilihan ‘Lokasi Komentar’ gunakan pilihan ‘Tersemat’, seperti yang tampak pada gambar di bawah ini.
Sumber gambar: blogger.com
Apabila setelan untuk lokasi komentar telah diubah menjadi ‘Tersemat’,
maka langkah berikutnya buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’. Kemudian untuk mempermudah proses, cari kode ]]></b:skin> dan sisipkan kode berikut ini tepat di atasnya.
/*-------------------------------------------------------------- Kustomisasi Kolom Komentar Blogspot Oleh: Semar Bingung Blog: http://eltelu.blogspot.com/ --------------------------------------------------------------*/ .comments { padding: 4px; background: #eeeeee; border: 1px solid #999999; -moz-border-radius: 5px 5px 5px 5px; } .comments-content .comment-thread { padding: 4px; background: #ffffff; border: 1px solid #cccccc; } .comments .comments-content .comment { margin-bottom: 0px; padding-bottom: 0px; } .comments .comments-content .comment:first-child { padding-top: 0px; } .comments .avatar-image-container { height: 36px; padding-left: 4px; background: #ffffff; border: 1px solid #cccccc; -moz-border-radius: 3px 3px 3px 3px; } .comments .comment-block { padding-top: 4px; padding-bottom: 8px; padding-left: 4px; padding-right: 4px; background: #fcfcfc; border: 1px solid #cccccc; -moz-border-radius: 3px 3px 3px 3px; } .comments .comments-content .inline-thread { border: 1px solid #cccccc; -moz-border-radius: 3px 3px 3px 3px; } .comments .comments-content .comment-replies { margin-left: 48px; } .comments .comment .comment-actions a { margin-right: 4px; padding: 2px; background: #f3f3f3; border: 1px solid #cccccc; -moz-border-radius: 3px 3px 3px 3px; } .comments .continue a { padding: 2px; background: #f3f3f3; border: 1px solid #cccccc; } .comments .comments-content .datetime { float: right; margin-right: 4px; } .comments .comments-content .icon.blog-author { float: right; margin-right: 3px; } .comment-form { max-width: 100%; width: 100%; }
Setelah kode tersebut disisipkan dalam template, langkah berikutnya
simpan template Anda sehingga akhirnya model kolom komentar standar
Blogger tampilannya akan berubah menjadi seperti yang tampak pada gambar
di bawah ini.
Kemudian apabila Anda ingin menyesuaikan warna garis dan warna latar
yang digunakan pada kolom komentar tersebut dengan desain halaman blog
yang Anda kelola, maka Anda tinggal mengganti kode warna yang terdapat
pada kode border: dan background:, sebagai contoh misalnya yang terdapat dalam kode border: 1px solid #999999; dan background: #eeeeee;.
Semoga berguna dan bermanfaat.
Salam.
Rabu, 20 Maret 2013
Rabu, Maret 20, 2013
No comments
Awas..!!!! Ngeblog Juga Bisa Di Tilang
Seiring dengan berjalannya waktu dan berkembangnya suatu zaman membuat
manusia untuk mengikuti perkembangan tersebut,salah satu diantaranya
adalah membuat peraturan-peraturan yang sesuai dengan kebutuhan manusia
itu sendiri,di antara peraturan baru itu adalah tentang dunia
internet,dengan tujuan kenyamanan untuk semua pengguna internet.
Tertuang dalam surat keputusan atau SK dengan nomor 0001/SIM/NGEBLOG/DCRI/2013 tentang dunia cyber Menyatakan bahwa,setiap manusia yang menggunakan dan berperan di dalam dunia blogging harus mempunyai SIM atau Surat Ijin Mengeblog,Untuk pembuatan nya sementara hanya biasa melalui Departemen Cyber Republik Indonesia,dan apabila ketahuan tartangkap dan tidak memiliki SIM tersebut maka blogger tersebut akan DI TILANG dan akan di kenakan sangsi atau denda sampai hukuman di keluarkan dari dunia per blogger an sesuai dengan peraturan yang ada pada pasal-pasal yang sudah tertuang pada peraturan tersebut.
Tertuang dalam surat keputusan atau SK dengan nomor 0001/SIM/NGEBLOG/DCRI/2013 tentang dunia cyber Menyatakan bahwa,setiap manusia yang menggunakan dan berperan di dalam dunia blogging harus mempunyai SIM atau Surat Ijin Mengeblog,Untuk pembuatan nya sementara hanya biasa melalui Departemen Cyber Republik Indonesia,dan apabila ketahuan tartangkap dan tidak memiliki SIM tersebut maka blogger tersebut akan DI TILANG dan akan di kenakan sangsi atau denda sampai hukuman di keluarkan dari dunia per blogger an sesuai dengan peraturan yang ada pada pasal-pasal yang sudah tertuang pada peraturan tersebut.
Naahh,,,untuk sobat blogger semua yang memang belum memiliki SIM ( Surat
Ijin Mengeblog ) Saya sarankan untuk segera membuat nya,karena
hukumannya lebih besar daripada hukuman Google Panda,Google
Sandbox,Google Pingun bahkan masih lebih ganas dari Google Dyno,Karena kita bisa di lempar keluar dari dunia blogging selamanya.
Contoh SIM Salh Satu Sobat Saya |
Oke sobat semuanya,mungkin cukup sudah informasi saya ini tentang
peraturan baru dunia perbloggeran,dan saya harap dengan informasi saya
di atas,sobat tidak percaya dengan informasi tersebut,karena informasi
itu adalah hoax alias bohong,karena sampai saat ini juga memang belum
ada peraturan tersebut,bahkan mungkin PERATURAN itu tidak akan pernah
ada,oleh karenanya janganlah sobat blogger percaya dengan informasi saya
di atas,karena informasi itu hanya lah untuk hiburan semata tanpa ada
niat dan tujuan yang buruk.Terimakasih saya ucapakan untuk sobat semua yang telah sudi mampir di blog jelek saya ini.
SEMOGA BERMANFAAT...
Read more: http://harysukasuka.blogspot.com/2013/03/awas-ngeblog-juga-bisa-di-tilang.html#ixzz2O4u7syzT
Rabu, Maret 20, 2013
No comments
Cara Membuat Animasi Loading Pada Blog 2013
Mungkin
sobat blogger sudah pernah dengar,bahkan sudah pernah memasang atau
memang sudah pernah posting tentang sebuah animasi pada sebuah
blog,yaitu animasi loading yang jika kita membuka artikel satu ke yang
lainnya,animasi itu baru akan berfungsi.Seperti yang kita tahu bahwa
animasi ini Berbeda dengan Save Mode atau screen saver pada blog
yang memang hanya sebuah aksesoris saja,sedangkan untuk animasi loading
benar-benar bekerja sesuai lama atau cepatnya loading pada sebuah blog
tersebut,Sekedar informasi bahwa animasi loading ini saya gunakan punya Hack4rt karena
warna animasi nya bisa di rubah-rubah warnanya sesuai sengan selera
kita masing-masing,dan untuk kode yang lainnya saya gunakan milik om-dayz.Nah untuk cara pembuatannya sendiri adalah dengan cara edit template blog sobat dengan cara
Penyesuaian Warna untuk CSS
Tambahan dari saya, untuk yang ingin menyesuaikan warna loading nya dengan warna lain, karena saya memakai kode #00a3ff pada loading halaman. Jika ingin mengganti warna nya, lihat kode CSS loading halaman yang paling atas tadi dan ganti kode warna yang ditulis dengan warna birumuda dengan kode warna yang diinginkan,misalnya warna merah,hijau,kuning dan lain-lain.Untuk cari kode warnanya silahkan klik DISINI.
- Pertama Login ke akun blog sobat.
- Klik rancangan --> Edit HTML --> Centang kotak expand template widget (jangan lupa backup template dahulu)
- Kemudian Tambahkan KODE CSS Animasi Loading Blog di bawah ini tepat diatas ]]></b:skin>
#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;
border: 5px solid #00a3ff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 35px #00a3ff;
width: 50px;
height: 50px;
margin: 0 auto;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;
border: 5px solid #00a3ff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 15px #00a3ff;
width: 30px;
height: 30px;
margin: 0 auto;
position: relative;
top: -50px;
-moz-animation: spinoffPulse 1s infinite linear;
-webkit-animation: spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #00a3ff}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #00a3ff} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
- Kemudian Tambahkan JQuery ini diatas </head>, disini saya menggunakan Jquery versi 1.7.2 (Pasang jika belum ada Jquery di Template sobat)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
- Langkah terakhir, pasang Script dibawah ini diatas tag </body>
<div id='loadhalaman'>
<div class='loadball'></div>
<div class='loadball-2'></div>
</div>
<script type='text/javascript'>
$(function() {
var siteURL = "http://" + top.location.host.toString();
var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../']");
$internalLinks.click(function() {
$('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
});
// Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'
$('#loadhalaman').click(function() {
$(this).hide();
});
});
</script>
Penyesuaian Warna untuk CSS
Tambahan dari saya, untuk yang ingin menyesuaikan warna loading nya dengan warna lain, karena saya memakai kode #00a3ff pada loading halaman. Jika ingin mengganti warna nya, lihat kode CSS loading halaman yang paling atas tadi dan ganti kode warna yang ditulis dengan warna birumuda dengan kode warna yang diinginkan,misalnya warna merah,hijau,kuning dan lain-lain.Untuk cari kode warnanya silahkan klik DISINI.
Read more: http://harysukasuka.blogspot.com/2013/03/cara-membuat-animasi-loading-pada-blog.html#ixzz2O4sI8r81
Langganan:
Postingan (Atom)