welcome

Cari di Blog ini

Add to Google Reader or Homepage

berbagi informasi, tips dan trick Blog

andiselebes Headline Animator

Enter your email address:

Delivered by FeedBurner


Cara Menghilangkan Angkah/Jumlah Label di Blog

Pada saat kitamenampilkan widget Label di Blog, tentu secara otomatis akan terlihat beberapa urutan label Posting dengan terlihat angkah atau jumlahnya, Mungkin sebagian blogger tidak ingin terlihat oleh pengunjung Blog dengan tampilan seperti pada gambar di bawah ini,


Untuk yang ingin menghilangkan angka Label Blognya, berikut caranya
1. Login di blogger
2. Ke Tata Letak
3. Kemudian Edit HTML
4. Jangan lupa centang tanda "Expand Template Widget"
5. Cari kode ini (<data:label.count>) biar gampang pakai Ctrl+F
6. Kalau sudah ketemu hapus kode tersebut
7. Save Template, selesai.

selamat mencoba.
READMORE--->

Cara Membuat Bingkai di posting Blog

Untuk membuat bingkai di posting Blog dapat dilakukan dengan 3 Cara yaitu:
1.Bingkai pada sebuah kata atau beberapa kalimat
2.Bingkai pada Satu Aline/paragraf, dan
3.Bingkai pada seluruh Posting Blog.

Pembuatan bingkai posting pada sebuah kata, teks atau sebuah alinea dapat dilakukan dengan menambahkan sebuah kode border pada tag “p”, yang didalamnya sekaligus bisa ditambahkan kode html lain untuk mengatur bentuk teks pada bagian yang berbingkai tersebut. Beberapa kode tambahan difungsikan untuk membentuk teks rata kanan, rata kiri, rata tengah (center), rata kanan-kiri (justify), meruabah warna teks, tebal font, jenis font (font-family), ukuran font (font-weight), padding dan margin serta beberapa kode yang lain misalnya style-font atau bisa juga berupa sebuah efek blink (teks berkedip).

Berikut Kode yang digunakan untuk bingkai pada sebuah kata atau beberapa kalimat :

<span style="padding:0 4px;color:blue;font-weight:normal;border:1px solid #e00c02;font-family:Cataneo BT;font-size:14px;">
Disini tempat menulis katanya
< /span>




Kode yang di gunakan untuk Bingkai pada satu Alinea :


<p style="padding:6px; color:blue;font-weight:normal;border:2px dashed #6c0702;font-family:arial;margin:15px 0;">
Disini tempat menulis Alinea/Paragraf
</p>



Dan Kode yang di gunakan untuk Bingkai Seluruh posting/Besar :

<div style="padding:6px; color:blue;font-weight:normal;border:2px solid #6c0702;font-family:Verdana;margin:15px 0;">
<p style="text-align:justify">
Di sini tempat menuliskan /teks/kalimat/alinea/paragraf!
</p>
<p style="text-align:justify">
Di sini tempat menuliskan /teks/kalimat/alinea/paragraf!
</p>
<p style="text-align:justify">
Di sini tempat menuliskan /teks/kalimat/alinea/paragraf!
</p>
..... dst
</div>


Catatan:
Susunan jumlah Kode bisa dikurangi sesuai yang dibutuhkan.
Selamat Mencoba.


Sumber Posting : http://gubhugreyot.blogdetik.com/
Thanx....

READMORE--->

Cara Memasang /Membuat Tabel Code Warna di Blog


Bagi sobat yang senang mengedit template Blog, pastinya membutuhkan Code warna saat mengedit Template Blog, supaya lebih praktis mendingan dipasang sendiri di posting Blog sobat, dari pada nyari lagi disitus lain.
Disini ada 2 cara memasang Tabel Code warna di Blog
1. Memasang di Posting Blog
2. Memasang di Widget Blog.

Menurut Saya mendingan dipasang di posting Blog ajah,kalau dipasang di Widget Blog, ntar tambah berat loading blognya, seperi contoh Posting code warna HTML Saya disini
Caranya ikuti langkah2 berikut:

1. Masuk ke akun Blogger Anda (Login)
2. Klik Tata Letak (Rancangan)
3. Klik Edit HTML
4. Backup Template dengan cara Download Template Lengkap
5. Beri tanda centang pada kotak di samping tulisan Expand Template Widget
6. Tunggu sebentar, kemudian cari Kode ini  </head> kemudian Copas kode dibawah  ini dan simpan pas diatas code </head> .

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>


<script type='text/javascript'>


var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;


function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}


// Picker ---------------------------------------------------------


function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };


picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };


hueUpdate();


dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}


executeonload(init);


function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}




function hueUpdate(newVal) {


var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }


var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);


document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";


pickerSwatchUpdate();
}


function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);


h = h / 180;


var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);


var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);


var a = YAHOO.util.Color.hsv2rgb( h, s, v );


document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";


document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}


</script><!--[if gte IE 5.5000]>
<script type="text/javascript">


function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src='" + img.src + "', sizingMethod='scale');"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}


YAHOO.util.Event.addListener(window, "load", correctPNG);


</script>
<![endif]-->


7. Klikk SAVE TEMPLATE.

Dan untuk menampilkan tabel Code warna pada posting Blog atau widget masukan kode berikut ini :




Dan untuk memasang di widget blog :
1. Klik tab Page element
2. Klik add Gadget
3. PIlih HTML/Java Script
4. Masukan kode seperti diatas
5. Klik Save

Selamat mencoba.
READMORE--->

Kode Warna HTML

Daripada susah2 nyari kode warna klik ajah dibawa ini, kemudian akan muncul kode Warnanya dibawah kotak kode Warna yang terpilih.







































































































































































































Kode warna yang terpilih :

READMORE--->

Tips Mengatasi Sakit Maag

Sakit Maag Kalau dalam bahasa Kedokteran di sebut Dyspepsia, merupakan Penyakit yang paling banyak menjangkit di masyarakat, termasuk Saya. sehingga saya mecoba mencari artikel tips untuk mengatasi kambuhnya penyakit Maag, maklum bukan dokter.Penyakit Maag mengakibatkan juga Komplikasi, apabila sakitnya kena berulang-ulang.
Menurut sumber yang Saya baca dari artikel id.shvoong.com, berikut ada beberapa Tips untuk penderita Maag yang mungkin dapat membantu mencegah Munculnya atau kambuh yang berakibat Komplikasi, yaitu :

 Berusahalah untuk makan yang teratur
 Siapkan persediaan Antasida/obat Maag dalam rumah maupun kegiatan diluar rumah untuk mengatasi keadaan darurat.
 Sebaiknya sesering makan makanan dalam Porsi kecil untuk menghindari agar lambung tidak kosong
 Hindari makan makanan yang bersifat Asam dan Pedas, karena dapat memproduksi gas dalam Lambung dan dapat merangsang Lambung.
 Hindari Minum Minuman Beralkohol, Kopi dan sebaiknya jangan merokok.
 Makan makanan yang mengandung serat tinggi seperti, Sayur dan buah-buahan untuk memperlancar saluran Pencernaan.
 Olaraga yang teratur untuk meningkatkan stamina dan memperbaiki kondisi Fisik
 Hindari keadaan yang dapat memacu Asam Lambung seperti Stres, karena Stres merupakan faktor psikis yang dapat merangsang Asam lambung.
 Berobat secara teratur ( Semoga cepat Sembuh).


READMORE--->

Cara Menghilangkan Tanggal Posting Blog

Untuk yang ingin menghilangkan Tanggal diposting Blognya,

1. Masuk keHalaman Edit HTML
2. Centang kotak Expand Template Widget3. Cari kode di bawa ini, biar cepat pakai Ctrl F

 date-header span { 


3. Pasang kode ini dibawanya visibility: hidden;
  

4.seperti pada contoh dibawah ini:

/* Posts
----------------------------------------------- */
.date-header span {
background-color: $(date.header.background.color);
color: $(date.header.color);
padding: $(date.header.padding);
letter-spacing: $(date.header.letterspacing);
margin: $(date.header.margin);
visibility: hidden;
 }





5.   Untuk melihat hasilnya PREVIEW dulu, setelah Berhasil  Jangan Lupa Di SAVE TEMPLATE
READMORE--->

Cara Pasang Artikel Terkait/Related Posts di Blog

Bagi yang ingin memasang disetiap posting blognya ini barangkali bermanfaat buat Anda, baiklah lansung ajah...

Sigin ( masuk ) di blogger dengan id Anda

Sigin ( masuk ) di blogger dengan ID Anda

Klik menu layout ( Tata Letak )

Klik menu yang bertuliskan Edit HTML Klik yang Bertuliskan Download Template Lengkap, Silahkan Disave dulu template di pc anda, untuk mencegah resiko terjadinya kesalahan dalam melakukan editing template. Centang kotak kecil berada disebelah kanan di samping tulisan Expand Template Widget seperti pada gambar dibawa ini,  sebab kalau tidak di beri tanda centang maksudnya akan lain dan tunggu sampai proses selesai.

  • Di Template Blog milik Anda coba cari kode seperti di bawah, biar gampang nyarinya pakai Ctrl F

    div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'/>

    <div class='post-footer-line post-footer-line-2'/>

    <div class='post-footer-line post-footer-line-3'/>
    </div>
    </div>

     Setelah itu copy kode  di bawah ini, lalu paste persis di bawah kode yang di atas tadi :

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='similar'>
    <!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
    <!-- *****************Related Articles by Labels - Take Two****************** -->
    <div class='widget-content related-by-cat'>
    <h3>Related Posts / Artikel Terkait :</h3>
    <div id='data2007'/><br/><br/>
    <div id='hoctro' style='display:none;'>
    Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u>
    </div>
    <script type='text/javascript'>

    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 50;
    var maxNumberOfLabels = 40;

    maxNumberOfPostsPerLabel = 40;
    maxNumberOfLabels = 40;


    function listEntries10(json) {
    var ul = document.createElement(&#39;ul&#39;);
    var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length : maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    for (var k = 0; k &lt; entry.link.length; k++) {
    if (entry.link[k].rel == &#39;alternate&#39;) {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li = document.createElement(&#39;li&#39;);
    var a = document.createElement(&#39;a&#39;);
    a.href = alturl;

    if(a.href!=location.href) {
    var txt = document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
    }
    }
    for (var l = 0; l &lt; json.feed.link.length; l++) {
    if (json.feed.link[l].rel == &#39;alternate&#39;) {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length+13);
    var k;
    for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
    var txt = document.createTextNode(label);
    var h = document.createElement(&#39;b&#39;);
    h.appendChild(txt);
    var div1 = document.createElement(&#39;div&#39;);
    div1.appendChild(h);
    div1.appendChild(ul);
    document.getElementById(&#39;data2007&#39;).appendChild(div1);
    }
    }
    }
    function search10(query, label) {

    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
    + label +
    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
    document.documentElement.firstChild.appendChild(script);
    }

    var labelArray = new Array();
    var numLabel = 0;

    <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
    textLabel = &quot;<data:label.name/>&quot;;

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }
    }
    </b:loop>
    </b:loop>
    </script>
    </div>

    </div>
    </b:if>


    • Kemudian Klik tombol SIMPAN TEMPLATE / SAVE TEMPLATE. 
    • Semoga berhasil...






    READMORE--->

    My Logo Blog

    Add andiselebes Mippin widget berbagi informasi, tips dan trick Blog
    Free counters!

    Encode HTML

    analystics