Batak Medan Tube

Kumpulan semua url script

batakmedan@googlemail.com (batakmedantube) — Sun, 16 Dec 2012 15:28:00 +0000

Disini adalah tempat kumpulan/brankas url script blog saya, sebab, jikalau tidak saya beckup, niscaya bentuk tampilan blog saya akan hancur dikarenakan script-script orang yang di buat tersebut hostingnya rusak, nah, kalau sudah rusak hostingnya, maka rusak jugalah semua tampilan blog saya.

Tapi yang saya simpan disini adalah hanya urlnya saja, dan css nya tidak, sebab css itu kan bisa dibuat, namun kalau script tidak mudah untuk membuatnya. Saya perhatikan, orang-orang yang membuat script tersebut sudah mulai memberikan password, aneh juga kalau sampai ketika kita mau login keblog sendiri harus menggunakan password orang lain, kan jadi aneh.

Inilah di url script saya:

1- JCarousel: http://syafii-project.googlecode.com/files/jCarouselLite.js

2- Tabcontent: http://syafii-project.googlecode.com/files/tabcontent.js

3- Slidemenu: http://syafii-project.googlecode.com/files/jqueryslidemenu.js

4- Contentslider: http://syafii-project.googlecode.com/files/contentslider.js

5- Project: http://syafii-project.googlecode.com/files/jquery.min.js

6- Lightbox: http://syafii-project.googlecode.com/files/jquery.lightbox-0.5.js

7- Lightbox CSS: http://syafii-project.googlecode.com/files/jquery.lightbox-0.5.css

8- Tabviewmaskolis: http://tab-views.googlecode.com/files/tabview.js

9- Tabview text: http://tab-views.googlecode.com/files/jquery%20tabviews.js.txt

10- Headline: http://tab-views.googlecode.com/files/jquery%20headline.txt

11- Relatedpost: http://related-postsyafii.googlecode.com/files/related.js

12-

13-

14-

15-

Software TV internet Online
Download Transkrip Nilaiku1 4sahraed
Download Transkrip Nilaiku2 Mediafire

TV Online SCTV

batakmedan@googlemail.com (batakmedantube) — Sat, 15 Dec 2012 12:37:00 +0000

TV Online Indonesia

TV online TVRI

batakmedan@googlemail.com (batakmedantube) — Sat, 15 Dec 2012 11:39:00 +0000

Loading the player ...

TVRI Nonton TV TVRI juga asik lho

Tom And Jerry Cartoon TV Online

batakmedan@googlemail.com (batakmedantube) — Sat, 15 Dec 2012 10:35:00 +0000

Sumber

Dragon TV Online

batakmedan@googlemail.com (batakmedantube) — Sat, 15 Dec 2012 10:30:00 +0000

Watch live streaming video from dragonn_tv at livestream.com

Sumber

Script TV Online Gratis

batakmedan@googlemail.com (batakmedantube) — Sat, 15 Dec 2012 10:17:00 +0000

Hy Sobat [R][B] Community Kali ini Saya mau berbagi macam² script TV online yang saya dapatkan dari sebagian situs yang saya singgahi!
HEheheee maaf sesudahnya udah curi² script TV kalian :p
Tapi niat saya baik kok, hanya ingin berbagi saja kepada teman² yang mampir di [R][B] Community
Lumayan kan. Saya juga sudah buat>> [R][B] Community [T][V]
Ayoooo yang mau, buruan buat!

ASTRO PRIMA:

B-Cannel:

Blomberg:

ESPN:

Goal TV:

Kompas TV:

KTV:

NAZA TV:

Speedy TV 1:

Speedy TV 2

Speedy TV 3

800 Channels TV

Mivo TV

Maaf Untuk Speedy TV 3 ketemunya script yg di Encode xD..
gak apa-apa lah,.. yang penting ojok jotos-jotosan yo mas yooo!!!

Untuk Sebuah nama-Meriam bellina

batakmedan@googlemail.com (batakmedantube) — Fri, 14 Dec 2012 14:36:00 +0000

Nama adalah sebuah sebutan, namun yang namanya sebuah untuk nama, itu ada di dalam syair ini

YANG PERTAMA KALI

batakmedan@googlemail.com (batakmedantube) — Fri, 14 Dec 2012 14:32:00 +0000

Memiliki memang adalah hal lumrah dari setiap naluri manusia

Pance Pondaag Satukanlah Hati Kami

batakmedan@googlemail.com (batakmedantube) — Fri, 14 Dec 2012 13:56:00 +0000

Pance Pondaag adalah seorang musisi yang sangat menakjubkan untuk yang namanya nostalgia

Maila Au Mulak / Lagu Batak

batakmedan@googlemail.com (batakmedantube) — Fri, 14 Dec 2012 13:51:00 +0000

Lagunya bisa membuat semua orang berfikir, itupun kalau tau artinya

Membuat Content Slider Image Otomatis

batakmedan@googlemail.com (batakmedantube) — Wed, 12 Dec 2012 05:40:00 +0000

Sebelum template pada demo slider ini saya bagikan nantinya, saya akan mengulas satu persatu terlebih dahulu fitur yang ada pada template ini. Dan disini Anda akan mengetahui bagaimana sebuah template akan bekerja bersama dengan beberapa fitur yang ada di dalamnya secara otomatis. Prinsip kerja dari Content Slider ini hampir sama pada artikel saya sebelumnya tentang membuat slider otomatis pada template Sporty Magazine 2, bedanya hanya pada tampilan thumbnail kecil yang saya letakkan di bawah dan efek mouseover yang ditambahkan pada slider ini.

Banyak sekali tutorial membuat image slider yang sudah beredar di internet, dari beberapa kasus yang saya temui kebanyakan masih memasukkan URL gambar dan keterangan satu persatu, dan itu sangat merepotkan dan membutuhkan ketelitian, meskipun ada beberapa diantaranya yang sudah otomatis, disini saya hanya memberikan alternatif lain untuk memperbanyak koleksi teman-teman semua mengenai prinsip dasar dari kerja sebuah image slider otomatis pada blog platform blogger. Tampilan image slider seperti gambar dibawah, jika anda perhatikan sebenernya inilah dasar dari pembuatan Yahoo slider sederhana yang saya pasang pada template Johny Simplemag. Anda bisa modifikasi sendiri sesuai selera.

DEMO

Di blog demo ada slider image Carousel otomatis, jika Anda tertarik silahkan baca tutorialnya pada Membuat Slider Carousel Otomatis Berdasarkan Label.

Cara Pembuatan

Langsung saja pada langkah-langkah pembuatan Content Slider Image otomatis ini :

Langkah pertama, Anda mesti login ke blogger dengan akun Anda
Pilih blog yang ingin anda tambahkan slider image ini.
Setelah itu masuk ke template >> Edit HTML, kemudian centang expand widget templates
Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
Langkah berikutnya, letakkan kode berikut ini diatas kode ]]></b:skin> :

#featuredContent{float:left;width:407px;margin-right:10px;display:inline}
#featured-slider{position:relative;overflow:hidden;width:407px;height:245px}
#featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDhjXij_3OGqvRMlJKUFBw3nS1yGLbTPFBwiXYYDatNaPa5lWpuN8CI9tekL1k5mdvQgU8l-zV55oiAPjotj4n6JS8y7vMDVzOtJ_jWsLdvrz68YruWZAjf_30v4T6fb7IHkISays2xLd_/s1600/transparant.png)}
#featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px}
#featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px}
#featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;z-index:1}
#paginate-featured-slider{display:block;background-color:#f0f0f0;margin-bottom:0;padding:0 0 5px}
#paginate-featured-slider ul{width:415px;padding-bottom:0;list-style:none}
#paginate-featured-slider ul li{display:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px}
#paginate-featured-slider img{padding-top:5px;background:#f0f0f0}
#paginate-featured-slider a img{border-top:4px solid #f0f0f0}
#paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{border-top:4px solid #357798}

Tulisan warna biru diatas adalah panjang dan lebar slider pada demo, silahkan sesuaikan ukurannya.
Masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :

<script src='http://syafii-project.googlecode.com/files/jquery.min.js' type='text/javascript'/>
<script src='http://syafii-project.googlecode.com/files/contentslider.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Wdmx3AO2c5cFUPPtXkotzU1xhGhEJA0hEd_Rknyzs6ouoXaarST9VK0NgD3rqgQzn7zMTxw1enF6aePtUEA6A-gV5VuKcwWuYw7n-W47E4cXxU8VcOiXBCFwgGcdn2_LV9jobl-MVwA/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 100;
summaryTitle = 25;

numposts3 = 5;

function removeHtmlTag(strx,chop){
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);
}
}

s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts3(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();

    for (var i = 0; i < numposts3; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }

        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }

        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";

        postdate = entry.published.$t;

    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];

    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;

    var trtd = '<div class="contentdiv"><a href="'+posturl+'"><img width="407" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"><h2 class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
    document.write(trtd);

    j++;
}

}

function showrecentposts4(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();

    for (var i = 0; i < numposts3; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }

        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }

        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";

        postdate = entry.published.$t;

    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];

    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;

    var trtd = '<li><a class="toc" href="#"><img width="75" height="50" class="alignnone" src="'+img[i]+'"/></a></li>';
    document.write(trtd);

    j++;
}

}

//]]>
</script>

Keterangan :

Kode script warna merah (paling atas) adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
Warna biru : Jumlah post yang ditampilkan dalam slider
Warna hijau : Panjang dan lebar image besar
Warna merah tua : Panjang dan lebar image kecil
Setelah langkah diatas, save templates terlebih dahulu. Setelah itu menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :

<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>

Keterangan :

Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan. Dan warna merah adalah keterangan slider yang berupa kecepatan, slider efek mouseover dan lain-lain, tidak harus dimasukkan.
Jika Anda ingin menggantinya dengan recent post atau artikel terbaru ganti kode (ada dua ganti semua) :

script src=\"/feeds/posts/default/-/sport?max-results
dengan kode berikut :

script src=\"/feeds/posts/default?max-results

Jika anda ingin meletakkannya langsung pada template, anda bisa letakkan kode nomer 7 dibawah kode <div id='main-wrapper'>, bagi yang ingin meletakkannya pada kotak HMTL/Javascript bisa dibuat dulu satu kolom kosong diatas blog post. Cara membuatnya, letakkan kode berikut diatas ]]></b:skin>

/* Slide Content
----------------------------------------------- */
.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;} 
.slide {color: #666666;line-height: 1.3em;}
.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.slide li {margin:0;padding-top:0;
padding-right:0;padding-bottom:.25em;
padding-left:0px;text-indent:0px;line-height:1.3em;}
.slide .widget {margin:0px 0px 6px 0px;}

Kemudian untuk memunculkannya pada layout (diatas blog post), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya :
```
<b:if cond='data:blog.url == data:blog.homepageUrl'>
      <div id='slide-wrapper'>
<b:section class='slide' id='slide' preferred='yes'/>
      </div>
</b:if> 
```

Jika diperhatikan kode script yang ada diatas memang terlalu banyak, dan tentunya akan semakin memperlambat loading sebuah blog. Untuk mengatasinya Anda bisa menyimpan kode-kode yang terlalu panjang tersebut di tempat penyimpanan Google Code. Nah, itu tadi salah satu fitur slider image yang saya ulas kali ini. Saya berharap dengan mengulas satu persatu fitur dalam sebuah template, nantinya teman-teman semua bisa membuat sebuah tampilan template sendiri dengan memodifikasi dari dasar tampilan yang sudah saya berikan diatas.Selamat mencoba dan semoga bermanfaat,

Sumber

Border dan radius

batakmedan@googlemail.com (batakmedantube) — Sat, 08 Dec 2012 17:21:00 +0000

ok langsung aja cara membuat border .. mau lihat contoh liat gmbar ini :

mau seperti itu ini kodenya :

jika ingin meletakan BORDER pada panah nomor 1 : cari kode .post{ lalu masukkan kode berikut ini di dalam tanda kurung tersebut

border: 2px solid red;

jika ingin meletakan BORDER pada panah nomor 2 : cari kode .post-title{ lalu masukkan kode ini di dalam tanda kurung tersebut

border: 2px solid red;

jika ignin meletakan BORDER pada panah nomor 3 : cari kode .sidebar{ lalu masukkan kode ini di dlam tanda kurung tersebut

border:2px solid red;

NB : 2px itu ukuran besar garisnya
red itu warna garisnya

-----------------------------------------------------------------------------

Nah kalo itu cara buat bordernya, lalu bagaimana bordernya agar melengkung ? simak berikut ini :

1. Kode di bawah hanya akan bekerja jika Anda menggunakan Firefox atau browser lain yang mendukung Mozilla-moz-border-radius properti.

Example 1

-moz-border-radius: 1em;

Example 2

-moz-border-radius-topright: 2em; -moz-border-radius-topleft: 2em;

Example 3

-moz-border-radius: 2em 0;

Example 4

-moz-border-radius: 3em 1em;

2. Kode di bawah hanya akan bekerja jika Anda menggunakan Versi terbaru dari safari / juga bisa di Google Chrome.

Example 5

-webkit-border-radius: 1em;

Example 6

-webkit-border-top-right-radius: 24px; -webkit-border-top-left-radius: 24px;

Example 7

-webkit-border-radius: 24px 0;

Example 8

-webkit-border-radius: 36px 12px;

Example 9

-webkit-border-top-right-radius: 50px 30px; -webkit-border-bottom-right-radius: 50px 30px;

3. Kode di bawah ni special untuk WebKit, Firefox dan Opera sekarang mendukung sejumlah fitur lain CSS3, termasuk dampak sederhana berikut dan transformasi. Untungnya, tidak seperti sudut dibulatkan, untuk bayangan dan transformasi ada tampaknya tidak menjadi kesepakatan tentang sintaks yang umum.

-webkit-box-shadow

Shadow Example

-webkit-border-radius: 36px 12px; -moz-border-radius: 36px / 12px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

4. Kode di bawah ini bekerja di Firefox dan Opera memungkinkan Anda untuk menentukan tidak hanya sudut elips yang cocok, tetapi juga sudut elips yang berbeda dalam satu properti steno.

Example 8

-moz-border-radius: 36px / 12px; border-radius: 36px / 12px;

Example 9

-moz-border-radius-topright: 50px 30px; -moz-border-radius-bottomright: 50px 30px;

Ok sekian tutorial dari saya

Sumber

Instruksi untuk Slider template ini

batakmedan@googlemail.com (batakmedantube) — Fri, 07 Dec 2012 12:10:00 +0000

Below are instructions to post images into the slider for this template - Gadgets For Blogger:

To add content to image slider -- Click on Edit in the slider widget

Add this code to the body of the gadget:

<div class="fp-slides-items" >
<div class="fp-thumbnail">
<a href="post url"><img src="image url for slider" /></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content">
<h3 class="fp-title">
<a href="post url">post title</a>
</h3>
<p>
Post description snippet
</p>
</div>
<div class="fp-prev-next-wrap clearfix">
<a href="#fp-next" class="fp-next"></a>
<a href="#fp-prev" class="fp-prev"></a>
</div>
</div>
</div>

Change the areas indicated in bold to your desired targets. This code is good for one image in the slider. If you want more than one image, just duplicate this code. For example:

</div>

<a href="post url">post title</a>

</h3>

<p>

Post description snippet

</p>

</div>

</div>

</div>

<a href="post url">post title</a>

</h3>

<p>

Post description snippet

</p>

</div>

</div>

The code above is for two images. Just repeat the code for how many images/posts you wish to appear in the slider.

Twitter, Facebook, Email, RSS, Search dan Text area

batakmedan@googlemail.com (batakmedantube) — Fri, 07 Dec 2012 11:45:00 +0000

Jikan anda ingin seperti gambar diatas diletakkan di blog anda, silahkan copy Scriptnya di form dibawah ini:

Codenya dibawah ini

Codenya dibawah ini:

Dibawah ini adalah Form untuk text area, silakan embbed codenya.

Jika tidak bisa code diatas, silakan ambil dibawah ini

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Text anda disini</textarea></p></form></div>

Google CSE

batakmedan@googlemail.com (batakmedantube) — Fri, 07 Dec 2012 03:10:00 +0000

Memasang Google CSE di Bawah Posting Blog

Temen-temen blogger tentunya sudah tidak asing lagi dengan Google CSE yang merupakan tempat pencarian berdasarkan keyword yang diinginkan untuk menghasilkan pencarian yang Optimal yang sesuai dengan kata kunci yang ditargetkan. Pada postingan ini akan membahas cara pemasangan Google CSE yang di tampilkan di bawah postingan, yang hasilnya nanti akan seperti gambar .

Jadi ketika kita membuka judul posting maka Google CSE ini akan tampil dibawah label dan menampilkan hasil pencarian dari keyword yang sesuai dengan label pada postingan. Seperti itulah kira kira, untuk contoh hasilnya yang telah di pasang Autofill Google CSE ini bisa lihat disini, Silahkan klik salah satu postingannya dan anda lihat pada bagian atas komentar atau dibawah label. Anda akan melihat tampilan Google CSE di bawah posting, ya karena ini memang blog demo jadi saya pasang berbagai macam kode HTML untuk praktik termasuk AutoFill Google CSE.

Script yang digunakan ini merupakan Script Autofill Google AJAX Search API CSE yang setelah saya coba coba akhirnya bisa juga di pasang. langsung saja pada proses pemasangannya :

Masuk Dashboard >> Rancangan >> Edit HTML >> Expand Widget Templates
Cari kode seperti ini <b:includable id='comments' var='post'>
Masukan Script di bawah ini tepat dibawah kode di atas.

<script src='http://www.google.com/jsapi'/>
<script type='text/javascript'>
google.load('search', '1');
function OnLoad() {
var customSearchControl = new google.search.CustomSearchControl('ID-CSE-bloganda');
customSearchControl.draw('content');
customSearchControl.execute('<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'> OR </b:if></b:loop></b:if>');}
google.setOnLoadCallback(OnLoad);
</script>
<div id='content'>Loading...</div>
Ganti ID-CSE-bloganda dengan ID Google CSE Blogger kanmu. Pastikan blogger sudah mendaftar terlebih dahulu di google Cost0m Search Engine untuk bisa mendapatkan ID dari google CSE.
Jika sudah silahkan di save.

Pemasangan Google CSE di bawah postingan sudah selesai, jika anda mau autofill berdasarkan title postigan blog, anda tinggal ganti kode:

<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'> OR </b:if></b:loop></b:if>

dengan kode berikut (untuk autofill CSE berdasarkan title postingan):

<b:if cond='data:post.title'><data:post.title/></b:if>

Selamat mencoba semoga berhasil.
Sumber

Membuat related post bergambar/thumbanil

batakmedan@googlemail.com (batakmedantube) — Wed, 05 Dec 2012 23:49:00 +0000

Untuk contohnya bisa dilihat langsung dibawah postingan blog ini.

Caranya:

1- Cari code ]]></b:skin>, setelah ketemu, masukkan CSS dibawah ini tepat sebelum code ]]></b:skin>

#related-posts{float:left;width:auto;} #related-posts h1{background:none;color:#333;font:20px Oswald;padding:3px} #related-posts .maskolis_img {padding:3px 5px;width:130px;height:90px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out} #related-posts .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}

2- Cari code </head>, setelah ketemu masukkan script berikut tepat diatasnya

<script type='text/javascript'> //<![CDATA[ imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Wdmx3AO2c5cFUPPtXkotzU1xhGhEJA0hEd_Rknyzs6ouoXaarST9VK0NgD3rqgQzn7zMTxw1enF6aePtUEA6A-gV5VuKcwWuYw7n-W47E4cXxU8VcOiXBCFwgGcdn2_LV9jobl-MVwA/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=180;summaryPost1=80;summaryTitle=20;numposts=4;numposts1=5;numposts2=4;numposts3=4;numposts0=12;Title1="Opini Tafsir";Title2="Artikel Tauhid";Title3="Seputar Fiqih";Title4="Mustholah Hadits";Title5="Negara Muslim";function removeHtmlTag(strx,chop){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)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;if(i==0){var trtd='<div class="boxcont"><div class="thumb"><a href="'+posturl+'"><img width="336" height="256" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><div class="more"><div class="more">More news</div></div><ul>';document.write(trtd)}if((i>0)&&(i<numposts)){var trtd='<li><a href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd)}j++}document.write('</ul></div>')}function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts1<=json.feed.entry.length){maxpost=numposts1}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';if(i==0){var trtd='<li class="first"><div class="entry-thumb"><a href="'+posturl+'"><img width="80" height="70" src="'+img[i]+'"/> </a></div><h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2><h5>'+daystr+'</h5><div class="entry-excerpt">'+removeHtmlTag(postcontent,summaryPost1)+'... </div></li>';document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd='<li class="catlist"><a href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd)}j++}}function showrecentposts2(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts2;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="column"><a href="'+posturl+'"><img width="143" height="95" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost1)+'...</p></div>';document.write(trtd);j++}}function showrecentposts3(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts3;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;if(i==0){var trtd='<div class="boxcontent1"><div class="thumb"><a href="'+posturl+'"><img width="300" height="210" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><div class="more">More news</div><ul>';document.write(trtd)}if((i>0)&&(i<numposts3)){var trtd='<li><a href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd)}j++}document.write('</ul></div>')}function showrecentposts0(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts0;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="69" height="64" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd);j++}document.write('</ul>')}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Wdmx3AO2c5cFUPPtXkotzU1xhGhEJA0hEd_Rknyzs6ouoXaarST9VK0NgD3rqgQzn7zMTxw1enF6aePtUEA6A-gV5VuKcwWuYw7n-W47E4cXxU8VcOiXBCFwgGcdn2_LV9jobl-MVwA/s1600/no+image.jpg'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 10px 10px 0;float:left;border:solid 1px #ccc;');if(i!=0)document.write('border:solid 1px #ccc;"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="maskolis_img" src="'+thumburl[r]+'"/><br/><div style="width:130px;padding:0 5px;color:#222;height:35px;text-align:center;margin:0px 0px; font:14px PT Sans Narrow; line-height:16px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)} //]]> </script>

3- Kemudian letakkan code berikut setelah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=4; var relatedpoststitle="<b>Related Posts :</b>"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/> </b:if>

Dialog dengan genderuwo

batakmedan@googlemail.com (batakmedantube) — Wed, 05 Dec 2012 23:14:00 +0000

Judulnya: Dua Dunia - Ustad Hakim vs Genderuwo Lucu juga melihat genderuwo dialog sama manusia yah hahahaha. makanya jadi orang harus selalu beriman da percaya sama manusia.

MENARA LOJI

batakmedan@googlemail.com (batakmedantube) — Wed, 05 Dec 2012 22:44:00 +0000

Judulnya: DUA DUNIA - MENARA LOJI FULL (30-10-2012) Hahahaha, jin yang terakhir terlihat sangat lucu sekali, kita baru tahu kalau memang jin itu suka mengkelabuhi manusia.

KEAJAIBAN PENCIPTAAN MANUSIA

batakmedan@googlemail.com (batakmedantube) — Wed, 05 Dec 2012 18:50:00 +0000

Ini adalah video Harun Yahya, kita bisa melihat secara langsung petualangan beliau, begitu juga sumbang sih beliau kepada manusia.

Tanah Surga, Katanya

batakmedan@googlemail.com (batakmedantube) — Wed, 05 Dec 2012 18:33:00 +0000

Film ini bagus, bisa membangkitkan ke Indonesiaan yang ada dalam diri kita, tapi ya agak diatur-atur juga rasa itu, yang penting anda bisa membebaskan diri dari hal-hal yang tidak menyenangkan orang lain.

Cara membuat Slider Image Otomatis

batakmedan@googlemail.com (batakmedantube) — Wed, 05 Dec 2012 18:08:00 +0000

Setelah menelusuri ratusan template yang di sediakan disana slide Imagenya, ternya hampir semuanya manual, artinya anda harus membuat dulu deskripsi postingan anda, kemudian memasukkan url gambar yang harus anda upload dulu kehosting photobucket atau kehosting image free, bahkan anda juga harus menguploadnya kembali kepostingan blogspot anda, ini kan namanya sangat repot sekali. (Sok mantaf kali aku yah hahahaha)

Nah, setelah cari sana sini akhirnya ketemu cara membuatnya, kebetulan tutorial itu menggunakan bahasa inggris, dan saya jujur saja tidak tahu sama sekali yang namanya bahasa negri paman sam itu, sorylah, soalnya guru saya mengharamkan bahasa inggris, jadi bego'lah jadinya, wah jadi curhat yah, hahahaha.

Baiklah, saya akan memulai tutorial ini. Tapi anda sebelum mencoba tutorial ini anda harus punya blogspot dulu, kalau tidak punya ya bagaimana mau mencobanya.

Langkah-langkah yang harus anda lakukan adalah sebagai berikut:

1- Login keblogspot anda.

2- Pilih "Template"

3- Pilih "Lanjutkan"

4- Centang kotak sebelum bacaan "Expand Template Widget"

5- Tekan Ctrl + F (Search), kemudian ketikkan di kolom search tadi ]], maka anda akan dibawa ke ]]></b:skin>

6- Letakkan CSS yang dibawah ini tepat diatas code nomor lima (5) ]]></b:skin>

#featured{margin-bottom:35px} .sliderwrapper{position: relative;overflow: hidden;border: 10px solid #dedde5;border-bottom-width: 6px;height: 250px} .sliderwrapper .contentdiv{background:#68667B;visibility: hidden;position: absolute;left: 0;top: 0;padding: 5px;height: 100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;} .pagination{text-align: right;background-color:#dedde5;padding: 2px 10px 10px} .pagination a{font-size:11px;color:#dedde5;padding: 0 5px;background:#68667B} .pagination a:hover, .pagination a.selected{color:#68667B;background-color:#fff} .featuredPost{width:95%;padding:5px 10px 10px;background:#68667b;background:rgba(104, 102, 123, 0.9);color:#dedde5;position:absolute;bottom:0} .featuredPost a{color:#fff} .featuredPost a:hover{color:#dedde5} .featuredPost h2{margin:0;font-size:16px;line-height:1} .featuredPost span{font-size:10px} .featuredPost p{font-size:11px}

7- Ctrl + F (Search) ketikkan </head>

8- Kemudian letakkan script dibawah ini tepat diatasnya.

<script> /* Script from:http://simplexdesign.blogspot.com/ */ imgr = new Array(); imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg"; showRandomImg = true; aBold = true; summaryPost = 140; numposts1 = 5; label1 = "Featured"; function removeHtmlTag(strx,chop){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)}}s=s.join("");s=s.substring(0,chop-1);return s} function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}} if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break; }} var daystr = day+ ' ' + m + ' ' + y ; var trtd = '<div class="contentdiv"><div class="sliderPostPhoto"><a href="'+posturl+'"><img width="590" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="featuredPost"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><span>'+daystr+'</span><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>'; document.write(trtd); j++; }} </script>

Tulisan "Featured" merah diatas adalah label postingan anda.
Angka berwarna merah adalah lebar dan tinggi gambar anda.
Save template anda, kemudian kembali ke "tata letak"

9- Buat gadget anda dulu, kasih nama, biar nanti gampang nyarinya. setelah di buat, maka nanti kira-kira bentuknya begini:

<b:section class='home-column1-ad' id='ad' showaddelement='yes'>
<b:widget id='HTML16' locked='false' title='ad' type='HTML'>
<b:includable id='main'>
 <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'>
<data:content/> </div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

Nah blok yang berwarna merah dan gantikan dengan Script yang di bawah ini;

<b:if cond='data:blog.pageType == "index"'> <div id='featured'> <div class='sliderwrapper' id='slider1'> <script> document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>"); </script> </div> <div class='pagination' id='paginate-slider1'> </div> </div> </b:if>

10- Ctrl + F (Search) </body> dan letakkan script dibawah ini tepat diatasnya;

<script src='http://dl.dropbox.com/u/12924430/contentslider.js'></script> <script> featuredcontentslider.init({ id: "slider1", //id of main slider DIV contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"] toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc] nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide. enablefade: [true, 0.5], //[true/false, fadedegree] autorotate: [true, 6000], //[true/false, pausetime] onChange: function(previndex, curindex){ //event handler fired whenever script changes slide //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc) //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc) } }) </script>

11- Save Template anda.

Catatan:
1- Anda harus mengerti dahulu berapa lebar dan panjang gadget anda, dan anda bisa mengaturnya sesuai dengan keinginan anda sendiri.

2- Setiap postingan anda wajib menggunakan label dan gambar.

Selamat mencoba, kalau ada masalah silahkan letakkan komentar dibawah.

Rumah Angker Leuweung Tiis

batakmedan@googlemail.com (batakmedantube) — Wed, 05 Dec 2012 13:19:00 +0000

Judulnya: Dua Dunia - Rumah Angker Leuweung Tiis Ngeri juga yah kalau ada istilah rumah angker gitu.

PASAREAN GEDONG GUNUNG KIDUL

batakmedan@googlemail.com (batakmedantube) — Wed, 05 Dec 2012 13:15:00 +0000

Judulnya: DUA DUNIA - PASAREAN GEDONG GUNUNG KIDUL FULL (09-11-2012) Tidak semua orang bisa berbuat demikian, tapi beruntunglah orang-orang yang bisa berbuat demikian.

Batak Medan Tube

Kumpulan semua url script

TV Online SCTV

TV online TVRI

TVRI Nonton TV TVRI juga asik lho

Tom And Jerry Cartoon TV Online

Dragon TV Online

Script TV Online Gratis

Untuk Sebuah nama-Meriam bellina

YANG PERTAMA KALI

Pance Pondaag Satukanlah Hati Kami

Maila Au Mulak / Lagu Batak

Membuat Content Slider Image Otomatis

Border dan radius

-webkit-box-shadow

Instruksi untuk Slider template ini

Twitter, Facebook, Email, RSS, Search dan Text area

Google CSE

Artikel Terkait Dengan Ringkasan Artikel

Related Post Thumbnail

Membuat related post bergambar/thumbanil

Dialog dengan genderuwo

MENARA LOJI

KEAJAIBAN PENCIPTAAN MANUSIA

Tanah Surga, Katanya

Cara membuat Slider Image Otomatis

Rumah Angker Leuweung Tiis

PASAREAN GEDONG GUNUNG KIDUL