Blog Setting Plus

ARTIKEL ASLI : http://monozcore.blogspot.com/p/blog-tools.html

Alllooo Moz's blogger kalo kata afika "ada yang baru nich...", yup aplikasi blog kreasi monozcore, yaitu Blog Setting Plus v1.04b. Aplikasi ini memperbolehkan pengunjung blog untuk mengganti warna latar belakang atau gambar latar belakang blog kita di browsernya. Tenang sob warna latar atau gambar latar hanya berlaku di browser pengunjung dan tidak akan mempengaruhi template asli blog kita. Aplikasi blog ini bertujuan agar pengunjung blog menjadi betah untuk mengunjungi blog kita karena dengan aplikasi blog ini pengunjung dapat menyesuaikan tampilan latar blog yang sesuai seleranya. Gimana...sob makin keren-kan kreasinya...hehehe :):) semua ini berkat dukungan dan bantuan dari sobat blogger monozcore... karenanya setiap postingan artikel di blog monozcore selalu diusahakan yang terbaik...

Sebelumnya saya informasikan yaitu aplikasi blog setting plus ini tersedia dalam dua versi, yaitu versi bebas dan versi berbayar. Blog Setting Plus kompatibel dengan browser yang sudah mendukung JavaScript, CSS 3, HTML 5 dan Cookie Enable, seperti Mozilla Firefox 3.6 atau lebih, IE 8 atau lebih, Opera 10 atau lebih, Safari 5 atau lebih dan Google Chrome 16 atau lebih. Aplikasi Blog Setting Plus merupakan aplikasi berbasis web yang dikembangkan oleh MonozCore.

Pada versi bebas settingan blog hanya untuk mengganti warna latar atau gambar latar dan juga atribut tanda versi bebas. Pada versi berbayar aplikasi blog setting plus memiliki berbagai setting yang atraktif untuk pengunjung blog dan atribut versi full version. Tenang sob untuk versi berbayar harganya ga mahal cuma 10 ribu rupiah per satu domain blog. Cara pembayaran gampang koq tinggal transfer melalui rekening bank atau paypal kemudian konfirmasi pembayaran dan setelah terkonfirmasi saya akan kirim kode full version dan scriptnya lewat email saat itu juga kemudian tinggal di taruh di blog kode scriptnya yang full version... gampang-kan... buat yang berminat silakan klik tombol pesan di bawah.

Buat sobat blogger yang ingin mencoba dahulu silakan disimak cara pemasangannnya... Okelah kalo begitu kita langsung menuju ke TKP...

Contoh :

Klik gambar untuk menampilkan Blog Setting Plus

Cara Penggunaan :

Kotak My Profile merupakan nama setting-an yang digunakan apabila hendak menyimpan hasil settingan.
Contoh : bondan, aries, blogku atau nama lainnya...
Icon Profile merupakan gambar icon 24x24 pixel untuk menandakan profil yang digunakan, untuk merubah icon profil klik gambar icon kemudian akan muncul url icon profil, setelah itu masukan link url gambar yang akan dijadikan icon, kalo bisa gunakan ukuran gambar tidak lebih dari 64x64 pixel atau ukuran default 24x24 pixel yang akan dijadikan icon.
Contoh : https://lh6.googleusercontent.com/-LCCRjDTc_Tw/T2zEu0R2llI/AAAAAAAABe4/q-u8va9G__8/s800/mario.png
Apabila browser pengunjung menggunakan Internet Explorer 8 atau lebih maka akan muncul kotak suara background yang akan memutar MIDI Sequence sebagai musik latar. Pengunjung blog bebas memilih MIDI Sequence yang akan digunakan, tinggal masukan url midi yang akan digunakan kemudian klik play dan save apabila ingin otomatis diputar ketika kembali mengunjungi blog kita.
Contoh : https://sites.google.com/site/monozcore/home/separuh%20nafasku.mid
Kotak Background Image merupakan link url untuk gambar latar belakang yang digunakan apabila pengunjung ingin mengganti gambar latar belakang blog yang sesuai dengan yang diinginkan pengunjung, caranya masukan link url gambar pada kotak url. Gambar yang ingin digunakan bebas dengan dimensi berapa saja. Gambar latar akan di strech sesuai dengan ukuran layar monitor pengunjung. Setelah memasukan link url gambar jangan lupa centang kotak Show Background Image untuk bisa menampilkan gambar latar belakang yang dipilih.
Contoh : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH28l_1gQuX2xPe9ly3G0WwqM8fh28iu85E1aMqaQ4HCyHUBAZQ8GNDtRreuW0faMHPOTBbEoAt_AHJ1A3iUrlL7ASq7xOoJrFd1TJHGK-knZTz9YUAkWXOxjSbOShCuZ-7t9EzgZwa-dR/s800/monozcore_planet1.jpg
Kotak Background Color merupakan kotak warna latar dengan berbagai pilihan warna. Opsi ini digunakan apabila pengunjung blog hanya ingin mengganti tampilan latar dengan warna latar belakang saja. Cara penggunaan tinggal klik pada beberapa pilihan warna atau gunakan kode hexa warna apabila ingin menampilkan warna spesifik. Klik tombol "?" untuk melihat pilihan warna lainnya.
Kotak Centang Show Background Image digunakan untuk menampilkan gambar latar belakang.
Kotak Centang Alert Load on Profile digunakan untuk menampilkan pesan setiap membuka halaman blog apakah settingan yang sudah disimpan ingin ditampilkan atau tidak. Jika tidak ingin menampilkan pesan ini hilangkan tanda centang tersebut.
Apabila settingan sudah selesai klik tombol save untuk menyimpan hasil setingan, jangan lupa untuk memberi nama profil.
Tombol Reset merupakan tombol yang digunakan untuk menghapus setingan blog yang telah tersimpan.

Cara Pemasangan :

Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.

Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Head> tersebut.

<script src='http://monozcore-project.googlecode.com/files/blogsettingv104c.js' type='text/javascript'/>
<link href='https://sites.google.com/site/monozcore/home/blogsetting_style.css' rel='stylesheet' type='text/css'/>

Cari kode <Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di bawah kode <Body> tersebut.


<bgsound balance='50' id='BGSOUND_ID' loop='-1' volume='80'/>
<div id='psButton'><a href='javascript:toggle('pageSetting')'><img Title='Blog Setting Plus' alt='Blog Setting' src='https://lh5.googleusercontent.com/-Wprm2a0QrXk/T2l-MDiT7VI/AAAAAAAABes/zFbD1d-1bcI/s800/BtnSet.png'/></a></div>
<div id='pageSetting' style='display:none;'>
<form>
<fieldset>
<legend>My Profile</legend>
<table width='100%'>
<tr>
    <td align='center' width='30'><a href='javascript:toggle('imgProfile'),toggle('imgTxt');'><img alt='img' id='imgprourl' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDA6LE-Zq4nMK0HQX_9jYGyBG2UF0rnm5K7xwOFtOaKEpuw3s79gja34CMLDvT3UuPgdxMa0s-bMQM8gCRtc3gOFUfaoy1ZID2TM8Y9JYeX00br91IKbUB097yuactGAIkRduKPdVip6sa/s800/monoz.png' title='Click here to change image profile'/></a></td>
    <td style='padding-right:5px;' width='348'><input id='nameProfile' name='name' onFocus='doClear(this)' style='width:100%;' type='box' value='Input Profile Name'/></td>
</tr>
<tr>
    <td id='imgTxt' style='display:none;'>URL</td>
    <td style='padding-right:5px;'><input id='imgProfile' name='url' onFocus='doClear(this)' style='display:none;width:100%;' type='box' value='Image Profile URL with 24x24 px img size'/></td>
</tr>
</table>
</fieldset>
<fieldset id='mscie'>
<legend>MIDI Sequence</legend>
<table border='0' width='100%'>
<tr>
    <td width='70'>mscURL : </td>
    <td style='padding-right:5px;' width='310'><input id='mscURL' name='url' style='width:100%;' type='box'/></td>
    <td><input id='mscBtn' onclick='mscApp()' type='button' value='Play'/></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Background Image</legend>
<table border='0' width='100%'>
<tr>
    <td width='70'>imgURL : </td>
    <td style='padding-right:5px;' width='310'><input id='imgURL' name='url' style='width:100%;' type='box'/></td>
    </tr>
</table>
</fieldset>
<fieldset>
<legend>Background Color</legend>
<table border='1' height='80' width='100%'><tbody>
<tr><td bgcolor='white' onclick='bgColors('#FFFFFF')'/>
<td bgcolor='#000000' onclick='bgColors('#000000')'/>
<td bgcolor='#f0e68c' onclick='bgColors('#F0E68C')'/></tr>
<tr><td bgcolor='#e0ffff' onclick='bgColors('#E0FFFF')'/>
<td bgcolor='#98fb98' onclick='bgColors('#98FB98')'/>
<td bgcolor='#b0e0e6' onclick='bgColors('#B0E0E6')'/></tr>
<tr><td bgcolor='#87cefa' onclick='bgColors('#87CEFA')'/>
<td bgcolor='#ffdab9' onclick='bgColors('#FFDAB9')'/>
<td bgcolor='#ffc0cb' onclick='bgColors('#FFC0CB')'/></tr>
<tr><td bgcolor='#e6e6fa' onclick='bgColors('#E6E6FA')'/>
<td bgcolor='#d3d3d3' onclick='bgColors('#D3D3D3')'/>
<td bgcolor='#ADC4C5' onclick='bgColors('#ADC4C5')'/>
</tr>
</tbody></table>
<table border='0' width='100%'>
<tr>
    <td align='left' style='padding-right:5px;' width='74%'><input id='bgColorHex' name='hex' onFocus='doClear(this)' style='width:100%;' type='box' value='Input Color in Hex Code'/></td>
    <td align='center' width='19%'><input onclick='inputColors(document.getElementById("bgColorHex").value)' type='button' value='Set Color'/></td>
    <td align='center' width='7%'><input onclick='toggle('colorcode');' type='button' value='?'/></td>
</tr>
</table>
</fieldset>
<fieldset>
<input id='goAlert' onclick='checkSet()' type='checkbox' value='1'/>
Show Background Image<br/>
<input id='goAnnounce' onclick='checkSet()' type='checkbox' value='2'/> Alert Load on Profile
</fieldset>
<fieldset style='text-align:center;'>
<input onclick='setApp()' type='button' value='Save'/> <input onclick='closeBox()' type='button' value='Close'/> <input id='resetBtn' onclick='delCookie()' type='button' value='Reset'/>
</fieldset>
<div id='btnSet'/>
</form>
</div>
<div align='center' id='colorcode' style='display:none;'>
<embed height='450' name='obj1' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='High' src='https://sites.google.com/site/monozcore/home/color.swf' type='application/x-shockwave-flash' width='450'/></div>
<script type='text/javascript'>loadBset();</script>


| Blog Tools

- Keterangan :
- not available.

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Blog Setting Plus

2 komentar: