Multimedia3

Web Hosting

Tips: Modding Froyo IMO Tab X3 Jadi Mirip HoneyComb

Posted by nana rudiana - 0 komentar


Harganya yang terbilang murah meriah serta sudah mendukung OS Android versi 2.2 Froyo, nampaknya jadi poin paling menarik untuk konsumen ‘memburu’ IMO Tab X3. Sayangnya, masih ada beberapa kendala yang pastinya akan terasa saat pertama kali digunakan.
Misalnya saja:
1.    OS Android 2.2 Froyo yang disuntikan merupakan versi Ripped, alias sudah dipangkas beberapa fitur standarnya. Sebagai contoh Android Market yang tak tersedia, dan digantikan dengan AppMarket. Widget Application Store yang mengarah ke penyedia konten di Cina, untuk download aplikasi/game Android. Sayang, jumlah aplikasi/game yang disediakan sangat terbatas. Itu pun bukan aplikasi/game popular.
2.    Tidak mendukung “Live Wallpaper”.
3.    Konsumsi baterai yang disediakan sangat boros.
4.    Fungsi Modem (default) sangat sulit untuk terkoneksi dengan Modem USB Stick, meskipun sudah menggunakan tipe yang tertera di daftar ‘kompatibilitas Modem’.
Itulah beberapa permasalahan awal yang bakal dijumpai saat pertama kali menggunakan IMO Tab X3. Sebagai catatan, IMO Tab X3 yang dibanderol seharga Rp 799.000,- (iklan di media cetak) sejatinya merupakan Tablet Android asal Cina dengan merk pabrikan aslinya adalah Wonder Media dengan tipe WM8650.

Nah, supaya ‘trouble’ atau keterbatasan tersebut bisa hilang, IMO Tab X3 harus di-rooted/unlock atau di-upgrade, istilah kerennya di-modding alias modifikasi. Lalu pertanyaannya, bagian mana yang harus di-modding? Karena terkait sistem, jadi yang akan di-modding adalah ROM (Read Only Memory).
ROM di Android sendiri sebenarnya ada dua jenis: Stock ROM dan Custom ROM. Stock ROM (ROM Original) merupakan sistem software yang disuntikan pihak pabrikan ke perangkat yang akan dijual ke pasaran, yang dengan katalain merupakan bagian dari OEM (Original Equipment Manufacture). Sedangkan Custom ROM, merupaka ROM hasil modifikasi baik yang berasal dari Stock ROM maupun modifikasi dari pihak ketiga, yang tentunya disesuaikan dengan kebutuhan penggunanya.
Sebagai OS terbuka, tentu saja banyak pihak yang melakukan modifikasi dan menawarkan ROM custom Android. Peruntukannya pun tak hanya untuk ponsel saja, Custom ROM untuk Tablet Android pun banyak ditawarkan para modifikator. Seperti untuk IMO Tab X3 atau Wonder Media WM8650 ini. Tapi tentu saja banyak pula resiko yang ‘menanti’ dari trik modifikasi ini.
“Sebagai catatan buat pengguna yang masih awam soal Rooted, modding atau modifikasi, sebaiknya cari informasi yang lebih banyak terlebih dahulu, supaya lebih jelas keuntungan maupun resiko yang nantinya dihadapi dari proses modifikasi ini.
Kami dari thePONSEL hanya menyampaikan informasi, dan tak bertanggung jawab jika terjadi kerusakan pada tablet Android Anda.”
Berikut ini ritual modifikasi yang dapat dilakukan untuk mengurangi keterbatasan dari IMO Tab X3:
Dengan menggunakan ROM modding “Universal Uberoid WM8650 1.5.3 HoneyCombMOD v9” dengan file ROM yang bisa didownload dari http://www.theponsel.com/wp-content/uploads/2011/09/WM8650_Universal_Uberoid_V9.7z
Fitur utama dari ROM modding ini antara lain:
1.    Support Live Wallpaper (‘butterfly’ Live Wallpaper included)
2.    Interface ala Android HoneyComb
3.    Support lebih dari 60 model Tablet Android WM8650
4.    ROM bisa di-custom
5.    100% Rooted
6.    Kualitas Audio meningkat
7.    Updated BusyBox ke versi 1.19
8.    Memory cleaning meningkat
9.    Memory read/write meningkat
10.    Versi Lite, mendukung banyak aplikasi
11.    Mendukung banyak bahasa
12.    Support Android Market/Google Market (v2.3.6)
Proses instalasi ROM:
1.    Sisipkan kartu microSD ke PC/Laptop. Bisa menggunakan card reader atau port khusus yang ada di PC/Laptop.
2.    Format kartu microSD menggunakan sistem FAT32.
3.    Cari tahu tipe/model Tablet Android IMO Tab X3 Anda (misalnya VIA WM8650/M009s/M003s/M012s/etc.)
4.    Ekstrak/Unzip file ROM Universal Uberoid WM8650 1.5.3 HoneyCombMOD v9 yang telah didownload ke folder PC/Laptop.
5.    Jalankan file “CHANGER.EXE” yang ada di folder hasil ekstrak ROM modding.
6.    Masukan nomor kode dari tipe/model Tablet Android Anda di kotak dialog bagian bawah. Selanjutnya tekan “Enter”. Misalnya, Anda pilih ROM dari tipe M009s Blue LED 7” , di kotak dialog tersebut ketik angka 2 lalu Enter.

7.    CHANGER.EXE akan menampilkan notifikasi untuk menyimpan ROM modifikasi ke microSD, pilih ‘Y’ selanjutnya tekan Enter. Proses modifikasi dan copy ROM ke microSD akan berlangsung secara otomatis.

8.    Setelah sukses ter-copy ke microSD, cabut kartu memori tersebut
9.    Matikan Tablet Android IMO Tab X3
10.    Masukan kartu microSD ke slot yang tersedia.
11.    Hidupkan Tablet Android IMO Tab X3
12.    Proses instalasi ROM akan berlangsung secara otomatis, di bagian bawah screen/layar akan tertampil indikator prosentasi proses instalasi. Tunggu sampai 100%, dan Anda akan diminta untuk mencabut kartu microSD.
13.    Jreeeeennnggggg….IMO Tab X3 Anda sudah berhasil dimodifikasi.
Catatan: Pastikan, setelah berhasil memodifikasi IMO Tab X3 Anda, hapus file yang ada di kartu microSD tadi (format ulang kartu microSD) jika ingin digunakan untuk penyimpanan file.

FAQ:
A. Cara memperbaiki Market Android karena tak menampilkan semua aplikasi:
1.    Buka ikon ‘Market Android’, kemudian tekan tombol ‘home’ untuk kembali
2.    Masuk ke menu ‘Setting > Applications > Manage > Running
3.    Tekan ‘Market’
4.    Tekan ‘Clear cache’, tapi JANGAN tekan clear data
5.    Tekan ‘Force Stop’
6.    Kembali ke menu ‘Setting > Applications > Manage > Running
7.    Tekan ‘Google Services Framework’
8.    Tekan ‘Clear Data’
9.    Tekan ‘Force Stop’
10.    Jalankan ‘Market Android’, biasanya di awal akan muncul error
11.    Reboot, kembali buka ‘Market Android’ harusnya akan berhasil terupdated. Jika tidak, umumnya butuh beberapa saat lagi untuk sistem bekerja dengan baik.
12.    Jika berhasil, Anda bisa mencari aplikasi apa pun yang tersedia di Android Market.
B. Logo Uberoid terus berkedip (flashing), dan Tablet tidak bisa masuk ke sistem:
Untuk mengakalinya, install ulang ROM modding dengan memasukan tipe/model Tablet yang lain. Sebagai contoh: jika tadi Anda menggunakan M009s Blue LED 7”, coba ganti ke tipe M009s Green LED.
Buat yang kepingin nyoba modding menggunakan ROM lain, bisa mengunjungi http://techknow.freeforums.org/viewtopic.php?forum_uri=uberoid-wm8650-1-3-0-hybrid-honeycombmod-v5&t=650&start=&sid=14c6a66b92a28978af420770369da0c6
Thanks to:
1.    Bro neutralgear atas ide modding-nya
2.    HardcoreHacker (http://technow.freeforums.org) atas tutorialnya
Read More …

2009 Multi-colored effects

Posted by nana rudiana - 0 komentar

A simple walkthrough on how to create a colored text effects in Adobe Photoshop, which can then be used as an element in your designs.
Firstly we need to create a new file (File>New), having 1280×1024 px and 72 dpi. Select after that the Paint Bucket Tool (G) to fill the new file with black color.
2009 Multi-colored text effect in Photoshop CS3
Next write the date of the New Year with separate ciphers, applying the Horizontal Type Tool (T).
2009 Multi-colored text effect in Photoshop CS3
The text needs to be edited as the next example shows it:
2009 Multi-colored text effect in Photoshop CS3
Each layer needs to have the Opacity of 80%.
2009 Multi-colored text effect in Photoshop CS3
It’s the result you should get:
2009 Multi-colored text effect in Photoshop CS3
Set for the first cipher 2 the next Blending Options>Gradient Overlay by making a mouse click on this layer on the layers’ palette.
2009 Multi-colored text effect in Photoshop CS3
Set the next demonstrated gradient:
2009 Multi-colored text effect in Photoshop CS3
It’s the result you should get:
2009 Multi-colored text effect in Photoshop CS3
Pass to the next cipher:
2009 Multi-colored text effect in Photoshop CS3
The ciphers get a smooth gradient:
2009 Multi-colored text effect in Photoshop CS3
Set the appropriate gradient for the rest of the ciphers:
2009 Multi-colored text effect in Photoshop CS3
2009 Multi-colored text effect in Photoshop CS3
It’s the result we’ll get:
2009 Multi-colored text effect in Photoshop CS3
Represent the same ciphers above the previous made ones, the same way you may see below:
2009 Multi-colored text effect in Photoshop CS3
Mark out the colored date by pressing Ctlr+Left Click on the layers’ palette. Then press Ctrl+E for the layers to be put together into a single one. Make a copy of the layer we’ve got (Ctrl+J). Then select the option Filter>Blur>Motion Blur, setting the next parameters for the copied layer:
2009 Multi-colored text effect in Photoshop CS3
Place the layer we’ve got under the primary ciphers containing the gradient. Set the Opacity on 72%.
2009 Multi-colored text effect in Photoshop CS3
Next select a copy applying on it the next indicated parameters:
2009 Multi-colored text effect in Photoshop CS3
Place the new result above the copied layer. Set the Opacity on 54% and the Blending mode- Saturation
2009 Multi-colored text effect in Photoshop CS3
The layer containing the cipher 2 gets an opaque transition to 0 cipher. In this case we’ll select the Eraser Tool (E) with the Opacity of 10%. Make a click on the cipher and press Ok, erasing very accurately the edge of the 2 cipher.
2009 Multi-colored text effect in Photoshop CS3
The last operation we have to do is the reflection effect. Make copies of all the layers (Ctrl+J), except the background’s one and put them together. After that, turn them around by vertical position (Ctrl+T). Next take the Eraser Tool (E) and erase a little the bottom part of the text as it is shown on the next picture.
2009 Multi-colored text effect in Photoshop CS3
Read More …

Membuat Read More Otomatis Pada Blogspot

Posted by nana rudiana - 0 komentar

Membuat Read More Otomatis Pada Blogspot >> Read More atau Baca Selengkapnya yang sering kita lihat di setiap Blog memang sangat membantu untuk men-split artikel yang terlalu panjang. Namun ada sedikit kendala yaitu saat melakukan cut atau pemotongan artikel dengan menyisipkan <span class="fullpost"> dan </span> pada bagian akhir artikel, seperti postingan saya yang dahulu tentang membuat read more pada blogger.


Tapi jika Anda yang membutuhkan Read More Otomatis (RMO) untuk blog yang bersifat portal dan selalu up-todate bisa menggunakan script auto read more di bawah artikel ini, terdapat 2 (dua) script.

Sekarang cara menempatkan kedua Script tersebut adalah :

Pertama, silahkan masuk ke halaman EDIT HTML, Cari kode </head>
Letakkan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Kedua ,Kalau sudah, ganti kode <data:post.body/>
,ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Ketiga ,Simpan

Catatan : Untuk Anda yang telah membuat read More dengan Metode Manual harus dibersihkan dulu seperti default, hapus pada bagian warna merah, seperti contoh di bawah ini :

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Semoga bermanfaat :)
Read More …

Posted by nana rudiana - 0 komentar

Cara Menjadikan Foto Kita Sebagai Background Dari Blog Yang Kita Miliki

Kali ini saya akan mengajarkan kepada kalian bagaimana caranya menjadikan foto kita sebagai background dari blog yang kita miliki. Sebagai contoh saya akan menggunakan blog yang saya miliki di Blogger.

  1. Login ke dashboard account Blogger kalian, lalu klik menu “Layout” di blog yang ingin kalian edit tampilan layoutnya, setelah itu klik menu “Edit HTML”.
  2. Sekarang kalian harus meng-upload foto yang ingin kalian jadikan background dari blog kalian tersebut ke suatu lokasi hosting di internet, sebagai contoh kalian bisa meng-uploadnya ke situs ImageShacks. Setelah fotonya berhasil terupload maka nanti kalian akan diberi tahu URL foto kalian tersebut.
  3. Balik lagi ke halaman Blogger kalian tadi, lalu copy kode CSS berikut: 
    <style type="text/css">
    <!--
    body {
        background-image: url(Ganti dengan URL foto kalian);
    }
    -->
    </style>
    Mengedit template Blogger untuk mengganti background menggunakan foto Setelah di-copy kodenya lalu kalian paste-kan kode tersebut ke template Blogger kalian tepatnya sebelum kode </head> (lihat gambar di samping ini jika bingung) dan jangan lupa untuk mengganti tulisan “Ganti dengan URL foto kalian” di dalam kode tersebut menggunakan URL foto kalian yang telah kalian upload sebelumnya ke ImageShacks. Setelah itu kalian klik menu “Save Template” kemudian buka blog kalian tersebut untuk melihat perubahan layout yang telah kalian lakukan.
Read More …

Posted by nana rudiana - 0 komentar


Membuat link otomatis pada posting blog

Membuat link otomatis pada posting blog >> Bagi para blogger pastinya sudah tahu betapa pentingnya SEO, banyak juga tehnik-tehnik dalam SEO, dari membuat breadcrumb navigasi, serta bertukar link untuk mendapatkan back link.

Link pada sebuah blog sangatlah penting,karena back link juga bisa meningkatkan pagerank blog kamu, dan yang tak kalah pentingnya lagi yaitu membangun internal link pada artikel yang satu dan yang lainya, sehingga menjadikan artikel itu terkait.

link otomatis blog

Disinilah infonetmu akan sedikit memberi tips bagaimana agar dalam artikel kamu akan terbentuk secara otomatis sesuai keyword yang kamu inginkan. Jadi jika kamu menulis keyword tertentu maka kata itu akan otomatis menjadi sebuah link sesuai dengan Url yang kamu inginkan. Langsung saja, ikuti langkah-langkahnya dibawah ini:

  1. Login ke blog kamu
  2. Klik rancanganEdit html
  3. Download template (untuk backup)
  4. Lalu cari kode: </head>
  5. Kalau sudah ketemu,letakkan kode dibawah ini tepat diatasnya:

    <script type='text/javascript'>
    //<![CDATA[ function doHighlight(bodyText, searchTerm,link) { var newText = ""; var i = -1; var lcSearchTerm = searchTerm.toLowerCase(); var lcBodyText = bodyText.toLowerCase(); while (bodyText.length > 0) { i = lcBodyText.indexOf(lcSearchTerm, i+1); if (i < 0) { newText += bodyText; bodyText = ""; } else { if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf(">", i)) { if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) { newText += bodyText.substring(0, i) + '<a href="'+link+'">'+ bodyText.substr(i, searchTerm.length) + '</a>'; bodyText = bodyText.substr(i + searchTerm.length); lcBodyText = bodyText.toLowerCase(); i = -1; } } } } return newText; } function highlightSearchTerms(searchText, treatAsPhrase,link,divid) { if (treatAsPhrase) { searchArray = [searchText]; } else { searchArray = searchText.split(" "); } div=document.getElementById(divid); var bodyText = div.innerHTML; for (var i = 0; i < searchArray.length; i++) { bodyText = doHighlight(bodyText, searchArray[i], link); } div.innerHTML = bodyText; return true; } //]]></script>

  6. Cari kode : <data:post.body/> kode ini ada 2 biasanya,pilih kode <data:post.body/> yang bawah.kalau sudah ketemu ganti kode tersebut dengan kode dibawah ini:

    <p><div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/></div>
    <script type='text/javascript'>
    highlightSearchTerms('anchor text keywords',true,'http://link-artikel.com/disini.html','summary<data:post.id/>');
    highlightSearchTerms('anchor link keywords2',true,'http://link-artikel.com/disini.html','summary<data:post.id/>');
    </script></p>
  7. untuk menambahkan keywords yang akan di targetkan tambahkan kode berikut:

    highlightSearchTerms('anchor tex keywords',true,'http://link-artikel.com','summary<data:post.id/>');
  8. Ganti tulisan anchor text keywordr dengan text/tulisan yang akan di targetkan sebagai anchor link otomatis. Dan ganti http://link-artikel.com/disini.html dengan alamat link artikel yang sesuai dengan anchor text keywordnya. Selesai. . . . . .
Read More …

Membuat link otomatis pada posting blog

Posted by nana rudiana - 0 komentar



Membuat link otomatis pada posting blog >> Bagi para blogger pastinya sudah tahu betapa pentingnya SEO, banyak juga tehnik-tehnik dalam SEO, dari membuat breadcrumb navigasi, serta bertukar link untuk mendapatkan back link.

Link pada sebuah blog sangatlah penting,karena back link juga bisa meningkatkan pagerank blog kamu, dan yang tak kalah pentingnya lagi yaitu membangun internal link pada artikel yang satu dan yang lainya, sehingga menjadikan artikel itu terkait.

link otomatis blog

Disinilah infonetmu akan sedikit memberi tips bagaimana agar dalam artikel kamu akan terbentuk secara otomatis sesuai keyword yang kamu inginkan. Jadi jika kamu menulis keyword tertentu maka kata itu akan otomatis menjadi sebuah link sesuai dengan Url yang kamu inginkan. Langsung saja, ikuti langkah-langkahnya dibawah ini:

  1. Login ke blog kamu
  2. Klik rancanganEdit html
  3. Download template (untuk backup)
  4. Lalu cari kode: </head>
  5. Kalau sudah ketemu,letakkan kode dibawah ini tepat diatasnya:

    <script type='text/javascript'>
    //<![CDATA[ function doHighlight(bodyText, searchTerm,link) { var newText = ""; var i = -1; var lcSearchTerm = searchTerm.toLowerCase(); var lcBodyText = bodyText.toLowerCase(); while (bodyText.length > 0) { i = lcBodyText.indexOf(lcSearchTerm, i+1); if (i < 0) { newText += bodyText; bodyText = ""; } else { if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf(">", i)) { if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) { newText += bodyText.substring(0, i) + '<a href="'+link+'">'+ bodyText.substr(i, searchTerm.length) + '</a>'; bodyText = bodyText.substr(i + searchTerm.length); lcBodyText = bodyText.toLowerCase(); i = -1; } } } } return newText; } function highlightSearchTerms(searchText, treatAsPhrase,link,divid) { if (treatAsPhrase) { searchArray = [searchText]; } else { searchArray = searchText.split(" "); } div=document.getElementById(divid); var bodyText = div.innerHTML; for (var i = 0; i < searchArray.length; i++) { bodyText = doHighlight(bodyText, searchArray[i], link); } div.innerHTML = bodyText; return true; } //]]></script>

  6. Cari kode : <data:post.body/> kode ini ada 2 biasanya,pilih kode <data:post.body/> yang bawah.kalau sudah ketemu ganti kode tersebut dengan kode dibawah ini:

    <p><div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/></div>
    <script type='text/javascript'>
    highlightSearchTerms('anchor text keywords',true,'http://link-artikel.com/disini.html','summary<data:post.id/>');
    highlightSearchTerms('anchor link keywords2',true,'http://link-artikel.com/disini.html','summary<data:post.id/>');
    </script></p>
  7. untuk menambahkan keywords yang akan di targetkan tambahkan kode berikut:

    highlightSearchTerms('anchor tex keywords',true,'http://link-artikel.com','summary<data:post.id/>');
  8. Ganti tulisan anchor text keywordr dengan text/tulisan yang akan di targetkan sebagai anchor link otomatis. Dan ganti http://link-artikel.com/disini.html dengan alamat link artikel yang sesuai dengan anchor text keywordnya. Selesai. . . . . .
Read More …

Cara Membuat Page Peel diBlogspot ( Cara membuat halaman blog melipat

Posted by nana rudiana - 0 komentar

Page Peel yaitu efek diujung kanan atas blog atau website yang melengkung seperti kertas ketika mouse kamu berada tepat diatasnya. Efek ini seringkali digunakan untuk menarik perhatian para pengunjung blog untuk mengklik gambar iklan atau pun E-Mail berlangganan dibalik lekungan kertas halaman blognya.
Hmmm... Menarik bukan???
Langsung saja untuk mengetahui Cara Membuat Page Peel diBlogspot ( Cara membuat halaman blog melipat ).
1. Login ke akun blog Anda
2. Masuk ke tata letak dan klik edit HTML
3. Centang pada Expand Template Widget
4. Cari kode ini:

 <b:skin><![CDATA[
( Untuk Lebih Mudahnya Tekan CTRL+F Untuk Mencarinya )

5. Copy script dibawah ini lalu letakan diatas kode tadi

<script src='http://dedehendriono.googlepages.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>

6. Cari kode ini (Tekan CTRL+F)

]]></b:skin>

7. Letakan kode dibawah ini tepat diatas kode tadi

#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(http://dedehendriono.googlepages.com/subscribe.png) no-repeat right top;
text-indent: -9999px;
}

8. Cari kode ini

<body>

9. Letakan kode dibawah ini tepat dibawah kode tadi

<div id='pageflip'>
<a href='http://fadjarnugraha.blogspot.com/' target='_blank'>
<img alt='' src='http://dedehendriono.googlepages.com/pageflip.png'/>
<span class='msg_block'/>
</a>
</div>

Jangan Marah Kalau Saya Copas Balik Jika Tidak Menyertkan Link Sumber : http://fadjarnugraha.blogspot.com/2012/03/cara-membuat-halaman-blog-melipat.html#ixzz1q6uukoRW
Read More …

Cara Pasang Musik Autoplay dengan Lagu Pilihan Sendiri

Posted by nana rudiana - 28 komentar


Pada kesempatan kali ini saya ingin berbagi tutorial blog lagi nich,
setelah kemarin sibuk pemindahan artikel-artikel dari blog saya yang pertama ke blog yang sekarang, walau belum semuanya dipindahin sich,.
tapi saya akan tetap memberikan tutorial mengenai blogger.hehe,...

Maka dari itu disini saya ingin memberikan trik cara memasang 'Musik/Mp3 Autoplay dengan Lagu Pilihan Sendiri', maksudnya disini widget ini akan otomatis memutar musik/Mp3
tanpa harus kita klik play.walau sebenarnya widget mp3 lainya banyak bisa kita jumpai dari blog teman-teman, diantaranya pada postingan saya sebelumnya cara 'Memasang Musik/Mp3 Playlist'. maksudnya kita bisa memasang lebih dari satu Musik/Mp3, sesuai selera kita. contohnya sobat bisa lihat langsung pada postingan saya itu. terdapat musik pilihan saya. :D

Nah,..Sedangkan Tutorial yang kita bahas sekarang ini, saya cuma memberikan 'Code Embed' atau 'Skin(plugin)' Musik/Mp3 saja,. yang akan kita pasang diwidget sidebar nantinya.
pasti teman2 akan bertanya, "loh kenapa cuma Skinnya saja, trus bagaimana bisa dengerin musik...???". hehe,..

Baiklah saya akan menjelaskan disini, jadi untuk pemasangan Musik/Mp3 nya nanti
kita harus meng Uploadnya dulu dari situs yang sudah memberikan Upload Musik/Mp3 gratis tanpa harus registras, tapi bagi sobat yang sudah mempunyai File account seperti 'Ziddu.com' '4shared.com' 'sharebeast.com' sobat tinggal meng Upload Musiknya saja.
jadi manfaat dari widget ini, semua musik bisa kita dengarkan, sobat tinggal mengupload nya saja, pengen lagu apa.. pkokke' Free..

Contohnya Seperti Ini :




Berikut embed kodenya :

<embed src="http://img227.imageshack.us/img227/3087/playergv1.swf?soundFile=ALAMAT_FILE_MP3&amp;bg=0x000000&amp;leftbg=0x000000&amp;lefticon=0xFFFFFF&amp;rightbg=0x333333&amp;rightbghover=0x333333&amp;righticon=0xCCCCCC&amp;righticonhover=0xFFFFFF&amp;text=0xcccccc&amp;slider=0x666666&amp;track=0xFFFFFF&amp;border=0xFFFFFF&amp;loader=0xcccccc&amp;autostart=No&amp;loop=yes" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="24" width="300px"></embed>

Ket :
- teks ALAMAT_FILE_MP3 :adlh Almat Musik yang sudah anda UPLOAD.
- teks No : Jika anda ingin memutarnya secara otomatis maka ganti 'No' menjadi 'Yes'
- 300px : lebar widget Musik, lebih baik ganti '300px' menjadi '100%'. karena dengan begitu widget mp3 anda akan otomatis menyesuaikan lebar pada tempatnya.

- Jika ingin Upload Musik pilahan anda secara gratis, klik Disini.
- Atau Bisa lewat Indowebster.  dan berikut cara caranya :
1. Klik Disini. maka akan tampak seperti ini:
http://i54.tinypic.com/25jegdw.jpg
2. Selanjutnya pada kotak Pencarian anda cari Lagu Pilihan Anda. Misal 'Justine Bieber - Baby'.
http://i54.tinypic.com/250uq1f.jpg
lalu Enter. Maka tampilan seperti ini.
http://i52.tinypic.com/p9175.jpg
Lalu anda tinggal Klik salah satu judul yang sudah anda dapatkan. Maka tampil seperti ini :
http://i56.tinypic.com/18lyye.jpg
Lalu anda tinggal Klik Download pada bagian bawah. tunggu beberapa saat,
5. Selanjutnya pada bagian bawah Anda tinggal klik tulisan 'Klik Disini untuk Mengunduh File ini'. Maka tampak seperti ini :
http://i56.tinypic.com/okwu4o.jpg
6. Maka kita dapat lah file Mp3 Justine Bieber - Baby.
7. langkah terakhir sobat tinggal ganti tulisan 'ALAMAT_FILE_MP3' .diatas dan ganti dengan URL file mp3 yang sudah kita dapatkan tadi.
8. Selesai dech,.. anda sudah memiliki Musik Pilihan anda sendiri. :D

::: Dan jika tidak mau susah susah Uploadnya, berikut ada beberapa kode musik yang sudah saya upload.

Netral - Garuda Didadaku :

http://www31.indowebster.com/90793db321cae237548a93c16ebba489.mp3

Dadali - Disaat AKu Mencintaimu :

http://www51.indowebster.com/b20ecbbc7b08478854fcee61c91592c5.mp3


Jika sobat masih bingung dengan trik diatas, sobat tinggal memberikan komentar anda. dan jangan takut untuk berkomentar, karena blog ini sudah dofollow. dan jangan lupa follow me juga yach,.. :D

NB::::
bagi yang ingin request lagu pilahan sendiri, sobat tinggal memberikan 'NAMA'BAND dan 'JUDUL' lagunya saja, misal sobat pengen dengerin lagunya : Avenged Seven Fold - And All Things Will End.

biar nanti saya bisa membuatkan Widget 'Mp3 Autoplay' nya, jadi sobat disini cuma terima bersih saja, dengan mengcopas widget yang akan saya berikan nantinya..

Semoga penjelasan diatas,sudah dapat dimengerti dan Selamat Mencoba.
Read More …

Membuat link otomatis pada posting blog

Posted by nana rudiana - 0 komentar



Membuat link otomatis pada posting blog >> Bagi para blogger pastinya sudah tahu betapa pentingnya SEO, banyak juga tehnik-tehnik dalam SEO, dari membuat breadcrumb navigasi, serta bertukar link untuk mendapatkan back link.

Link pada sebuah blog sangatlah penting,karena back link juga bisa meningkatkan pagerank blog kamu, dan yang tak kalah pentingnya lagi yaitu membangun internal link pada artikel yang satu dan yang lainya, sehingga menjadikan artikel itu terkait.

link otomatis blog

Disinilah infonetmu akan sedikit memberi tips bagaimana agar dalam artikel kamu akan terbentuk secara otomatis sesuai keyword yang kamu inginkan. Jadi jika kamu menulis keyword tertentu maka kata itu akan otomatis menjadi sebuah link sesuai dengan Url yang kamu inginkan. Langsung saja, ikuti langkah-langkahnya dibawah ini:

  1. Login ke blog kamu
  2. Klik rancanganEdit html
  3. Download template (untuk backup)
  4. Lalu cari kode: </head>
  5. Kalau sudah ketemu,letakkan kode dibawah ini tepat diatasnya:

    <script type='text/javascript'>
    //<![CDATA[ function doHighlight(bodyText, searchTerm,link) { var newText = ""; var i = -1; var lcSearchTerm = searchTerm.toLowerCase(); var lcBodyText = bodyText.toLowerCase(); while (bodyText.length > 0) { i = lcBodyText.indexOf(lcSearchTerm, i+1); if (i < 0) { newText += bodyText; bodyText = ""; } else { if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf(">", i)) { if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) { newText += bodyText.substring(0, i) + '<a href="'+link+'">'+ bodyText.substr(i, searchTerm.length) + '</a>'; bodyText = bodyText.substr(i + searchTerm.length); lcBodyText = bodyText.toLowerCase(); i = -1; } } } } return newText; } function highlightSearchTerms(searchText, treatAsPhrase,link,divid) { if (treatAsPhrase) { searchArray = [searchText]; } else { searchArray = searchText.split(" "); } div=document.getElementById(divid); var bodyText = div.innerHTML; for (var i = 0; i < searchArray.length; i++) { bodyText = doHighlight(bodyText, searchArray[i], link); } div.innerHTML = bodyText; return true; } //]]></script>

  6. Cari kode : <data:post.body/> kode ini ada 2 biasanya,pilih kode <data:post.body/> yang bawah.kalau sudah ketemu ganti kode tersebut dengan kode dibawah ini:

    <p><div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/></div>
    <script type='text/javascript'>
    highlightSearchTerms('anchor text keywords',true,'http://link-artikel.com/disini.html','summary<data:post.id/>');
    highlightSearchTerms('anchor link keywords2',true,'http://link-artikel.com/disini.html','summary<data:post.id/>');
    </script></p>
  7. untuk menambahkan keywords yang akan di targetkan tambahkan kode berikut:

    highlightSearchTerms('anchor tex keywords',true,'http://link-artikel.com','summary<data:post.id/>');
  8. Ganti tulisan anchor text keywordr dengan text/tulisan yang akan di targetkan sebagai anchor link otomatis. Dan ganti http://link-artikel.com/disini.html dengan alamat link artikel yang sesuai dengan anchor text keywordnya. Selesai. . . . . .
Read More …

Membuat judul posting berkedip

Posted by nana rudiana - 0 komentar

Membuat judul posting berkedip >> Membuat Judul Post Berkedip, meskipun tutorial ini sudah termasuk informasi lama namun cukup bermanfaat untuk pengoptimalan tampilan blog sobat. Mengapa demikian ? Ya, sebab dengan menampilkan judul post yang berkedip sudah tentu akan menarik perhatian pengunjung blog sobat serta memberikan sedikit warna seni yang berbeda pada tempate sobat. Mungkin diantara sobat lainnya ada juga yang sudah lebih dahulu lebih tahu tentang membuat Link teks berkedip ini.

Jika diantara sobat masih ada yang belum tahu tentang cara membuat Link teks berkedip ini, caranya seperti contoh dibawah:

<blink> LINK SOBAT </blink>
Contoh seperti :
<blink><a href="http:URL SOBAT.com/">NAMA LINK</a></blink>

OK, selanjutnya postingan ini akan berisikan artikel tentag Cara Pasang Judul Post Berkedip.

Caranya seperti berikut:
1. Login ke blog sobat
2. Kemudian Pilih Rancangan
3. Klik Edit HTML
4. Download Template (backup selalu template sobat)
5. Kemudian Centangkan "(Expand Widget)"
6. Cari kode seperti berikut::

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

7. Kemudian ganti dengan Kode di bawah ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><blink><data:post.title/></blink></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

8. Klik Simpan Template
9. Selesai.

Selamat ngeblog sobat !
Read More …

Cara mengganti cursor dengan gambar

Posted by nana rudiana - 0 komentar

Cara mengganti cursor dengan gambar >> Bila kamu tidak suka dengan tampilan cursor yang biasa, kamu bisa ganti tampilan cursornya dengan sebuah gambar sesui yang kamu inginkan,misalnya gambar sehelai bulu. Silahkan yang mau ganti cursor dengan bulu bisa ikuti tips berikut ini :

  • Pertama : Save gambar bulu di bawah ini ke komputer kamu
  • upload gambar bulunya ke hosting gambar semisal photobucket. Kkalau belum punya, registrasi dulu ke photobucket misalnya.
  • Setelah gambar diupload, copy URL imagenya

Kemudian ikuti langkah berikut ini :
1. Login ke Blog.
2. Layout, Edit HTML.
3. Kalau sudah masuk, beri tanda centang pada "expand template widget"
4. Kalau sudah cari kode ini body {
5. Copas kode dibawah ini tepat di bawah kode tadi.

cursor: url("URL image kamu"), default;

Contohnya seperti ini:
body {
cursor: url("http://i873.photobucket.com/albums/ab299/handi_05/Downloada.gif"), default;
margin:0; padding:0;
line-height:1.5em;
font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;
color:#47443e; background:#4C1010;
}
6. Save, selesai

Lihat hasilnya di blog kamu ada sehelai bulu yang bergerak sesuai dengan gerakan mouse. Tidak cuman itu, masih banyak koleksi cursor yang lain. Kalau penasaran silahkan kunjungi situ ini.
Demikianlah cara mengganti cursor dengan sehelai bulu

Peringatan :
Teks yang berwarna merah jangan digunakan, hanya sebuah contoh saja.
Read More …

Membuat sebuah tabel dengan html

Posted by nana rudiana - 0 komentar





Membuat sebuah tabel dengan html >> Sekarang kita akan masuk pada tahap yang lebih rumit, kenapa saya kata rumit? karena dalam membuat tabel dengan HTML ini diperlukan ketelitian, kecermatan dan kawan-kawannya. untuk menunjukkan daftar, misalkan tentang daftar sebuah harga atau data tertentu memang lebih mudah ditunjukkan dengan sebuah tabel, salah satu teman saya juga pernah saya buatkan tabel tentang harga pulsa dengan kode html,daripada menngunakan image/jpg yang loadingnya lama mungkin ada baiknya kamu pakai html saja,misal kode sbb:

<table border="1">
<tbody><tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
</tbody></table>

maka akan terlihat sbb:


Hari1Hari2Hari3Hari4Hari5
Hari1Hari2Hari3Hari4Hari5
Hari1Hari2Hari3Hari4Hari5


atau kamu bisa memasukkan seperti dibawah ini:

<table border="1">
<tbody><tr>
<th>Hari</th>
<th colspan="2">jenis pengunjung</th>
</tr>
<tr>
<td>
</td>
<td>Cewe'</td>
<td>Cowo'</td>
</tr>
<tr>
<td>Senin</td>
<td>50</td>
<td>6</td>
</tr>
<tr>
<td>Selasa</td>
<td>70</td>
<td>90</td>
</tr>
<tr>
<td>Rabu</td>
<td>3</td>
<td>150</td>
</tr>
</tbody></table>

maka hasilnya spt ini:

Harijenis pengunjung

Cewe'Cowo'
Senin506
Selasa7090
Rabu3150



lihatlah hasinya dan editlah sesuai keinginan kamu.
semoga bermanfaat!
Read More …

Cara mengganti logo blogger

Posted by nana rudiana - 0 komentar


Cara mengganti logo blogger >> Cara mengganti logo/icon blogger sangat mudah juga. buat temen2 yang gk suka logo blogger bisa mennganti sesuai dengan keinginanya, tapi kalo saya sih biar aja deh..soalnya sebagai ucapan terima kasih saya sama blogger jadi aq tidak akan menggantinya, ok buat yang pengen mengganti icon tersebut silahkan menuju Tkp aja ya,caranya sbb:



sebelumnya anda harus membuat dulu image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel, kalo tidak bisa gambar seadanya juga boleh,kemudian silakan upload gambar tersebut, misalnya di photobucket.com, kenapa harus upload kesana? karena untuk mendapatkan kode URL image kita, masih bingung ya,,

1.masuk ke blogger anda
2.pilih tata letak
3.edit html, jangan lupa download dulu demi keamanan
4. cari kode seperti ini </head>
5. kalo sudah ketemu letakkan kode dibawah ini sebelum kode diatas.

<link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>

6.save template.
Read More …

Cara Membuat NewsTicker/Berita Berjalan Keren

Posted by nana rudiana - 1 komentar

Cara Membuat NewsTicker/Berita Berjalan Keren >> Cara Membuat NewsTicker/Berita Berjalan Keren. newsticker atau berita berjalan bisa kita buat agar blog kita tampil lebih keren, disamping itu berita berjalan atau newsticker bisa ditampilkan dari recent post blog kita,dan akhirnya pembacapun bisa melihat apa saja berita terbaru dari blog kita. lihat gambar dibawah ini!

membuat newsticker,membuat berita berjalanNah, sudah jelas kan yang INFONETMU maksud,kalo belum jelas lihat demonya di blog saya yang lain yaitu INFONETGUE ya.

Dari gambar diatas mungkin sudah banyak yang tahu kalo itu mirip dengan newsticker dari gaya template sporty magazine 2 dari borneo template. karena memang banyak yang suka dengan gaya tersebut maka saya akan share pada teman-teman blogger yang lain bagaimana cara membuatnya.

Untuk Membuat Newsticker/berita berjalan keren seperti mirip sporty magazine 2 ikuti langkah-langkah dibawah ini:
  1. Login ke blogger/blogspot kamu.
  2. Klik Rancangan atau design.
  3. Klik edit HTML.
  4. Beri ceck / centang pada kotak yang berada pada pojok template kamu.
    Dan jangan lupa download template kamu untuk berjaga-jaga agar jika terjadi kesalahan bisa dibackup.
  5. Cari kode ]]></b:skin> dan copy paste kode berikut dan letakkan tepat diatas kode ]]></b:skin>
    /* News Ticker Wrapper */
    .newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaX-eMZCt1BHAFOGjCNW2b2nAn0gzmK_LZD8t1_yM_T9CR5mLi_t6HAPbadGHT4RL9s_5K04l17ZJO99gHFOtfBx60zucdWv_Drnnp4Ji4S0WKlMEsfMK5SXbUGAhhB2OVbzGouLPC5Jo/s1600/headline.png) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:28px;color:#ff0000;}
    .news {width: 940px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
    .news a:link{color:#ff0000;font-weight: bold;text-decoration:none}
    .news a:visited{color:#ddd;font-weight: bold;text-decoration:none}
    .news a:hover{color:#fff;font-weight: bold;text-decoration:underline}
  6. Lalu Cari Lago kode </head> dan letakkan kode berikut tepat diatas kode </head>
    <script src='http://www.google.com/jsapi?key=ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> INFONETGUE';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
    var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
    //]]></script>
  7. Dan langkah terakhir Peletakkan kode HTML untuk newstickernya, kamu bisa meletakkan ditempat yang kamu inginkan. dan disini sebagai contoh saya akan meletakkanya dibawah menu navigasi horisontal. silahkan cari kode <div id='navigation'> dan setelah kode <div id='navigation'> ditutup dengan kode </div> letakkan kode berikut tepat dibawah kode </div>
    <div class='newspic'>
    <div class='news'>
    <div style='float:left;padding:5px 60px 5px 7px;font:bold 14px Arial;color:#333;text-transform:none;'>
    Berita Terbaru :
    </div><div style='float:left;width:680px;padding:4px 0; position:relative; overflow:hidden;'>
    <script type='text/javascript'>
    var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
    cssfeed.addFeed(&quot;Sabar Muanas&quot;, &quot;http://infonetgue.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
    cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
    cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
    cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
    cssfeed.entries_per_page(1)
    cssfeed.init()
    </script>
    </div>
    </div><div style='clear:both;'/>
    </div>

    Ganti URL berwarna merah dengan URL blog kamu.
  8. Nah, Sekarang simpan template kamu.
Keterangan:
Kode menu navigasi berbeda-beda, jika tidak menemukan kode pada nomor 7 coba kamu cari kode <div id='content-wrapper'> dan letakkan kode HTML newsticker (yang ada pada nomor 7 ) letakkan tepat diatas kode <div id='content-wrapper'>

Demikian cara membuat newsticker / berita berjalan keren, jika kamu berhasil maka akan ada berita terbaru dari recent post blog kamu yang bergerak atau berubah-ubah layaknya yang ada pada template gaya sporty magazine 2.


Sumber
Read More …

Membuat Read More Otomatis Pada Blogspot

Posted by nana rudiana - 0 komentar

Membuat Read More Otomatis Pada Blogspot >> Read More atau Baca Selengkapnya yang sering kita lihat di setiap Blog memang sangat membantu untuk men-split artikel yang terlalu panjang. Namun ada sedikit kendala yaitu saat melakukan cut atau pemotongan artikel dengan menyisipkan <span class="fullpost"> dan </span> pada bagian akhir artikel, seperti postingan saya yang dahulu tentang membuat read more pada blogger.


Tapi jika Anda yang membutuhkan Read More Otomatis (RMO) untuk blog yang bersifat portal dan selalu up-todate bisa menggunakan script auto read more di bawah artikel ini, terdapat 2 (dua) script.

Sekarang cara menempatkan kedua Script tersebut adalah :

Pertama, silahkan masuk ke halaman EDIT HTML, Cari kode </head>
Letakkan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Kedua ,Kalau sudah, ganti kode <data:post.body/>
,ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Ketiga ,Simpan

Catatan : Untuk Anda yang telah membuat read More dengan Metode Manual harus dibersihkan dulu seperti default, hapus pada bagian warna merah, seperti contoh di bawah ini :

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Semoga bermanfaat :)
Read More …

Ini dia cara menambahkan Favicon atau icon adressbar Pada Blogger

Posted by nana rudiana - 0 komentar

Favicon atau favorite icon merupakan icon yang tampil pada adressbar sebuah website.

Membuat favicon sebenarnya mudah, hanya perlu menambah sedikit kode. Sayaratnya sobat harus punya gambar ukuran 32x32 px. Setelah sobat memiliki gambar kecil tersebut, upload gambarnya pada image hosting seperti Picasaweb.

Langkah - langkah menambahkan Favicon atau icon adressbar Pada Blogger :

1. Tentukan gambar kecilnya (ukuran 32x32 px) lalu upload dan simpan url image-nya.

2. login ke blog sobat >> Rancangan >> edit HTML

3. cari kode <title><data:blog.pageTitle/></title>

4. lalu letakkan letakkan kode berikut dibawah kode <title><data:blog.pageTitle/></title>

 untuk yang menggunakan gambar format gif :
<link href='alamat URL icon Anda' rel='shortcut icon' type='image/gif'/>
 untuk yang menggunakan format PNG :
<link href='alamat URL icon Anda' rel='shortcut icon' type='image/png'/>
Keterangan :
ganti alamat URL icon Anda dengan url gambar yang sobat simpan tadi, misalnya saya menggunakan https://lh3.googleusercontent.com/_MjQ5nfMCTIs/TWvHUKentoI/AAAAAAAAAJg/yg0n_z8mZLw/favicon.png

5. Save template sobat.. 
Read More …

Bagaimana cara membuat efek daun berjatuhan

Posted by nana rudiana - 0 komentar

Untuk sobat yang senang menghiasi blog dengan berbagai aksesoris. Efek berikut tidak boleh sobat lewati, yaitu bagaimana cara membuat efek daun berjatuhan.

Sobat sudah pernah memasang efek salju? jika sudah sebaiknya diganti dengan efek daun berjatuhan, sebab kebayakan efek nanti membuat loading blog sobat menjadi lemot. Bahayanya lagi memiliki efek samping terhadap daya tahan blog (#ngawur) :D

Berikut cara memasang efek daun berjatuhan di blog :

1. Login ke blog sobat >> Rancangan >> edit HTML >> centang Expand widget template.

2. Lalu sobat cari tag </head> pada template sobat.

3. Lalu copy script berikut dan letakkan diatas tag </head> tadi.
<script src='http://masterendi.googlecode.com/files/efek%20daun.js'/>
4. Save template, lalu lihat hasilnya..

Senangnya berbagi tips dan triks blog.. have fun..
Read More …

Cara membuat efek salju di blog model baru

Posted by nana rudiana - 1 komentar

Cara memasang salju di blog model baru -- Akhirnya dapat lagi salju model kedua yaitu salju yang butirannya lebih besar dari pada salju model pertama. Jika sobat pernah membuat efek salju pada blog sebaiknya dihapus dulu sebelum memasang efek salju model kedua ini.



Dan berikut cara memasang efek salju di blog model baru :


1. login ke dasbor


2. Rancangan --> Edit HTML --> cari kode </body>

3. Copy kode dibawah dan letakkan diatas </body> 
<script src='http://masterendi.googlecode.com/files/snow.js' type='text/javascript'></script>
4. Preview terlebih dahulu untuk memastikan bekerja atau tidak scriptnya pada template sobat.

5. Lalu SAVE template..


Demikian Cara membuat efek salju di blog model baru, selamat bersalju ria. Happy blogging and happy sharing...
Read More …

Pasang widget lucu disudut blog (Bagian kedua

Posted by nana rudiana - 1 komentar

Pasang widget lucu disudut blog (Bagian kedua)  --Sebelumnya pernah membuat cara memasang widget animasi kambing disudut blog, dapat tanggapan lumayan dari pembaca. Kali ini Pasang widget lucu disudut blog (Bagian kedua) tidak hanya satu animasi tapi 3 animasi.


Dan dijamin widget ini lucu-lucu. Pasang widget ini jika memang sobat berkenan, untuk sekedar menyapa pengunjung atau menghias blog saja. Tapi ingat sobat, jangan banyak - banyak ya? cukup satu atau dua saja.

Dan berikut adalah cara Pasang widget lucu disudut blog (Bagian kedua) :

1. Login ke dasbor blog sobat.

2. Rancangan --> add gadget

3. Pilih yang HTML/JavaScript.

4. Pilih animasi yang diinginkan dibawah lalu, masukkan kodenya kedalam kotak HTML/JavaScript tadi.
 Animasi 1:
 widget lucu
<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/00020506.gif" border="0" ></a>

Animasi 2, tikus imut :
widget lucu
 <div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/00020331.gif" border="0" ></a>

Animasi 3, pesawat oleng:
widget lucu
<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/00020388.gif" border="0" ></a>

KETERANGAN:
Kode warna merah adalah posisinya, right berarti kanan. Silahkan ganti right menjadi left untuk posisi widget menjadi kiri.

5. Save, dan lihat hasilnya..

Lucu kan? emang lucu, kalau gak lucu dilucu-lucuin aja.. haha. Demikian postingan tentang Pasang widget lucu disudut blog (Bagian kedua). Happy blogging and sharing..
Read More …

Cara membuat efek kursor bintang bertaburan

Posted by nana rudiana - 0 komentar

efek bintang bertaburan
Cara membuat efek kursor bintang bertaburan --Berbicara tentang efek, apalagi efek kursor, sudah banyak saya tulis, mulai dari cara pasang efek animasi kursor pada halaman posting, cara membuat efek buble atau gelembung pada kursor, Cara membuat efek salju di blog model baru, cara membuat efek salju versi 1, cara membuat efek gulungan pada sudut blog dan masih banyak lagi efek - efek lainnya.


Nah sobat masterendi.com saya ingin berbagi satu efek lagi yaitu Cara membuat efek kursor bintang bertaburan. Untuk sobat yang tertarik ingin mencoba, saya persilahkan untuk mengikuti langkah mudah berikut ini.


Cara membuat efek kursor bintang bertaburan :


1. Login ke dashboard blog


2. Lalu masuk ke menu Rancangan --> klik add gadget


3. Pilih HTML/JavaScript


4. Masukkan kode berikut :

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

5. Lalu SAVE


Selamat mencoba membuat efek kursor bertaburan bintang.. Untuk sobat yang sudah mencoba mari sharing dengan sobat-sobat masterendi.com bagaimana hasilnya..
Happy blogging and sharing..
Read More …

Pengikut