Cara membuat widget blog dengan video youtube (mode auto play dan manual play)

Kali ini saya ingin belajar sekaligus berbagi tips dan trik bagaimana Cara menyematkan video youtube dipostingan blog. Selain berguna untuk mempromosikan channel youtube sobat, video youtube diblog juga berguna sebagai alat untuk meramekan blog sobat.

Seperti contoh dibawah ini, saya memasang video dari youtube dipostingan saya sendiri menggunakan mode Autoplay (Play manual juga bisa). Tips dan Trik Cara menyematkan video youtube ini bukan cuma bisa disematkan dipostingan saja, melainkan juga bisa kita pasang sebagai widget di blog kita. Kren hehe
Untuk sobat blogger yang menginginkan video dari youtube tampil sebagai widget, caranya cukup mudah, tinggal copy link dibawah yang sudah saya sediakan kemudian pastekan ke widget sobat (Widget HTML). Ukuran video untuk widget tergantung ketelitian kita mengatur ukurannya saja.
Nah... ini nih contohnya Cara menyematkan video youtube dipostingan blog:

Langkah atau Cara menampilkan video youtube di blog kali ini tidak terlalu sulit, juga tidak terlalu gampang hehe

Contoh pengambilan kode video dari Youtube

Berikut adalah langkah-langkah yang akan kita lakukan.

Langkah pertama adalah langkah pengambilan kode video diyoutube

1. Siapkan atau cari sebuah video di youtube yang sobat ingin masukkan ke blog sobat.
2. Buka atau lihat dulu video tersebut, kemudian PAUSE
3. Klik kanan dan Pilih: Salin Kode Semat
4. Selesai

Langkah selanjutnya adalah langkah menambahkan video dari Youtube ke Blog

1. Buka Blog sobat
2. Masuk ke bagian Tata Letak
3. Tambahkan Gadget
4. Pilih HTML
5. Pastekan kode video yang sudah sobat Copy tadi
6. Untuk ukuran video silahkan sobat sesuaikan sendiri  dengan ukuran yang sobat inginkan
7. Selesai

Cara memasukan video Youtube ke Blog sudah sukses. Langkah selanjutnya adalah langkah agar video sobat Auto Play. Jika sobat tertarik dengan langkah ini silahkan disimak baik-baik, Sebagai contoh: video yang saya tampilkan diawal postingan diatas adalah mode auto play.
Untuk membuat video yang sobat masukan ke blog sobat, yang sobat butuhkan hanyalah menambahkan kode dibawah ini:

<iframe width="300" height="200" src="https://www.youtube.com/embed/FTb4JcGLsGQ?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>

Keterangan:

• Kode warna Biru adalah Kode video yang sobat Copy sebelumnya
• Kode warna merah adalah kode "auto play", yang harus sobat lakukan adalah copas kode tersebut dan letakan persis seperti kode contoh diatas.
• Sementara 300 dan 200, menunjukan ukurannya. untuk ukuran bisa sobat ganti sesuai dengan kebutuhan sobat.

Sekian Tutorial "Cara menampilkan video youtube di blog" dari saya, semoga bermanfaat untuk kita semua. Terima kasih

Kritik dan Saran silahkan sobat titipkan di kolom Komentar, atau jika sobat ingin kerabat sobat mengetahui tutrial ini, silahkan di Share.

Catatan:

Jika sobat masih belum paham dengan tutorial diatas, silahkan sobat copas kode yang sudah saya tempelkan diatas, kemudian tambahkan ke gadget sobat, jika videonya bisa tampil berarti tutorial saya sukses dan layak untuk dipublikasikan hehe

Cara membuat kotak script dipostingan blog

Selamat siang sahabat blogger...

Masih ditutorial tentang tampilan blog atau cara merapikan tampilan blog. Cara merapikan blog yang saya maksud kali ini, saya ingin mengajak teman-teman blogger untuk membuat kotak script pada postingan, khusus teman blogger yang suka berbagi tutorial, cara membuat kota script ini sangat cocok untuk teman blogger yang belum mengetahui caranya. Hehe
Artikel yang berjudul "Cara membuat kotak script dipostingan blog" ini bertujuan untuk memudahkan dan merapikan script yang akan sobat postingan ke blog sobat.
Nah... Berikut ini adalah langkah-langkah yang harus kita lakukan agar kotak script yang kita buat berhasil.

Contoh:
Seperti ini, nanti artikel atau script sobat diketik disini

Nah... Langkah-langkahnya sangat mudah dan simple bunget.

• Masuk ke blog sobat.
• Siapkan artikel yang ingin sobat post
• Pada blog sobat, pilih New Entri atau Entri Baru
• Pada Entri Baru silahkan sobat ketik sejenis kata pembuka postingan sobat. setelah itu, dari Mode Compose klik mode HTML, kemudian Copy kode dibawah ini

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Tulis artikel sobat disini.</div>
• Selesai, langkah selanjutnya ganti mode HMTL ke mode Compose lagi. Silahkan sobat masukan artikel sobat atau sobat ganti ".Tulis artikel sobat disini." dengan artikel sobat
• Selesai dah... Selamat mencoba sob...

Jangan sungkan untuk memberikan kritik dan saran. Kritik dan Saran dari teman-teman adalah sebuah dukungan untuk admin

Cara membuat tombol share di Blog

Selamat pagi sahabat blogger... tidak terasa kita telah memasuki hari kedua dibulan desember. Semoga kita semakin matang untuk memberikan artikel yang lebih menarik lagi.

Berhubungan dengan bagaimana cara menarik atau menambah pengunjung blog, salah satu cara yang sangat penting adalah dengan berbagi.

Nah... pada artikel yang berjudul "cara membuat tombol share diblog" kali ini, saya akan memberikan cara pembuatan tombol share atau tombol berbagi.

Langkah-langkahnya tidak terlalu sulit, hanya membutuhkan ketelitian dan kesabaran saja untuk mengganti bagian kode agar sesuai dengan tampilan blog sobat.
Sebagai contoh:

Adapun langkah-langkahnya adalah sebagai berikut:

• Sobat masuk ke Blog sobat terlebih dahulu
• Klik template dan pilih Edit HTML
• Pada halaman HTML

Cari kode: <data:post.body/>

• Kalau sudah ketemu, tempelkan kode dibawah ini tepat dibawah kode: <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bookmark'>
<style>
.bookmark{margin-top:5px;border:5px double Dodgerblue;border-right:1px solid Dodgerblue;border-left:1px solid Dodgerblue;background:#DCDCDC;box-shadow: 0 2px 5px 2px #ddd;}

.bookmark h4{color:#666;border-bottom:1px double Dodgerblue;padding:0;margin-bottom:10px;padding-left:10px;}
.bookmark img{}
.book{float:left;margin:0 8px 0 0;padding:1px;border:1px solid #eee;background:#ffffff;}
  .booklast{float:left;margin:0;padding:1px;border:1px solid #eee;background:#ffffff;}
</style>
<h4>Jika anda menyukai artikel ini, Bagikan ke semua temanmu</h4>
<div align='center'>
<span class='st_facebook_large' displayText='Facebook'/>
<span class='st_twitter_large' displayText='Tweet'/>
<span class='st_linkedin_large' displayText='LinkedIn'/>
<span class='st_digg_large' displayText='Digg'/>
<span class='st_stumbleupon_large' displayText='StumbleUpon'/>
<span class='st_reddit_large' displayText='Reddit'/>
<span class='st_tumblr_large' displayText='Tumblr'/>
<span class='st_email_large' displayText='Email'/>
<span class='st_dzone_large' displayText='DZone'/>
<span class='st_netlog_large' displayText='Netlog'/>
<span class='st_google_large' displayText='Google'/>
<span class='st_identi_large' displayText='identi.ca'/>
<div style='clear:both;'/></div></div>
</b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
• Jangan beranjak dulu, karena masih ada satu kode lagi yang harus kita pasang. Masih dihalaman HTNL sobat, silahkan sobat cari kode: </head>
• Kalau sudah ketemu, silahkan sobat Copy dan Pastekan kode dibawah ini tepat diatas kode: </head>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>
• Selesai. klik simpan template

Keterangan:

• Ganti "Jika anda menyukai artikel ini, Bagikan ke semua temanmu" menurut sobat
• Kode warna untuk garis atau border: dodgerblue, silahkan sobat ganti juga agar warna garis seusai dengan tampilan blog sobat
• Kemudian untuk warna dalam kotak : #DCDCDC, silahkan sobat ganti juga

Sekian artikel kali ini, semoga bermanfaat..

Jangan sungkan untuk memberikan kritik dan saran. Kritik dan Saran dari teman-teman adalah sebuah dukungan untuk admin

Cara membuat isi postingan blog 2 kolom

Selamat siang :) kali ini saya ingin berbagi tutorial lagi.
Tutorial kali ini yang berjudul tentang "Cara membuat postingan blog 2 kolom" tidak kalah pentingnya dengan tutorial Dayak Kanayatn yang berjudul "Cara mempercepat loading blog dan Cara membuat efek zoom" di blog sobat. Bagaimana tidak, bayangkan saja, jika artikel sobat terlalu banyak atau terlalu panjang, sedangkan yang sobat inginkan selain isi artikel sobat yang menarik, sobat juga ingin blog sobat terlihat lebih tersusun rapih. Cara membuat postingan blog 2 kolom ini sangat cocok untuk sobat.
Selain membuatnya mudah, keuntungan yang sobat dapatkan adalah nilai keindahannya (seperti sedang belajar PKn aja ya sob hehe).

Ok. Karena tutorial yang satu ini tidak seperti biasanya maka untuk langkah-langkahnya adalah sebagai berikut:

• Siapkan artikel yang ingin sobat posting
• Jika sudah disiapkan, buat Entri Baru dan pilih mode HTML
• Pada mode HTML, silahkan sobat Copas kode dibawah ini

<table width="500" border="0" cellspacing="10">
<tr>
<td width="250" valign="top">kolom kiri...</td>
<td width="250" valign="top">kolom kanan...</td>
</tr>
</table>
• Kelihatan kan? langkah selanjutnya, silahkan sobat bagi atau sobat perkirakan postingan sobat agar kolom kiri dan kolom kanan banyak kalimatnya sama.
• Sebagai contoh klik disini 
• Jika sobat sudah yakin, silahkan sobat Save dan Publikasi postingan

Sebagai Catatan:

• Angka "500" adalah lebar atau luas postingan sobat
• Sedangkan kedua angka "250" adalah hasil pembagian dari angka "500" diatas.
• Ukuran dalam tabel tersebut boleh sobat ubah sesuai dengan kebutuhan sobat

Sekian Tutorial tentang "Cara membuat isi postingan blog 2 kolom". Terima kasih atas kunjungan sobat. Salam Blogger

Jangan sungkan untuk memberikan kritik dan saran. Kritik dan Saran dari teman-teman adalah sebuah dukungan untuk admin

Cara mempercepat Loading Blog

Sebelumnya saya sudah membahas tentang artikel tentang cara membuat daftar isi dan cara membuat efek zoom pada gambar postingan blog sobat. Nah, untuk kali ini saya juga ingin berbagi tutorial yang sudah dimiliki blog SEO. Selanjutnya adalah artikel yang membahas tentang fast loading / loading cepat pada blog. Khususnya untuk pengguna blogspot. Salah satu cara untuk membuat betah para pengunjung selain artikel yang menarik adalah kecepatan blog. Kecepatan blog ini sangat berpengaruh buanget sob.

Untuk itu pada artikel kali ini saya ingin berbagi trik bagaimana cara design agar para pengunjung blog kita betah buanget sama blog kita. Mau gak ni?? hehe

Ok... kita langsung ke TKP saja ya...

Cara Memasang Kode

Gambar diatas adalah contoh pemasangan kode fast loading blog.
Langkah-langkahnya sebagai berikut:
Seperti biasa sob...

• Sign in ke blog sobat
• Klik Template dan pilih Edit HTML
• Pada halaman HTML, cari kode </head> lihat contoh bergambar diatas
• Jika sudah ketemu, Copy dan Pastekan kode dibawah ini tepat diatas kode </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQbFanMcqX2mhM6yGiu1aFtBw5gewd9EBafc7GVwt6qRVKcslHdKttZrOuhtugZ0BO1wI3zRTkctpgW1jde_56iMLRy7krOhTNAA8DdP85rh_UGoTpJiaJZUDGD0ty035ZcjL2z-xc4t0/&quot;,threshold : 200}); }); </script>
• Jika sudah sesuai dengan langkah-langkah diatas, Klik Simpan
• Selesai, 

Sekian tutorial tentang "Cara mempercepat Loading Blog". Semoga bermanfaat. Terimakasih atas kunjungannya.

Jangan sungkan untuk memberikan kritik dan saran. Kritik dan Saran dari teman-teman adalah sebuah dukungan untuk admin

Cara membuat efek zoom in gambar di Blog

Masih pada tutorial efek blog, kali ini saya ingin berbagi tentang bagaimana cara membuat efek zoom in pada sebuah gambar yang sobat posting atau gambar lain nya yang ada di blog sobat.
Sebagai contoh, silahkan sobat arahkan cursor sobat pada gambar yang ada didalam kotak dibawah ini.

Bagaimana? apakah sobat tertarik untuk mencobanya. Jika iya mari kita lakukan langkah-langkahnya:

• Langkah pertama sobat harus sign in dulu ke blog sobat
• Klik template kemudian pilih Edit HTML
• Pada HTML blog sobat, silahkan sobat cari kode ]]></b:skin> tekan CTRL+F untuk memudahkan pencarian
• Jika kode sudah ]]></b:skin> ketemu.
• Copy dan pastekan kode dibawah ini tepat di atas kode ]]></b:skin>
• Jika sudah, klik save / simpan dan silahkan sobat lihat hasilnya 

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

Sekarang blog sobat sudah memiliki efek zoom. 
Dan untuk yang teman-teman yang ingin mencoba trik ini, silahkan ikuti langkah-langkah yang sudah saya tuliskan diatas.
Semoga postingan kali ini bermanfaat untuk kita semua. Terima kasih atas kunjungannya. Salam BLOGGER
Kritik dan Saran silahkan sisipkan di kolom komentar

Membuat label cloud Kren di blog

Tutorial yang berjudul cara "membuat label mode cloud di blog" ini sebenarnya gak jauh beda dengan tutorial-tutorial blog lainnya (yang berkaitan dengan mempercantik tampilan blog). Memang seperti itu bukan?

Nah pada tutorial kali ini, langkah yang harus kita lakukan adalah langkah yang sangat mudah dan gampang. Siapkan kopi + cemilan biar gak bosan hehe

• Langkah Pertama Sign In ke Facebook eh ke Blog sobat hehe
• Pilih Template, pada bagian ini pilih Edit HTML
• Pada bagian HTML cari kode ]]></b:skin> atau tekan CTRL+F untuk memudahkan pencarian
• Jika sobat sudah mendapatkan kode ]]></b:skin>, silahkan Copas (Copy dan Pastekan) kode dibawah ini tepat sebelum /diatas kode ]]></b:skin>ini

.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C0C0C0; border-radius: 3px; float:left; text-decoration:none; font-size:9px; color:#666; }
.label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; }
.label-size a { text-transform: uppercase; float:left; text-decoration: none; }
.label-size a:hover { text-decoration: none; }

• Jika langkah-langkahnya sudah diikuti dengan baik dan benar, Silahkan sobat simpan dulu dan lihat hasilnya
• Untuk memudahkan agar tampilan label ini berjalan dengan apa yang sudah kita bahas kali ini. Pastikan sobat sudah menambahkan Widget Label ke tata letak blog sobat. Kemudian pada widget label tersebut, setting dalam mode cloud.

Sekian tutorial tentang membuat label dengan mode cloud, mohon maaf jika ada kekurangan. masih newbie juga hehe

Saran & Komentar dari teman-teman silahkan disematkan dikolom komentar.

Terima kasih

Cara membuat daftar isi blog otomatis

Cara membuat daftar isi otomatis di blog sobat, lihat contoh disini

Bagaimana? sobat tertarik? Jika sobat tertarik, lets do it hehe

Perhatikan langkah demi langkah, karena yang akan kita lakukan kali ini lumayan sulit dan berbahaya. hehe
Oya sebelum ke tahap penyelesaiannya, daftar isi otomatis ini sebenarnya sangat cocok untuk membantu merapikan artikel sobat, apalagi jika sobat memiliki banyak artikel tetapi sobat tidak terlalu suka dengan banyak widget, wahh cara ini pas buanget dah sob...
Tutorial kali ini adalah salah satu yang ingin admin kuasai untuk belajar SEO.

Ok, berikut langkah-langkahnya:

• Pilih laman dan buat laman baru
• Kemudian, pada laman baru sobat, silahkan pilih mode HTML
• Nah... pada mode HTML tersebut, silahkan sobat copy  dan pastekan kode dibawah ini

<div dir="ltr" style="text-align: left;" trbidi="on">

<style scoped="scoped" type="text/css">

/* Skin for Blogger Tabbed Layout TOC */

#tabbed-toc{margin:0 auto;background-color:#224C19;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);overflow:hidden;position:relative;color:#333}

#tabbed-toc .loading{display:block;padding:5px 10px;font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;color:white}

#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li{margin:0 0;padding:0 0;list-style:none}

#tabbed-toc .toc-tabs{width:20%;float:left}

#tabbed-toc .toc-tabs li a{display:block;font:normal bold 10px/28px Helmet,Freesans,Sans-Serif;height:28px;overflow:hidden;text-overflow:ellipsis;color:#ccc;text-transform:uppercase;text-decoration:none;padding:0 12px;cursor:pointer}

#tabbed-toc .toc-tabs li a:hover{background-color:#153615;color:white}

#tabbed-toc .toc-tabs li a.active-tab{background-color:#275827;color:white;-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);-moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);box-shadow:-2px 2px 2px rgba(0,0,0,.5);position:relative;z-index:5;margin:0 -1px 0 0;/* cursor:text;*/}

#tabbed-toc .toc-content,#tabbed-toc .divider-layer{width:80%;float:right;background-color:white;border-left:5px solid #275827;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#tabbed-toc .divider-layer{float:none;display:block;position:absolute;top:0;right:0;bottom:0;-webkit-box-shadow:0 0 7px rgba(0,0,0,.7);-moz-box-shadow:0 0 7px rgba(0,0,0,.7);box-shadow:0 0 7px rgba(0,0,0,.7)}

#tabbed-toc .panel{position:relative;z-index:5;font:normal normal 10px/normal Helmet,Freesans,Sans-Serif}

#tabbed-toc .panel li a{display:block;position:relative;font-weight:bold;font-size:11px;color:#892412;line-height:20px;height:20px;padding:0 12px;text-decoration:none;outline:none;overflow:hidden}

#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right}

#tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-style:italic;border-bottom:4px solid #275827;overflow:hidden}

#tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:0 8px 0 0;padding:4px 4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}

#tabbed-toc .panel li:nth-child(even){background-color:#FFE8E3}

#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a{background-color:#333;color:white;outline:none}

#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time{background-color:#222}

@media (max-width:700px){#tabbed-toc{border:2px solid #333}#tabbed-toc .toc-tabs,#tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}#tabbed-toc .toc-tabs li{display:inline;float:left}#tabbed-toc .toc-tabs li a,#tabbed-toc .toc-tabs li a.active-tab{background-color:#224C19;-webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);-moz-box-shadow:2px 0 7px rgba(0,0,0,.4);box-shadow:2px 0 7px rgba(0,0,0,.4)}#tabbed-toc .toc-tabs li a.active-tab{background-color:white;color:#333}#tabbed-toc .toc-content{border:none}#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}

</style>

<br />

<div id="tabbed-toc">

<span class="loading">Memuat...</span></div>

<script>

var tabbedTOC = {

    blogUrl: "https://berbagi-cerita9.blogspot.co.id/", // Blog URL

    containerId: "tabbed-toc", // Container ID

    activeTab: 1, // The default active tab index (default: the first tab)

    showDates: false, // `true` to show the post date

    showSummaries: false, // `true` to show the posts summaries

    numChars: 200, // Number of summary chars

    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)

    thumbSize: 40, // Thumbnail size

    noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL

    monthNames: [ // Array of month names

        "Januari",

        "Februari",

        "Maret",

        "April",

        "Mei",

        "Juni",

        "Juli",

        "Agustus",

        "September",

        "Oktober",

        "November",

        "Desember"

    ],

    newTabLink: true, // Open link in new window?

    maxResults: 99999, // Maximum post results

    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")

    sortAlphabetically: true, // `false` to sort posts by published date

    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked

    newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text

};

</script>

<script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script></div>

• Cari dan Ganti Url: "http://berbagi-cerita9.blogspot.co.id/" dengan Url Blog sobat
• Simpan, kemudian lihat.. ambil Urlnya dan letakan Url tsb ke tempat yang sobat inginkan. Kalau dari admin sendiri, karena admin menggunakan template standar, admin meletakannya di bagian Page. :)

Selamat mencoba sob... saling berbagi itu indah.. iya gak :)

Kritik dan Saran silahkan disisipkan di kolom komentar

Cara download video tanpa menggunakan aplikasi

Mungkin teman-teman sudah banyak yang tahu tentang cara ini yaitu cara bagaimana mendownload video dari youtube tanpa menggunakan aplikasi, misalnya IDM, youtube downloader dan aplikasi lainnya.

Trik yang akan saya tunjukan kepada teman-teman kali ini cara mendownload video dari youtube dan trik ini saya tujukan kepada teman-teman yang belum tahu Cara download video tanpa menggunakan aplikasi. Untuk itu, saya sarankan teman-teman untuk memperhatikan langkah-langkah berikut ini :) .

Langkah demi langkah akan kita mulai dari youtube sendiri, saat anda menyaksikan video di youtube entah itu musik, film, tutorial dan sebagainya yang membuat teman-teman tertarik untuk mengoleksi video tsb, dan ingin mendownloadnya. Karena IDM teman-teman selalu minta registrasi ulang sehingga membuat teman-teman tidak bisa mendownload video tersebut. Nah cara yang akan saya bagikan kali ini adalah cara yang tepat untuk mengatasi masalah tersebut.

Berikut langkah-langkahnya:

• Buka tab baru dan ketik Youtube.com
• Kemudian pada kotak pencarian, silahkan teman-teman ketik judul video yang ingin teman-teman download,  lihat dulu video tsb (tujuannya untuk memastikan kualitas video)
• Jika teman sudah yakin untuk mendownloadnya, copy url video tsb. contoh lihat gambar dibawah ini:

• Yang saya beri tanda kotak merah pada gambar tersebut adalah Url yang harus teman-teman Copy , tekan CTRL+C untuk memudahkan proses copy
• Kemudian, Buka Tab Baru 
  
• Pada Tab baru / New Tab tsb, ketik ssyoutube.com (lihat gambar diatas) tekan ENTER
• Setelah itu, teman-teman akan diantarkan pada halaman ini 
  
• Tempelkan / Paste Url video dari youtube yang sudah teman Copy tadi tepat didalam kotak yang sudah saya beri tanda merah (lihat gambar diatas)
• Jika sudah ditempelkan atau dipaste, tekan ENTER
• Pilih kualitas video yang teman-teman inginkan 
  
• Langkuh selanjutnya, atau langkah terakhir, pilih tempat yang teman-teman inginkan untuk menyimpan video tersebut.

Catatan: Untuk kualitas video, saran saya pilih kualitas video MP4 360p agar browser teman-teman tidak terganggu.

Cara tambahan biar teman-teman lebih cepat pahamnya:

• Teman-teman cukup menambahkan SS setelah www. [dot] youtube.com/ pada Url video yang sedang teman-teman lihat. Lihat contoh : 
  

Gampangkan...?

Cukup sampai disitu dulu, :) selamat mencoba ... semoga artikel ini dapat membantu dan bermanfaat untuk kita. 

Terimakasih dan sampai jumpa di artikel selanjutnya.. Saran dan komentar silahkan titipkan di kotak komentar

NOTEPAD: Program Penghitung

Tutorial kali ini adalah sebuah tutorial yang sudah tidak asing kita dengar, karena sesuatu yang akan saya bagikan pada kesempatan kali ini ada sesuatu yang sering kita temui dilingkungan tempat tinggal kita, hanya saja bentuk dan rupanya yang membedakannya :)

Ok, langsung saja, saya yakin sobat pasti sudah tahu apa itu kalkulator, iya kan? hehe

Berdasarkan sumber yang saya dapatkan dari Wikipedia Indonesia

Kalkulator adalah:

"Mesin hitung atau Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, pengurangan, perkalian dan pembagian sampai kepada kalkulator sains yang dapat menghitung rumus matematika tertentu. Pada perkembangannya sekarang ini, kalkulator sering dimasukkan sebagai fungsi tambahan daripada komputer, handphone, bahkan sampai jam tangan"

Nah, kali ini saya akan mencoba untuk berbagi cara membuat barang tersebut dalam bentuk yang sangat sederhana dengan fungsi yang hampir sama (+  -  /  *).

Setelah sobat melihat artikel ini, saya yang sobat pasti langsung bisa, karena sebenarnya membuat kalkulator itu emang gak terlalu sulit, namanya aja sederhana hehe

Ok, kita langsung ke TKP, berikut adalah langkah-langkahnya:

1. Buka Notepad sobat

2. Langkah berikutnya:

Copy kode berikut:

@echo off iam154.blogspot.co.id Calculator :ulang echo Mari Berhitung! set /p A=Masukkan Angka Pertama = set /p B=Masukkan Angka Kedua = set /p o=Pilih Operator Hitung (*, +, -, /) = set /a "jumlah" = A%o%B echo Jumlah = %jumlah% pause>null goto ulang

Dan pastekan ke Notepad sobat, sehingga tampilannya seperti gambar dibawah ini:

3. Silahkan sobat Save dengan format Calculator.bat 

4. Setelah di Save lihat gambar dibawah ini

5. Buka untuk memeriksa apakah kalkulator yang baru saja kita buat dapat bekerja layaknya sebuah kalkuator pada umumnya

Keterangan:

• Kotak warna merah 1 (Angka pertama yang ingin kita jumblahkan)
• Kotak warna merah 2 (Angka kedua yang ingin kita jumblahkan)
• Kotak warna merah 3 (Pilih tanda + - / *  pada keyboard sobat, pada contoh bergambar di atas saya menggunakan penjumlahan (+))
• Kotak warna merah 4 (Kotak dengan nomor 4 pada contoh bergambar diatas adalah hasil dari operasi yang kita lakukan)

Untuk mengulang operasi, tinggal tekan ENTER pada keyboard sobat.

6. Selesai...

Sekian dan terima kasih, semoga dapat bermanfaat...

Kritik dan saran silahkan sampaikan pada kotak komentar...

Cara Claim dan Verifikasi Alexa

Cara claim dan verifikasi kode alexa sebenarnya menurut saya susah-susah gampang. Kenapa saya bisa berpendapat demikian, karena menurut saya untuk mengklaim kode alexa itu emang gak mudah (khusus yang baru mengenal alexa) apalagi untuk mendapatkan rank yang lebih bagus (dalam artian dibawah 1 jta) menurut saya sudah tergolong rank yang sangat bagus, berbelit-belit dan kita juga gak tau dimana tempat kita menemukan kode tsb.

Cara yang akan saya bagikan kali ini mengenai Cara Claim dan Verifikasi Alexa sesuai dengan versi saya dan pengalaman saya, yah bisa dikatakan berbagi pengalaman gitu.

Jujur saja cara ini tidak jitu untuk mendapatkan rank yang lebih bagus, tetapi saya yakin sobat akan mendapatkan ID alexa sobat sekaligus sobat dapat memverifikasikan kode tersebut secara langsung. Dan harapan saya kita sebagai blogger terutama yang ingin dan yang sudah menggunakan alexa bisa mendapatkan rank yang lebih bagus, iya gak?

Berikut adalah langkah-langkah yang harus kita lakukan:

1. Klik disini untuk daftar atau login ke alexa

2. Klik disini Untuk Claim Site sobat

3. Setelah itu, sobat akan diantarkan ke Select Method (lihat gambar dibawah ini)

4. Pilih Method 2 (jika sobat sudah memilih select method 2) maka sobat akan diantarkan pada halaman seperti gambar di bawah ini

Keterangan: 

Yang saya beri tanda kotak warna merah itu adalah kode /  id verifikasi yang harus sobat tempelkan ke html blog sobat. Biar gak ribet, sobat ambil kode dengan kotak warna merah yang bagian 2, dan tempelkan di bawah kemudian save / simpan, Contoh, ini cara saya menempelkan id verifikasi saya, silahkan dilihat dulu:)

5. Jika sobat sudah melakukan langkah tersebut, pada halaman ini silahkan sobat pilih atau click Verify ID.

6. Selesai... ID alexa sobat sudah berhasil di claim.

Sekian informasi sekaligus pengalaman saya yang dapat saya bagikan kepada sobat... terima kasih atas kunjungannya, semoga postinganya ini dapat membantu dan bermanfaat untuk kita semua. Amin

Cara meletakan Iklan Adsense di dalam postingan

Cara meletakan Iklan Adsense di dalam postingan, bagaiamana cara? Kali ini saya akan berbagi sedikit tips dan trik mengenai cara meletakkan iklan didalam postingan, trik cara meletakan iklan adsensen didalam postingan kali saya pokuskan pada bagian atas dan bagian bawah postingan. Nah, berikut adalah langkah-langkah yang harus sobat lakukan.

Trik kali ini tidak berbeda dengan trik-trik lainnya yang berhubungan dengan cara mempercantik blog :)

Langkah Pertama

• Buka adesense.com 
• Pilih My Ads / Iklan Saya
• Dibagian My Ads / Iklan Saya, ambil atau copy  kode iklanyang ingin sobat masukan ke dalam postingan

 "Catatan: Pilihlah iklan yang berukuran dibawah 600"

• Kemudian buka new tab / tab baru, ketikan Parse hatml atau sobat bisa klik disini
• Selanjutnya, silahkan sobat Pastekan Kode Iklan Adsense yang sudah sobat Copy tadi
• Klik Parse 
• Setelah itu, Copy atau Cut kode  iklan yang sudah di Parse tsb.
• Selesai

Langkah Selanjutnya:

• Masuk ke Blog sobat
• Pilih Template dan Edit HTML
• Pada bagian HTML sobat tekan CTRL + F dan ketik data:post.body
• Kalau sudah ketemu Pastekan Kode Iklan yang sudah di Parse tadi tepat di atas kode  data:post.body dan letakan tepat dibawahnya jika sobat ingin iklan sobat tampil dibawah postingan sobat.
• Oya.. hampir lupa, agar peletakan iklannya berjalan lancar, sebelum kode iklan yang anda tempelkan tadi Silahkan sobat ketik: <div style='text-align:center'> (Iklan berada ditengah) atau <div style="float:left"> (Iklan berada disamping kiri) atau <div style="float:left"> (Iklan berada disamping kanan)
• Kemudian untuk menutupnya silahkan sobat tambahkan kode </div>
• Kurang lebih seperti contoh dibawah ini

<div style='text-align:center'> &lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt; &lt;!-- iam154_banner-header_AdSense2_605x90_as --&gt; &lt;ins class=&quot;adsbygoogle&quot; style=&quot;display:inline-block;width:605px;height:90px&quot; data-ad-client=&quot;ca-pub-6918695079544903&quot; data-ad-slot=&quot;9383325277&quot;&gt;&lt;/ins&gt; &lt;script&gt; (adsbygoogle = window.adsbygoogle || []).push({}); &lt;/script&gt; </div>

• Selesai...

Sekian tips dan trik dari saya, semoga bermanfaat dan selamat mencoba.

Salam blogger

Belajar Shorcut Dasar MS Word

Selamat berjumpa kembali sahabat blogger, udah lama buanget gak nge-post J

Kali ini saya ingin berbagi sedikit trik dasar shortcut untuk MS Word. Kali aja sahabat blogger ada yang belum tau haha… tetapi 100% saya yakin, klo sahabat blogger udah tau ini, jadi berhubungan dengan sahabat blogger sudah tahu, postingan saya kali ini saya persembahkan untuk adek adek kita yang masih duduk dibangku sekolah. Selamat belajar dik…Cemungut …!!!

Shortcut MS Word: 

SHORTCUT	PENJELASAN
CTRL + A	Blok All (Memilih semua teks)
CTRL + B	Bold (Menebalkan semua teks atau beberapateks yang telah anda pilih atau sudah anda blok)
CTRL + C	Copy (Salin atau Menyalin teks)
CTRL + D	Font (Menu pilihan gaya dan ukuran font)
CTRL + E	Center (Posisi teks berada ditengah)
CTRL + F	Find (Membuka menu find)
CTRL + G	Go to (Tab Go to pada menu find)
CTRL +H	Replace (Tab replace pada menu find)
CTRL + I	Italic (Teks miring)
CTRL + J	Justify (Teks rata kiri-kanan)
CTRL + K	Insert Hyperlink (Membuka menu Insert Hyperlink)
CTRL + L	Align Text Left (Teks rata kiri)
CTRL + M	First line Indent / Left tab (Menggeser mistar Doc)
CTRL + N	New (Membuka atau membuat document baru)
CTRL + O	Open (Membuka tempat penyimpanan file)
CTRL + P	Print (Menu Print)
CTRL + Q	Menghilangkan nomor urut
CTRL + R	Align Text Right (Teks rata kanan)
CTRL + S	Save (Menyimpan file)
CTRL + T	Mirip CTRL + M beda tipis :)
CTRL + U	Underline (Garis bawah teks)
CTRL + V	Paste (Menempelkan teks setelah di Copy)
CTRL + W	Save and Close Ms.Word (Menyimpan sekaligus menutup laman kerja)
CTRL + X	Cut (memotong teks yang sudah diblok terlebih dahulu)
CTRL + Y	Redo (mengulangi / balasan Undo)
CTRL + Z	Undo (Membatalkan / balasan Redo)
CTRL + [	Mengurangi atau memperkecil ukuran teks
CTRL + ]	Menambah atau memperbesar ukuran teks

Selamat mencoba, baca juga artikel yang satu ini, tentang cara membuat tabel di postingan blog

Semoga artikel kali ini bermanfaat untuk kita semua. Amin