Posted in
Labels:
Widget
| Friday, December 30, 2011
[ 5:04 PM ]
Satu lagi kreasi orisinil dari MonozCore buat sobat blogger, yaitu Widget Feed TV One yang unik dan keren... Widget ini menampilkan informasi berita di tanah air yang uptodate. Widget ini terdiri dari versi streaming dan versi rss feed, sobat blogger tinggal pilih mana yang sobat suka.
TV One Streaming
Cara Pasang Widget
- Seperti biasa...Login dahulu ke blog sobat.
- Klik "Design" kemudian klik "Add New Gadget" setelah itu pilih "HTML/JavaScript".
- Copy-Paste kode HTML dibawah ini ke kotak postingan gadget.
- Klik "Save" dan lihat hasilnya.
TV One rss feed
- Seperti biasa...Login dahulu ke blog sobat.
- Klik "Design" kemudian klik "Add New Gadget" setelah itu pilih "HTML/JavaScript".
- Copy-Paste kode HTML dibawah ini ke kotak postingan gadget.
- Klik "Save" dan lihat hasilnya.
Gimana sobat kerenkan widgetnya... Mohon cendolnya yaa biar kreasinya tambah keren dan bermanfaat. Buat yang masih bingung seputar pemasangan widget ini silakan tanyakan melalui kotak komentar...
.:Semoga Bermanfaat:.
Posted in
Labels:
Blog Code
| Sunday, December 25, 2011
[ 4:57 PM ]

Satu lagi tips untuk membuat tampilan blog semakin asik dan ciamik. Biasanya dibagian bawah postingan blog terdapat link teks older post, home dan new post, nah...biar tambah siip link teks tersebut kita rubah dengan gambar atau icon yang bisa menambah daya tarik pengunjung blog. Trik ini biasa digunakan pada kebanyakan blog profesional selain menambah daya tarik, fungsi dari link ini akan menjadi optimal untuk pengunjung blog dalam menavigasi halaman blog...Tertarik ???
Oke buat sobat blogger yang ingin mencoba trik ini, silakan ikuti langkah-langkahnya:
- Login ke blog sobat.
- Klik "Design" kemudian klik "Edit HTML".
- Centang "Expand Widgets Templates' box".
- Untuk New Post cari kode di bawah :
Ganti baris kode diatas yang berwarna merah "<data:newerPageTitle/>" dengan kode "<img src="https://lh6.googleusercontent.com/-IziINC7s6GQ/Tuzccf9A2uI/AAAAAAAAAps/PFr6yRf0qrU/s800/newer.png"/>".
-
Untuk Older Post cari kode di bawah :
Ganti baris kode diatas yang berwarna merah "<data:olderPageTitle/>" dengan kode "<img src="https://lh3.googleusercontent.com/-r5VoIEqftOU/TuzccGz-qHI/AAAAAAAAApk/uj9eaSLXjDc/s800/older.png"/>".
-
Untuk Home cari kode di bawah :
Ganti baris kode diatas yang berwarna merah "<data:homeMsg/>" dengan kode "<img src="https://lh5.googleusercontent.com/-VT8oIwD29fM/TuzccRxbilI/AAAAAAAAApo/CXseXZcy8Ww/s800/home.png"/>".
-
Gunakan CTRL+F untuk memunculkan search bar browser agar lebih mudah untuk mencari kode-kode di atas. Cukup ketikan newerPageUrl, olderpageUrl dan homepageUrl untuk mempercepat pencarian.
- Untuk menggunakan gambar / icon sendiri, sobat blogger cukup mengganti link URL gambar / icon yang sobat inginkan.
- Klik "Save" dan lihat hasilnya...
.:Semoga Bermanfaat:.
Posted in
Labels:
Blog Code
| Saturday, December 24, 2011
[ 4:52 PM ]
Biasanya pada template blog standar terdapat link Subscribe to: Posts (Atom) pada area footer blog. Link ini sama fungsinya dengan subscribe by email yang ada di feedburner. Jika sobat blogger sudah beralih ke layanan feedburner ada baiknya link Subscribe to: Posts (Atom) dihapus saja biar ga nyumpekin area footer... Selain itu link ini sudah jarang digunakan lagi...
Buat sobat blogger yang pengen menghapus "Subscribe to: Posts (Atom)" dari template blognya silakan disimak trik berikut ini...
- Login ke blog sobat.
- Klik "Design" kemudian klik "Edit HTML".
- Centang "Expand Widgets Templates' box".
- Cari kode seperti yang ada di bawah ini.
- Hapus baris kode yang berwarna merah "<b:include data='feedLinks' name='feedLinksBody'/>"
- Klik "Save" dan lihat hasilnya...
.:Semoga Bermanfaat:.
Posted in
Labels:
Widget
| Thursday, December 22, 2011
[ 9:02 AM ]
Beberapa waktu lalu saya membuat postingan artikel static recent post, kali ini saya akan membahas tentang cara membuat
animated recent post atau postingan artikel terbaru yang dinamis. Sebagai contoh, bisa dilihat pada sidebar blog
MozWidget atau pada contoh
animated recent post di bawah ini.
Bagaimana cara membuat animated recent post ini ??? gampang, silakan disimak infonya...
- Login ke blog sobat.
- Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
- Copy - Paste kode di bawah ini kemudian letakan di konten gadget.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2" type="text/javascript"></script>
<style type="text/css" media="screen">
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:250px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://1.bp.blogspot.com/_AstD3fky-O0/TPqUOD822nI/AAAAAAAAALU/IqHlrBo0W6Y/s1600/bdlab-blogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://monozcore.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>
<div id="spylist">
<script src='http://monozcore-project.googlecode.com/files/recentpostthumbspylist.js' type='text/javascript'></script>
</div>
<div align="center">
<span style="font-size:80%;"><a href="http://monozcore.blogspot.com/2011/11/static-recent-post-with-image.html" target="blank">Get This Widget</a></span>
</div>
- Sesuaikan kode diatas yang berwarna merah agar sesuai dengan tampilan blog sobat.
boxwidth = 255; // Lebar kotak widget
borderColor = "#232c35"; // Warna pembatas
numposts = 10; // Jumlah postingan yang ditampilkan
home_page = "http://monozcore.blogspot.com/"; // Alamat URL blog (NB: gunakan "/" pada akhir alamat seperti contoh diatas)
- Klik "Save" dan lihat hasilnya.
.:Semoga Bermanfaat:.
Posted in
Labels:
JavaScript
| Tuesday, December 20, 2011
[ 12:46 AM ]
Membuat kesan dinamis dan unik kepada pengunjung blog merupakan suatu keharusan jika ingin mendapatkan trafik pengunjung yang bagus... Salah satu cara untuk membuat kesan dinamis yang unik adalah dengan membuat script alert ucapan selamat seperti ucapan selamat natal & tahun baru yang secara otomatis akan muncul pada tanggal 25 Desember dan 1 Januari. Selain alert ucapan selamat script ini juga akan memunculkan efek kembang api pada blog sobat biar tambah rame & seru... Oke bro, buat yang tertarik langsung aja ke TKP.
Cara Pemasangan
- Seperti biasa login dulu ke blogger.com
- Klik "Design" kemudian klik "Edit HTML".
- Cari kode </Head> kemudian copy-paste kode di bawah ini diatas kode </Head>.
- Klik "Save" dan lihat hasilnya pada tanggal 25 Desember dan 1 Januari...
Gimana kerenkan !!! Oke bro semoga postingan artikel kali ini bisa bermanfaat... Jangan lupa koment-nya ya...
Posted in
Labels:
Information,
Widget
| Sunday, December 18, 2011
[ 7:19 PM ]
Satu lagi widget rss feed berita yang sumbernya saya ambil dari rss feed viva news, widget ini menggunakan rsspump untuk mengambil headline title viva news kemudian dengan sedikit polesan kode html untuk menambah daya tarik tampilan widget.
Cara Pasang Widget
- Seperti biasa...Login dahulu ke blog sobat.
- Klik "Design" kemudian klik "Add New Gadget" setelah itu pilih "HTML/JavaScript".
- Copy-Paste kode HTML dibawah ini ke kotak postingan gadget.
<style>
.bc_tickerlink, .bc_tickerarrow {text-decoration:none;color:white;}
</style>
<div style='color:#ffffff; width:99%;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px; text-align:left; overflow:hidden; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#619bb9; background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));'>
<table width=100%>
<tr><td width=18px><img src="https://lh3.googleusercontent.com/-rAkXacKHG5w/TunoeNZVvNI/AAAAAAAAAoY/lx35MlCM0Bg/s800/VivaNews_icon.png" /></td>
<td width="10" style="vertical-align: top;" ><a id="TickerPrevBC10052066" href="javascript: ;" onclick="PrevTickerBC10052066();" class="bc_tickerarrow" style="text-decoration: none; ">«</a></td>
<td id="TickerContentBC10052066" class="bc_tickercontent" style="vertical-align: top;">
<a id="TickerLinkBC10052066" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC10052066" class="bc_tickertitle" ></span></b></a> <span id="TickerSummaryBC10052066" class="bc_tickersummary" ></span>
</td>
<td width="10" style="vertical-align: top;" ><a id="TickerNextBC10052066" href="javascript: ;" onclick="NextTickerBC10052066();" class="bc_tickerarrow" style="text-decoration: none; ">»</a></td>
<!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->
<noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>
<script id="scr10052066" type="text/javascript"></script>
<script type="text/javascript"> /* <![CDATA[ */
setTimeout('document.getElementById(\'scr10052066\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//rss.vivanews.com/get/all&changedelay=8&maxitems=-1&showsummary=0&objectid=10052066\'', 500);
/* ]]> */ </script>
</tr>
</table>
</div>
- Tempatkan widget ini di atas / di bawah postingan artikel agar terlihat rapih.
- Klik "Save" dan lihat hasilnya.
.: Semoga Bermanfaat :.
Posted in
Labels:
Image,
Information
| Thursday, December 15, 2011
[ 10:06 AM ]
Punya blog ?, Orang Indonesia ?, neeh logo wajib n penting yang pasti indonesia banget dech... kalo saya pake pic gatot kaca aja, buat temen2 blogger dah saya kumpulkan pic logo yang unik & keren buat dipasang di blognya... cekidot kumpulan logo di bawah ini... silakan dipilih yang mana sobat suka...
.:Semoga Bermanfaat:.
Posted in
Labels:
Blog Code,
JavaScript
| Tuesday, December 13, 2011
[ 12:03 AM ]

Selamat Pagi Info unik & keren kali ini adalah tentang Membuat Ucapan Selamat Berdasarkan Waktu di Postingan Artikel. Ide awalnya sich saya ambil dari script alert box selamat datang kemudian saya modifikasi untuk membuat otomatisasi ucapan selamat seperti "Selamat Pagi, Siang atau Malam" di dalam postingan artikel biar artikelnya terlihat dinamis dan up-to-date. Coba sobat perhatikan paragraf pertama tulisan dengan latar belakang kuning, ucapan selamat akan menyesuaikan dengan tampilan waktu di sebelahnya. Ucapan selamat yang ditampilkan yaitu Selamat Pagi, Selamat Siang, Selamat Sore dan Selamat Malam sesuai dengan waktu komputer saat ini.
Kode script ini cukup unik selain memberikan ucapan selamat, script ini juga memberikan interaksi kepada pengunjung saat pertama kali membaca postingan artikel sobat blogger. Postingan artikel akan terlihat dinamis ditambah dengan konten blog yang menarik akan memberikan pengalaman unik di setiap postingan artikel sobat blogger.
Oke... buat yang tertarik monggo, silakan dipasang aja kode javascriptnya di bawah kode
<Head> atau bisa juga disisipkan langsung di dalam artikel. Untuk penggunaan tinggal tambahkan kode [
id="salam" ], contoh
<span id="salam">Selamat</span>. Ingat !!! jangan menaruh teks di dalam tag tersebut cukup teks awal saja, misalnya
Selamat karena teks yang ada di dalam tag tersebut akan dirubah menjadi teks ucapan salam sesuai dengan waktu.
Cara Pemasangan
- Login ke blog sobat.
- Klik "Design" kemudian klik "Edit HTML".
- Cari kode <Head> kemudian copy-paste kode di bawah ini tepat di bawah kode <Head> atau
bisa juga ditempatkan/disisipkan langsung di dalam artikel.
- Untuk penggunaan cukup pasang kode <span id="salam">Selamat</span> di dalam postingan artikel pada mode "Edit HTML".
- Kode script ini menghasilkan ouput teks di dalam tag HTML oleh karenanya biar lebih unik lagi sobat blogger bisa menambahkan kode Style CSS di dalam tag tersebut.
Contoh :
<span id="salam" style="-moz-box-shadow: 0pt 1px 10px rgb(0, 255, 0); background: -moz-linear-gradient(center top , rgba(255, 255, 204, 0.9), rgba(255, 255, 0, 0.9)) repeat scroll 0% 0% transparent; border: 2px outset rgb(0, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em; overflow-x: hidden; overflow: auto; text-align: left; ">Selamat Datang</span>
Saya kira sampai disini sobat sudah paham mengenai penggunan dan
pemasangan script ini, jangan lupa cendolnya yaa... supaya saya bisa
semangat memberikan info unik dan menarik lainnya...
.:Semoga Bermanfaat:.
Posted in
Labels:
Blog Code,
JavaScript
| Saturday, December 10, 2011
[ 6:47 PM ]
Drag and Drop Object Script yaitu script untuk menggerakan object HTML seperti tag img, tag div, tag table dan tag HTML lainnya. Sebagai contoh coba anda tekan dan tahan tombol klik kiri pada gambar garuda diatas kemudian anda gerakan mouse anda dan perhatikan apa yang terjadi. Gambar garuda diatas telah berubah posisi sesuai dengan drop anda terakhir. Wahh makin keren kan info-nya... so stay tuned terus ya di blog ini biar tambah ilmu bloggingnya... Oke sekarang kita lanjutkan ke TKP.
Cara Pemasangan
.:Semoga Bermanfaat:.
Posted in
Labels:
JavaScript
| Friday, December 9, 2011
[ 11:06 AM ]
Buat sobat blogger yang punya tema template berlatar belakang gelap, nich ada script unik yang keren banget efek hantu terbang. Script ini akan menampilkan gambar hantu holloween yang sedang beterbangan secara random di blog sobat. Untuk melihat previewnya silakan lihat di
MozWidget Blog.
Script ini menggunakan javascript dan 3 gambar yang mempunyai ukuran 144 pixel sehingga tidak akan memberatkan waktu loading blog sobat. Script efek hantu beterbangan secara default menggunakan 3 gambar hantu holloween yang keren dan unik. Gambar hantu bisa disesuaikan dan juga bisa menggunakan lebih dari 3 gambar. Buat yang tertarik memasang script ini saya sarankan hanya di pasang pada halaman utama saja biar tidak menggangu pengunjung blog apabila membaca artikel keseluruhan di blog sobat.
Cara Pemasangan
- Login ke blog sobat.
- Klik "Design" kemudian klik "Edit HTML".
- Cari kode </Head> kemudian copy-paste kode dibawah ini tepat diatas kode </Head>.
- Kode "<b:if cond='data:blog.url == data:blog.homepageUrl'>...</b:if>" merupakan kode blog yang berfungsi untuk menampilkan kode tertentu hanya pada halaman utama saja. Untuk mempelajari kode blog lebih lanjut silakan baca artikel tentang Jenis dan Fungsi Kode Untuk Mengatur Tampilan Widget BlogSpot.
- Kode "JSFX.AddGhost("URL link gambar");"merupakan kode script untuk mendeklarasikan array gambar. Untuk menambah gambar silakan tambahkan baris kode script ini pada script diatas.
- Kode "https://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png" merupakan kode URL link gambar yang digunakan. Untuk merubah gambar silakan ganti baris kode ini dengan URL link gambar yang ingin digunakan.
- Klik "Save" dan lihat hasilnya...
.:Selamat Mencoba:.
Posted in
Labels:
Blog Code
| Wednesday, December 7, 2011
[ 10:56 PM ]
Trik membuat select all dengan alert box menggunakan tombol KLIK yang dipasang pada text area ataupun div area. Trik ini menggunakan script select all dan alert code yang memungkinkan setiap pengunjung cukup sekali melakukan KLIK pada button yang disediakan, kemudian secara otomatis semua yang tertulis dalam area tersebut akan terseleksi semua sehingga pembaca atau pengunjung tinggal menekan tombol copy (Ctrl + C). Kode script ini sangat sederhana dan dapat berfungsi dengan baik disemua browser.
.:Semoga Bermanfaat:.
Posted in
Labels:
Image,
JavaScript,
Widget
| Tuesday, December 6, 2011
[ 4:07 PM ]
Tampilan blog yang dinamis merupakan salah satu trik untuk membuat pengunjung blog menjadi betah. Blog yang dinamis juga merupakan suatu keharusan jika ingin mendapatkan trafik pengunjung yang signifikan. Salah satu trik membuat tampilan blog yang dinamis adalah membuat gambar latar belakang blog bisa berubah secara otomatis perhari. Wah pasti penasaran dong koq bisa ???, Oke buat yang penasaran dan masih bingung saya berikan ilustrasinya sebagai contoh jika anda sering berkunjung ke blog MonozCore coba sobat perhatikan gambar latar belakang blog ini, secara dinamis gambar latar belakang blog akan berganti setiap hari. Jika anda lakukan secara manual pasti akan sangat melelahkan untuk itu saya berikan script khusus untuk merubah gambar background blog berdasarkan hari secara otomatis.
Cara Pemasangan
- Login ke blog sobat.
- Klik "Design" kemudian klik "Edit HTML".
- Cari kode </Head> kemudian copy-paste kode dibawah ini tepat diatas kode </Head>.
- Kode "https://lh3.googleusercontent.com/-04lzd9_psfo/TokcwJa9msI/AAAAAAAAAWg/KT5eFEjocxw/s800/BlueNebula.jpg"
merupakan kode URL link gambar yang digunakan. Untuk merubah gambar
silakan ganti baris kode ini dengan URL link gambar yang ingin
digunakan.
- Klik "Save" dan lihat hasilnya...
.:Selamat Mencoba:.
Posted in
Labels:
AdSense,
JavaScript
| Sunday, December 4, 2011
[ 4:03 PM ]
Banner Rotation merupakan alternatif animasi gambar selain animasi gambar GIF dan animasi Flash. Banner Rotation ini menggunakan kode javascipt, jadi tidak akan membuat lambat waktu loading blog. Kode javascript Banner Rotation yang saya gunakan merupakan hasil modifikasi dari script Banner Rotation yang ada di scriptmania.com.
Pada info unik kali ini untuk menggunakan javascript Banner Rotation saya akan memberikan 2 cara pemasangannya, yaitu :
Cara 1 :
Cara ini menggunakan pemasangan javascript langsung di blog. Cara ini saya anggap kurang efektif tapi untuk menambah informasi seputar blogging, jadi saya tetap akan memberikan cara pemasangannya. Lumayanlah buat tambahan ilmu blogging...
- Siapkan gambar yang akan dijadikan animasi. Dalam script ini saya menggunakan 3 gambar tapi kalo sobat mau menggunakan lebih dari 3 gambar, silakan saja.
- Taruh gambar tersebut ke hostingan gambar kemudian copy link URL masng-masing gambar tersebut.
- Ingat !!! Selalu buat full backup kode template sobat untuk menghidari hal-hal yang tidak diinginkan.
- Login ke blog sobat.
- Klik "Design" kemudian klik "Edit HTML".
- Cari kode </Head> kemudian copy-paste kode di bawah ini tepat di atas kode </Head>.
- Keterangan :
- Pada kode // Banner links merupakan URL link yang dituju.
- Pada kode // Banner images merupakan URL lokasi gambar.
- Cari kode <Body> kemudian ganti kode tersebut dengan kode di bawah ini.
<body onLoad="window.setTimeout('changeSponsor();',1500);">
- Copy-paste kode di bawah ini ditempat blog yang sobat inginkan.
<a href="javascript:surfToSponsor();"><img name="banner" SRC=""></a>
- Simpan dan lihat hasilnya...
Cara 2 :
Untuk cara yang ke-dua menggunakan trik iFrame. Cara ini lebih efektif karena sobat blogger tidak perlu merubah banyak kode apabila ada perubahan banner dan juga untuk menghindari kesalahan pemasangan script ini.
- Siapkan gambar yang akan dijadikan
animasi. Dalam script ini saya menggunakan 3 gambar tapi kalo sobat mau
menggunakan lebih dari 3 gambar, silakan saja.
- Taruh gambar tersebut ke hostingan gambar kemudian copy link URL masng-masing gambar tersebut.
- Ingat !!! Selalu buat full backup kode template sobat untuk menghidari hal-hal yang tidak diinginkan.
- Buat kode HTML halaman website seperti kode HTML di bawah ini. Untuk pembuatan halaman website bisa menggunakan program notepad. Buka notepad kemudian copy-paste kode di bawah ini ke dalam notepad. Klik tombol save pada notepad kemudian untuk pilihan "Save as File Type" pilih "All Files (*.*)". Beri nama file dengan akhiran extension "*.html", contoh: namaFile.html. Setelah file tersebut di simpan cari tempat hostingan file html seperti "http://pastehtml.com". Apabila file html sudah di simpan di tempat hostingan simpan lokasi URL file tersebut.
- Untuk pemasangan script sama seperti cara 1.
- Sesuaikan link yang dituju dan lokasi URL gambar.
- Tempatkan kode iFrame di bawah ini pada tempat di blog sesuai yang sobat inginkan.
- Ganti src iFrame yang berwarna biru dengan lokasi URL file html yang tadi sudah disimpan.
- Simpan dan lihat hasilnya...
.:Selamat Mencoba:.
Posted in
Labels:
Blog Code,
JavaScript
| Saturday, December 3, 2011
[ 4:09 PM ]
Animasi highlight text warna yang keren seperti contoh diatas. Animasi highlight text warna ini menggunakan kode javascript sehingga tidak memberatkan waktu loading blog anda...
***** Cara Pemasangan *****
- Login ke blog anda.
- Klik "Design" kemudian klik "Edit HTML".
- Cari kode </Head> kemudian copy-paste kode di bawah ini diatas kode </Head>
- Copy-paste kode di bawah ini ditempat yang anda inginkan.
Catatan :
- Penempatan kode diatas harus di dalam kode <Body> kode HTML </Body>.
- Penempatan kode bisa sebagai Header, Tulisan Artikel atau pada teks yang ada di blog.
- Simpan dan lihat hasilnya.
.:Semoga Bermanfaat:.
Posted in
Labels:
Blog Code,
JavaScript
| Friday, December 2, 2011
[ 3:52 PM ]
Efek tampilan warna teks kalimat yang bisa berubah menjadi warna-warni dengan sensasi unik dan menarik. Dijamin pengunjung blog sobat bakalan "Oke-lah-kalo-begitu... Oke-lah-gw-follow... Gimana sich cara buatnya ???", "T-O-P-B-G-T". Buat sobat blogger yang pengen tau cara buatnya "Oke-lah-saya-jelasin".
Sebelum sobat blogger mencoba widget ini ada baiknya membuat backup
template blog sobat terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.
Pada dasarnya script ini terdiri dari 3 (tiga) bagian.
- Copy-Paste script di bawah ini sebelum kode </Head>.
Ganti tulisan http://monozcore.blogspot.com pada kode script di atas dengan tulisan yang sobat inginkan.
Copy-Paste script di bawah ini di antara TAG <Body> Script </Body> atau ditempat yang sobat inginkan pada halaman blog sobat.
- Silakan anda sesuaikan Style pada kode CSS di atas yang berwarna merah.
- font-size // Ukuran huruf.
- font-family // Jenis huruf.
- letter-spacing // Spasi huruf.
- font-weight // Jenis atribut huruf.
- text-align // Posisi huruf
- Simpan dan lihat hasilnya...
Gimana kerenkan infonya, untuk kritik, saran, pertanyaan maupun komentar silakan saja ditulis di kolom komentar. Akhir kata .:Semoga Bermanfaat:.
Posted in
Labels:
Widget
| Thursday, December 1, 2011
[ 5:45 PM ]
Keren...Keren...Keren... neeh widget twitter terbaru yang lagi hot menjelang akhir tahun 2011... Oke selagi hot widget ini saya beri nama Tweet Box Twitter (Registered Widget Name by MonozCore), berhubung maraknya copy-paste artikel jadi saya memutuskan untuk melindungi artikel ini dan nama widget ke RWN....
so buat sobat blogger yang sering copy-paste dihimbau untuk mencantumkan sumber artikel dan dilarang menghapus link "Get This Widget" pada widget Tweet Box Twitter ini...OK!!! Hehehe... becanda bro, saya cuma pengen hasil jerih payah saya 2 hari 2 malam membuat artikel ini tidak dimanfaatkan oleh plagiator artikel blog yang tidak bertanggung jawab...Okeh dech... jika setuju dengan syarat dan kondisi diatas silakan disimak infonya...
Pada dasarnya widget ini menggunakan API twitter terbaru (sumber:Paulund.co.uk) untuk memperoleh tweet sebuah blog yang kemudian dimodifikasi agar tampilan burung twitter seolah-olah bisa berkicau yang diilustrasikan dengan balon kata yang ada diatas gambar burung twitter. Widget ini juga bisa dijadikan feed dari suatu blog ataupun website yang terhubung ke twitter. Untuk illustrasi dan contoh bisa dilihat pada blog
MozWidget. Wahhh saya sudah mulai kehabisan kata-kata neeh, okelah biar cepat aja kita langsung ke TKP (Tempat Kopi Paste).
Sebelum sobat blogger mencoba widget ini ada baiknya membuat backup template blog sobat terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.
- Login ke blog sobat.
- Copy-Paste kode di bawah ini.
- Untuk penempatan widget silakan anda sesuaikan dengan template sobat, bisa sebagai gadget atau bisa juga sebagai widget di halaman blog.
- Jika anda ingin widget ini muncul di halaman depan blog saja silakan anda baca artikel saya mengenai Jenis dan Fungsi Kode Untuk Mengatur Tampilan Widget BlogSpot. Untuk trik yang satu ini sobat blogger membutuhkan pengetahuan tambahan mengenai kode HTML.
- Ganti tulisan monozcore yang berwarna merah pada kode di atas dengan nama akun twitter sobat.
- Jika anda menyukai widget ini mohon komentar dan Google+1 nya ya....Trims...
.:Selamat Mencoba:.