putra25.blogspot.com: December 2014

[Game] Top 5 Channe DotA 2 pada Youtube

Game Defense of the Ancient 2, atau yang lebih populer dengan sebutan DotA 2 kini sedang banyak dinikmati oleh para gamer diseluruh dunia. DotA 2 sendiri adalah pengembangan dari versi DotA 1 yang sebelumnya juga banyak dimainkan.

Pada postingan kali ini, saya akan membahasa tentang 5 top Youtube channel yang membahas tentang Dota 2. Channel-channel Youtube tersebut membahas, bagaimana cara bermain sesuai Hero DotA 2 yang anda gunakan. Selain menayangkan cara bermain, beberapa juga ada yang menampilkan kejadian-kejadian unik dan lucu pada saat permainan berlangsung.

DotaCinema

DotaCinema pada saat saya membuat artikel ini telah memiliki 1.094.408 subscribers dan juga telah ditonton sebanyak 405.868.800 kali. DotaCinema menayangkan berbagai video tentang dota mulai dari cara bermain dota hingga kejadian-kejadian lucu saat permainan berlangsung.
Berikut ini adalah link channel dari DotaCinema.
Navi.Dota2

Para pemain game DotA 2 pasti tahu tentang Natus Vincere. Mereka dalah team yang pernah menjuarai turnamen DotA 2 yang diselenggarakan oleh Valve. Salah satu pemain yang paling fenomenal dari team NAVI adalah Dendi. Banyak pemain DotA 2 yang mengikuti cara bermain yang dilakukan oleh Dendi. Pada channel youtube yang mereka miliki telah memiliki 921.551 subscribers dan telah lebih dari 217.732.572 kali penayangan video yang mereka miliki.

Berikut ini adalah link channel dari Navi.Dota2.
Purge Gamers

Purge Gamers dijalankan oleh Kevin Godec yang merupakan pemain DotA dan juga adalah youtubers. Kevin mulai ada menjadi youtubers sejak Februari 2008. Dalam video DotA 2 yang diunggah kevin merukan kegiatan-kegiatan dia bermain DotA 2. Banyak player baik level Newbie player maupun Pro player mulai bermain dengan menonton cara bermain yang ada pada channel ini. Purge Gamers telah memiliki 324.849 subscribers dan 83.659.730 kali penayagan.

Berikut ini adalah link channel dari Purge Gamers.
joinDota

"A Broadcasting group that brings you the best DOTA from around the world, with the focus on Valves DOTA 2" kalimat tersebut merupakan kalimat yang ditulis pada kolom about dichannel joinDota. joinDota telah memiliki 213.657 subscribers dan 58.352.213 video yang telah ditayangkan.

Berikut ini adalah link channel dari joinDota.
NoobfromUA

Selain video in game, NoobfromUA juga menayangkan video-video wawancara dengan para pemain DotA 2 saat event summit DotA berlangsung. NoobfromUA telah memiliki 300.643 subscribers dan telah sebanyak 111.736.059 kali penayangan video.

Berikut ini adalah link channel dari NoobfromUA.

Itulah 5 top channel youtube yang membahas DotA 2 menurut saya. Jika ada perbedaan silahkan tinggalkan komentar yang pada bagian komentar dibawah ini. Terimakasih telah membaca dan berkunjung ke blog saya ini.

[Tutorial] Menambahkan Navigasi Read More pada Blogspot

Selamat malam sahabat bloger, pada malam ini saya akan memposting bagaimana cara manambahkan navigasi Read More pada blog anda. Sebelumnya mungkin anda akan tertarik untuk membaca

Menambahkan Bootstrap CSS Framework Pada Blogspot karena beberapa bagian styling link yang saya gunakan menggunakan class css yang ada pada Bootstrap Framework.

Langkah-langkah ini saya dapatkan setelah melakukan beberapa percobaan menambahkan read more dengan cara-cara berbeda. Sehingga, menurut saya, ini adalah cara paling simple yang diberikan oleh seorang blogger internasional yang diposting di halaman blognya [http://netoopsblog.blogspot.com/2013/08/add-automatic-read-more-trick-blogger-blogs.html]. Berikut adalah langkah-langkah menambahkan link Read More pada blogspot :

Pilih menu Template lalu klik pada tombol Edit HTML.
Selalu backup template anda sebelum melakukan perubahan pada kode-kode HTML pada halaman Edit HTML.
Cari kode </head>.

Copy kode berikut ini, lalu Paste tepat diatas kode </head>

<script type='text/javascript'>

  var thumbnail_mode = "no-float" ; 

  summary_noimg = 400;  /* Summary length if no image*/

  summary_img = 300; /* Summary length with image*/

  img_thumb_height = 200; /*Image Height*/

  img_thumb_width = 200; /*Image Width*/

  </script>

  <script type='text/javascript'   src='http://netoopscodes.googlecode.com/svn/branches/Js%20files/auto-readmore-blogger.js'   ></script>

Selanjutnya, cari kode <data:post.body/> dan ganti kode tersbut dengan kode dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<div style='clear: both;'/>

<span class='rmlink'   style='font-weight:bold;padding:5px;float:right;text-align:right;'><a   expr:href='data:post.url' >Read more...</a></span>

</b:if>

</b:if>

Preview template anda, jika sudah sesuai maka simpan template anda.

Sekian tutorial simple pada malam hari ini. Jika terjadi kesalahan, restore template anda lalu ulangi langkah-langkah di atas dari awal.

Terimakasih sudah berkunjung pada blog saya.

[Tutorial] Memasang Carousel Bootstrap pada Blogspot

Pada postingan ini saya akan membahas tentang cara untuk memasang Carousel Bootstrap pada Blogspot.

Sebelum saya mulai menjelaskan, pastikan blog anda sudah terintegrasi dengan Bootstrap Framework. Hal ini karena caraousel bootstrap memerlukan fungsi javascript dan class css yang yang ada pada bootstrap framework. Jika anda belum mengetahui cara untuk mengintegrasikan blog dengan Bootstrap Framework, anda dapat memabaca pada postingan saya sebelumnya disini.

Berikut adalah langkah-langkah memasang Carousel Bootstrap pada blog :

Pilih menu Template, lalu klik tombol Edit HTML. Saya ingatkan selalu untuk melakukan backup pada kode HTML pada halaman edit ini.
Buka link carousel bootstrap, pada halaman tersebut dijelaskan struktur kode HTML untuk menampilkan carousel bootstrap.
Pada halaman Edit HTML blog anda, cari kode html <div class='region-inner header-inner'>

Tempelkan kode berikut ini tepat dibawah kode <div class='region-inner header-inner'>

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

  <!-- Indicators -->

  <ol class="carousel-indicators">

  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

  <li data-target="#carousel-example-generic" data-slide-to="1"></li>

  <!-- tambah kan tag li seperti contoh ini sesuai jumlah gambar yang anda gunakan -->

  <li data-target="#carousel-example-generic" data-slide-to="2"></li>

  </ol>


<!-- Wrapper for slides -->

  <div class="carousel-inner" role="listbox">

  <!-- item pertama -->

  <div class="item active">

  <img src="url_image_anda" alt="isi_ini_dengan_nama_file_gambar">

  <div class="carousel-caption">

  ini adalah caption pertama

  </div>

  </div>

  <!-- item selanjutnya -->

  <div class="item">

  <img src="url_image_anda_selanjutnya" alt="isi_ini_dengan_nama_file_gambar">

  <div class="carousel-caption">

  ini adalah caption selanjutnya

  </div>

  </div>

  </div>


<!-- Controls -->

  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">

  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

  <span class="sr-only">Previous</span>

  </a>

  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">

  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

  <span class="sr-only">Next</span>

  </a>

  </div>

Ganti text url_image_anda dengan url gambar yang ingin anda tampilkan. Saran saya gunakan gambar yang anda upload dari blog anda agar tidak memakan waktu lama saat me-load gambar tersebut.
Lakukan modifikasi CSS pada blog anda pada menu Template lalu klik tombol Costumize. Selanjutnya pilih Advanced dan scroll ke bawah dan klik Add CSS.

Sekian untuk tuturial cara memasang Carousel Bootstrap pada blog. Terimakasih sudah berkunjuang dan membaca tulisan di blog saya. :)

[Tutorial] Menambahkan Bootstrap CSS Framework Pada Blogspot

Pada postingan saya ini, saya akan menjelaskan tentang cara menambahkan Bootstrap CSS framework pada blogspot.

Beriut ini adalah beberapa hal yang anda perlu ketahui tentang Bootstrap,

Bootstrap adalah sebuah framework HTML, CSS, dan Javascript untuk mendesain sebuah website.
Bootstrap mendukung responsive design yang artinya dapat menyesuaikan ukuran website -beserta element-element didalamnya- dengan ukuran layar pengguna.
Bootstrap sudah memberikan berbagai bentuk style default untuk setiap element pendukung sebuah website, seperti Button, Input, Navigation dan lain-lainnya.
Bootstrap merukan project opensource yang artinya kode yang kita gunakan dapat kita modifikasi secara penuh dan tentunya gratis.
Klik Bootstrap untuk membuka alamat website dari Bootstrap.

Kembali pada topik ulasan post ini, kita dapat melakukan nya dengan langkah-langkah berikut :

Pilih menu Template lalu pilih template yang anda inginkan, tetapi jika anda ingin melakukan full custom pada tampilan website anda, saya sarankan untuk memilih Simple template.
Lalu klik tombol Edit HTML, ingat selalu untuk melalukan backup pada kode-kode yang ditampilkan pada halaman Edit HTML. Saya sarankan untuk copy semua kode tersebut kedalam sebuah file html di komputer lokal anda.

View Full Size

Pada kode html tersebut, cari baris kode </head>, lalu letakan alamat CDN bootstrap dibawah ini tepat di atas kode </head> sebelumnya.

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></link>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script src='//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'/>

Klik save template untuk menyimpan perubahan yang telah anda lakukan.
Sekarang anda bisa menggunakan class-class CSS serta fungsi-fungsi Javascript yang disediakan oleh framework Bootstrap.

Sebagai contoh hasil dari penggunaan Framework bootstrap pada blogger adalah pada blog saya ini, saya menggunkan Framework Bootstrap 3.0.

Sekian penjelasan untuk cara menambahkan Framework Bootstrap pada Blogger. Selanjutnya saya akan membahas bagai mana cara menambahkan Carouser Slider Bootstrap pada Blogger. Terimakasih telah membaca artikel pertama saya