Blog Setting
Tautan Sponsor
Unlock Blog / Website Using Free Proxy
URL : www.
« »
« »
« »
« »
« »

TV One News Widget

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.

    <style type='text/css'>
    #tvone_news{
    background: #f4f8f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f8f9 1%, #e8f0f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f8f9), color-stop(100%,#e8f0f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9', endColorstr='#e8f0f2',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* W3C */
    box-shadow: 1px -1px 2px #bbc6c8;
    -webkit-box-shadow: 1px -1px 2px #bbc6c8;
    -moz-box-shadow: 1px -1px 2px #bbc6c8;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    padding:10px;
    width:260px;
    height:210px;
    }
    #tvone_news::after {
    content: "";
    position: relative;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #e8f0f2 transparent;
    display: block;
    width: 0;
    }
    </style>
    <div align="center">
    <div id="tvone_news">
    <object tabindex="0" name="player" id="player" bgcolor="#000000" data="http://www.tvonenews.tv/embed/mediaplayer-5.8-viral/player.swf" type="application/x-shockwave-flash" height="100%" width="100%"><param value="true" name="allowfullscreen"><param value="always" name="allowscriptaccess"><param value="true" name="seamlesstabbing"><param value="opaque" name="wmode"><param value="netstreambasepath=http%3A%2F%2Fwww.tvonenews.tv%2Fstreaming&amp;id=player&amp;file=http%3A%2F%2Fwww.tvonenews.tv%2Ftvone1.php&amp;stretching=exactfit&amp;controlbar.position=over" name="flashvars"></object></div><br />
    <div align='center'><img src="https://lh4.googleusercontent.com/-cwgKDjVstuk/Tv2EoSkZWLI/AAAAAAAAAsA/z_3nIALD9a4/s800/grace-natalie.png"/><br /><span style='font-size:80%;'><a href=''http://monozcore.blogspot.com/2011/12/tv-one-news-widget.html" style="text-decoration:none;color:grey;" title="MonozCore">get this widget</a></span></div>
    </div>

  • Klik "Save" dan lihat hasilnya.

TV One rss feed

TV One

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.

    <div id="widgetmain" style="background-color: #transparent; border: 1px solid #333333; overflow-x: hidden; overflow-y: auto; text-align: left; width: 250px;">
    <div id="rsswidget" style="height: 250px;">
    <iframe border="0" frameborder="no" hspace="0" id="rssOutput" marginheight="0" marginwidth="0" src="http://us1.rssfeedwidget.com/getrss.php?time=1325176210078&amp;x=http%3A%2F%2Fwww.tvonenews.tv%2Ffeed&amp;w=250&amp;h=250&amp;bc=333333&amp;bw=1&amp;bgc=transparent&amp;m=10&amp;it=false&amp;t=%28default%29&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=0000FF&amp;ls=14&amp;lb=true&amp;id=true&amp;dc=333333&amp;ds=14&amp;idt=true&amp;dtc=284F2D&amp;dts=12" style="border: 0; height: 250px; margin: 0; padding: 0; width: 250px;" vspace="0"></iframe></div>
    <div align="center" style="font-size: 80%;">
    <a href="http://monozcore.blogspot.com/2011/12/tv-one-news-widget.html" style="color: grey; text-decoration: none;">get this widget</a></div>

  • 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:.

FB Users () Comment | Read Users (2) Comment

Mengganti Link Home, Older Post & New Post Dengan Gambar

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:
  1. Login ke blog sobat.
  2. Klik "Design" kemudian klik "Edit HTML".
  3. Centang "Expand Widgets Templates' box".
  4. Untuk New Post cari kode di bawah :

    <b:if cond='data:newerPageUrl'>
    <span id='blog-pager-newer-link'>
    <a class = 'blog-pager-newer-link' expr: href = 'data: newerPageUrl'
    expr: id = 'data: widget.instanceId + "_blog-pager-newer-link"'
    expr: title = 'data: newerPageTitle'><data:newerPageTitle/></ a>
    </ span>
    </ b: if>

    Ganti baris kode diatas yang berwarna merah "<data:newerPageTitle/>" dengan kode "<img src="https://lh6.googleusercontent.com/-IziINC7s6GQ/Tuzccf9A2uI/AAAAAAAAAps/PFr6yRf0qrU/s800/newer.png"/>".

  5. Untuk Older Post cari kode di bawah :

    <b:if cond='data:olderPageUrl'>
    <span id='blog-pager-older-link'>
    <a class = 'blog-pager-older-link' expr: href = 'data: olderPageUrl'
    expr: id = 'data: widget.instanceId + "_blog-pager-older-link"'
    expr: title = 'data: olderPageTitle'><data:olderPageTitle/></ a>
    </ span>
    </ b: if>

    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"/>".

  6. Untuk Home cari kode di bawah :

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/> </ a>
    <b:else/>
    <b:if cond='data:newerPageUrl'>
    <a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/> </ a>
    </ b: if>
    </ b: if>

    Ganti baris kode diatas yang berwarna merah "<data:homeMsg/>" dengan kode "<img src="https://lh5.googleusercontent.com/-VT8oIwD29fM/TuzccRxbilI/AAAAAAAAApo/CXseXZcy8Ww/s800/home.png"/>".

  7. 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.
  8. Untuk menggunakan gambar / icon sendiri, sobat blogger cukup mengganti link URL gambar / icon yang sobat inginkan.
  9. Klik "Save" dan lihat hasilnya...
.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (6) Comment

Menghapus Subscribe to: Posts (Atom)


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...
  1. Login ke blog sobat.
  2. Klik "Design" kemudian klik "Edit HTML".
  3. Centang "Expand Widgets Templates' box".
  4. Cari kode seperti yang ada di bawah ini.

    <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
    <div class='blog-feeds'>
    <b:include data='feedLinks' name='feedLinksBody'/>
    </div>
    </b:if>

  5. Hapus baris kode yang berwarna merah "<b:include data='feedLinks' name='feedLinksBody'/>"
  6. Klik "Save" dan lihat hasilnya...
.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (0) Comment

Animated Recent Post

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:.

FB Users () Comment | Read Users (1) comments

Script Ucapan Selamat Natal & Tahun Baru

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>.

    <script type='text/JavaScript'>
    var mydate=new Date();
    var theyear=mydate.getFullYear();
    var theday=mydate.getDay();
    var themonth=mydate.getMonth()+1;if (themonth&lt;10)themonth=&#39;0&#39;+themonth;
    var theday=mydate.getDate();
    if (theday&lt;10)theday=&#39;0&#39;+theday;var displayfirst=themonth;
    var displaysecond=theday;var displaythird=theyear;
    if (theday == 1 &amp;&amp; themonth == 01){
    alert(&quot;Happy New Year &quot; + theyear);
    firestarter();
    }
    if (theday == 25 &amp;&amp; themonth == 12){
    alert(&quot;Merry X-mas may god be with you...&quot;);
    firestarter();
    }
    function firestarter(){
    var headID = document.getElementsByTagName(&quot;head&quot;)[0];
    var newScript = document.createElement(&#39;script&#39;);
    newScript.type = &#39;text/javascript&#39;;
    newScript.src = &#39;http://monozcore-project.googlecode.com/files/Fireworks.js&#39;;
    headID.appendChild(newScript);
    }
    </script>

  • 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...

FB Users () Comment | Read Users (6) Comment

Widget Feed Viva News

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; ">&laquo;</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; ">&raquo;</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 :.

FB Users () Comment | Read Users (5) Comment

Kumpulan Logo Blog Indonesia

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:.

FB Users () Comment | Read Users (6) Comment

Membuat Ucapan Selamat Berdasarkan Waktu di Postingan

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.

    <script src="http://monozcore-project.googlecode.com/files/Ucapan_Salam.js" type="text/javascript"></script>

  • 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:.

FB Users () Comment | Read Users (3) Comment

Drag n Drop Object Script

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
  • Login ke blog anda.
  • Klik "Design" kemudian klik "Edit HTML".
  • Cari kode </Head> kemudian letakan kode script dan css berikut ini di atas kode </Head>.

    <style type='text/css'>
    .drag{
    position:relative;
    cursor:hand;
    z-index: 1000;
    }
    </style>

    <script src='http://monozcore-project.googlecode.com/files/DragnDrop.js' type='text/javaScript'/>

  • Tambahkan kode [ class="drag" ] pada bagian tag HTML yang ingin difungsikan untuk bisa melakukan drag and drop.
    Contoh:
    Drag n Drop pada tag Img.
    <img class="drag" src="http://3.bp.blogspot.com/-_KDT-sKfTzg/TtC1g23VhyI/AAAAAAAAAh4/frAh5xqtlLY/s800/Garuda%252520Pancasila.gif" />

    Drag n Drop pada tag Div.
    <div class="drag">.....</div>

  • Klik "Save" dan lihat hasilnya...
.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (2) Comment

Efek Hantu Terbang Di Blog

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>.

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <SCRIPT SRC='http://monozcore-project.googlecode.com/files/MonozCore_Halloween.js' type='text/JavaScript'/>
    <SCRIPT type='Text/JavaScript'>
    function JSFX_StartEffects()
    {
        JSFX.AddGhost(&quot;https://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png&quot;);
        JSFX.AddGhost(&quot;https://lh3.googleusercontent.com/-v0PgPYW-N-s/Tssz7ufFA8I/AAAAAAAAAfI/sz3C2Z7q8Gs/s800/ghost1.gif&quot;);
        JSFX.AddGhost(&quot;https://lh5.googleusercontent.com/-SpLc1VaANcs/Tss47hTjmuI/AAAAAAAAAfQ/Qb_ANbbx674/s144/ghost3_0.png&quot;);
    }
    window.onload = JSFX_StartEffects;
    </SCRIPT>
    </b:if>

    • 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(&quot;URL link gambar&quot;);"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:.

FB Users () Comment | Read Users (12) Comment

Text Area Select All with Alert Box

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.

<form>
<div align="center">
<input onclick="javascript:fnSelect('code1');alert('Thank you for using this script...'); return true" type="button" value="Select All" /></div>
<div id="code1" style="border: 2px outset rgb(0, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; height: 200px; line-height: 1.5em; overflow-x: hidden; overflow: auto; text-align: left; width: 500px;">
...taruh text / script disini...
</div>
</form>

.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (1) comments

Menampilkan Gambar Background Berdasarkan Hari


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>.

    <script type='text/javascript'>
    today = new Date();
    day = today.getDay();
    sunday = &quot;https://lh3.googleusercontent.com/-04lzd9_psfo/TokcwJa9msI/AAAAAAAAAWg/KT5eFEjocxw/s800/BlueNebula.jpg&quot;;
    monday = &quot;https://lh5.googleusercontent.com/-ifFNpvIfbs4/TjGeUW76yUI/AAAAAAAAAFs/V8MOBLR5Zjw/s800/City.jpg&quot;;
    tuesday = &quot;https://lh3.googleusercontent.com/-ZARvc5VwH3Q/Tk61fa_jOiI/AAAAAAAAAOE/GViADldLJ-A/s800/HackerWall.jpg&quot;;
    wednesday = &quot;https://lh4.googleusercontent.com/-ZgGr3CZ-AkI/TliLxtcpESI/AAAAAAAAAQ8/dTiLcv5rV3U/s800/MonozCore.blogspot.com_Protect.jpg&quot;;
    thursday = &quot;https://lh3.googleusercontent.com/-ZARvc5VwH3Q/Tk61fa_jOiI/AAAAAAAAAOE/GViADldLJ-A/s800/HackerWall.jpg&quot;;
    friday = &quot;https://lh5.googleusercontent.com/-ifFNpvIfbs4/TjGeUW76yUI/AAAAAAAAAFs/V8MOBLR5Zjw/s800/City.jpg&quot;;
    saturday = &quot;https://lh3.googleusercontent.com/-04lzd9_psfo/TokcwJa9msI/AAAAAAAAAWg/KT5eFEjocxw/s800/BlueNebula.jpg&quot;;
    arday = new Array(sunday, monday, tuesday, wednesday, thursday, friday, saturday);
    document.write(&quot;<style>body{background: url(&quot; + arday[day] + &quot;); background-size:100% 100%; background-repeat:no-repeat; background-attachment:fixed;}</style>&quot;);
    </script>

    • 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:.

FB Users () Comment | Read Users (5) Comment

Banner Rotation Script


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>.

    //Script from http://monozcore.blogspot.com
    <script language="JavaScript">
    <!--
    var sponsor = 1;
    function surfToSponsor()
    {
    // Banner links.
       if (sponsor==1) window.location.href="http://monozcore.blogspot.com/p/contact.html";
       if (sponsor==2) window.location.href="http://monozcore.blogspot.com/p/contact.html";
       if (sponsor==3) window.location.href="http://monozcore.blogspot.com/p/contact.html";
    }

    function changeSponsor()
    {
    // Banner images.
       if (++sponsor > 3)  sponsor = 1;
       if (sponsor==1) document.images[0].src = "https://lh3.googleusercontent.com/-7Unz4lkkp7E/TtBtAYAhcnI/AAAAAAAAAhU/eY--Kf1_OGM/s800/MonozAds3468x60.png";
       if (sponsor==2) document.images[0].src = "https://lh3.googleusercontent.com/-QkeEW3Q6RWY/Ts4GBF1cH4I/AAAAAAAAAg8/HLcRRgwAmrc/s800/MonozAds1468x60.png";
       if (sponsor==3) document.images[0].src = "https://lh3.googleusercontent.com/-pfs1MfJ-Ims/Ts_glAwXcAI/AAAAAAAAAhM/dw6hB1BOglw/s800/MonozAds2468x60.png";
    // Set this value to the time between
    // rotations (1500 = 1.5 seconds)
       window.setTimeout('changeSponsor();',1500);
    }
    // -->
    </script>
  • 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.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>MonozCore Ads</title>
    <link href='http://lh4.ggpht.com/_mFe4nvV0PXc/TNpQforXPcI/AAAAAAAAAMk/gpMH_oXFdAQ/s800/blog_icon.png' rel='icon' type='image/gif'/>
    <meta content='MonozCore, free, software, widget, widgets, blogger widgets, blogger templates, free widgets, best widgets, blogs, blogger, blogspot widgets, blog widgets, money making, internet marketing, seo, blog info, PTC, dollar, freelance, free jobs, jobs, alexa, alexa ranks, pagerank' name='keywords'/>
    <meta content='INDEX, FOLLOW, ARCHIVE' name='ROBOTS'/>
    <meta content='monozcore' name='author'/>
    <meta content='monozcore' name='owner'/>
    <script language="JavaScript">
    <!--
    var sponsor = 1;
    function surfToSponsor()
    {
    // banners will link.
       if (sponsor==1) window.location.href="http://monozcore.blogspot.com/p/contact.html";
       if (sponsor==2) window.location.href="http://monozcore.blogspot.com/p/contact.html";
       if (sponsor==3) window.location.href="http://monozcore.blogspot.com/p/contact.html";
    }

    function changeSponsor()
    {
    // Banners
       if (++sponsor > 3)  sponsor = 1;
       if (sponsor==1) document.images[0].src = "https://lh3.googleusercontent.com/-7Unz4lkkp7E/TtBtAYAhcnI/AAAAAAAAAhU/eY--Kf1_OGM/s800/MonozAds3468x60.png";
       if (sponsor==2) document.images[0].src = "https://lh3.googleusercontent.com/-QkeEW3Q6RWY/Ts4GBF1cH4I/AAAAAAAAAg8/HLcRRgwAmrc/s800/MonozAds1468x60.png";
       if (sponsor==3) document.images[0].src = "https://lh3.googleusercontent.com/-pfs1MfJ-Ims/Ts_glAwXcAI/AAAAAAAAAhM/dw6hB1BOglw/s800/MonozAds2468x60.png";
    // Set this value to the time between
    // rotations (1500 = 1.5 seconds)
       window.setTimeout('changeSponsor();',1500);
    }
    // -->
    </script>
      </head>
      <body onLoad="window.setTimeout('changeSponsor();',1500);" style="background-color:transparent">
      <a href="javascript:surfToSponsor();" title="Place Ads Order" alt="ads here 468x60 px idr 40,000,- /month"><img name="banner" SRC="" style="left:0; top:0; margin:0; padding:0;"></a>
      </body>
    </html>

  • 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.

    <div align="center" class="topstyle">
    <iframe src="http://pastehtml.com/view/bf9gv8lk1.html" frameborder="0" scrolling="no" width="468px" height="60px" marginwidth="0" marginheight="0">You need a Frames Capable browser to view this content.</iframe></div>

  • Ganti src iFrame yang berwarna biru dengan lokasi URL file html yang tadi sudah disimpan.
  • Simpan dan lihat hasilnya...
.:Selamat Mencoba:.

FB Users () Comment | Read Users (2) Comment

Animasi Teks

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>

    <script src="monozcore-project.googlecode.com/files/AnimatedText1.js"  type="text/javascript"></script>
    <script type="Text/JavaScript">
    animate('animate', '#ff8000');
    </script>
  • Copy-paste kode di bawah ini ditempat yang anda inginkan.

    <span id="animate">Teks tulisan disini</span>
    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:.

FB Users () Comment | Read Users (1) comments

Animasi Teks Warna Warni

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.
  1. Copy-Paste script di bawah ini sebelum kode </Head>.

    <script type="text/javascript">
    //   Change next line for your text msg.
    var msg = 'http://monozcore.blogspot.com'
    var colorTimer = null;
    //  Color can be altered below - eg. remove - ABCDEF = darker
    function toHex(n){
    var hexChars = '0123456789ABCDEF';
    if (n == 0) return n;
    var j, k;
    var temp = '';
    while (n != 0){
    j = n % 16;
    n = (n - j)/16;
    temp = hexChars.charAt(j) + temp;
    }
    return temp;
    }
    function colorize(){
    if (!document.getElementById) return;
    for (i=0; i<msg.length; i++){
    k = Math.round(Math.random() * 16777215);
    k = toHex(k);
    while (k.length < 6){
    k = k + '0';
    }
    document.getElementById('colorizer' + i).style.color = '#' + k;
    }
    //  Speed change below - Default = 200 - Lower = Faster
    colorTimer = window.setTimeout('colorize()', 200);
    }
    window.onload =  colorize;
    </script>

  2. Ganti tulisan http://monozcore.blogspot.com pada kode script di atas dengan tulisan yang sobat inginkan.

  3. Copy-Paste script di bawah ini di antara TAG <Body> Script </Body> atau ditempat yang sobat inginkan pada halaman blog sobat.

    <div id="text" style="font-size:large; font-family: 'Courier New', Courier, monospace; letter-spacing:normal; font-weight:bold; font-style:normal; text-align:center; padding-top:15px;">
    <script>
    for (var i=0; i<msg.length; i++){
    document.write("<span id ='colorizer" + i + "'>" + msg.charAt(i) + "</span>");
    }
    </script></div>
    • 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

  4. Simpan dan lihat hasilnya...
Gimana kerenkan infonya, untuk kritik, saran, pertanyaan maupun komentar silakan saja ditulis di kolom komentar. Akhir kata .:Semoga Bermanfaat:.

FB Users () Comment | Read Users (1) comments

Tweet Box Twitter


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).

Loading Tweets...
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.
    <style>
    #twitter_update_list{
    list-style:none;
    }
    #twitter_update_list li{
    background: #f4f8f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f8f9 1%, #e8f0f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f8f9), color-stop(100%,#e8f0f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9', endColorstr='#e8f0f2',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* W3C */
    box-shadow: 1px -1px 2px #bbc6c8;
    -webkit-box-shadow: 1px -1px 2px #bbc6c8;
    -moz-box-shadow: 1px -1px 2px #bbc6c8;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    padding:15px;
    width:250px;
    }

    #twitter_update_list::after {
    content: "";
    position: relative;
    left: 30px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #e8f0f2 transparent;
    display: block;
    width: 0;
    }
    </style>
    <div align="justify" id="twitter_update_list">
    Loading Tweets...

    </div>
    <a title="Follow Me" href="http://www.twitter.com/monozcore" target="_blank"><img src="https://lh3.googleusercontent.com/-YZ7iTjxYQro/Tsfg3D67uPI/AAAAAAAAAdI/izSTw5BpzNA/s800/twitter_mexico.png"/></a>
    <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/monozcore.json?callback=twitterCallback2&count=1"></script>
    <br />
    <span style="font-size:80%;"><a href="http://monozcore.blogspot.com/2011/11/tweet-box-twitter.html" target="blank">Get This Widget</a></span>
  • 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:.

FB Users () Comment | Read Users (3) Comment