Cara Design Blogger

Home / Archive For

Tips SEO: Membuat Meta Tag Description di Blog

Posted by Unknown on Sunday, 31 August 2014 at 20:31

<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>Tips SEO: Membuat Meta Tag Description di Blog</b>-Dengan 
memasang <i>meta tag description</i> maka blog Anda akan lebih <i>seo friendly</i>. Bisa dikatakan memasang <b>Meta Tag Description</b> adalah salah satu cara agar blog berada di page one atau halaman satu google sekaligus 
mendapatkan rangking tinggi di google.</span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"> </span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">
</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YhoUc4ASQ0hUhfD5hR5IPCfwe02viIiA9QmjIqRD9NEM7qsnbTlCZJ8uK4j_qCj6t6KlEWOaEjBEv0VhL4_vHKbvUQ7mCaMkPy_eqFC7COFTrXYbT536V7kA48unxbXSlhnli0dZtoxp/s1600/membuat+meta+tag+descriptoin+di+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tips SEO: Membuat Meta Tag Description di Blog" border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YhoUc4ASQ0hUhfD5hR5IPCfwe02viIiA9QmjIqRD9NEM7qsnbTlCZJ8uK4j_qCj6t6KlEWOaEjBEv0VhL4_vHKbvUQ7mCaMkPy_eqFC7COFTrXYbT536V7kA48unxbXSlhnli0dZtoxp/s1600/membuat+meta+tag+descriptoin+di+blog.png" title="Tips SEO: Membuat Meta Tag Description di Blog" width="320" /></a></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Bagaimana cara membuat dan memasang <i>Meta Tag Description</i> diblog?</span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Berikut langkah-langkahnya;</span></span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Saya anggap Anda sudah berada di halaman dasboard blog.</span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Selanjutnya ikuti langkah membuat Meta Description berikut ini:</span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Masuk ke Menu Setelan: </span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">1. Klik Setelan</span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">2. Klik Preferensi Penelusuran</span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">3. Klik Ya </span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Isikan Deskripsi tentang blog Anda</span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">4. Klik Simpan perubahan </span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Nomor langkah tersebut disesuaikan dengan nomer petunjuk di gambar.</span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span></div>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuIRmt6z6HgD7WI0IMBhTkIGnL_XB3QN0mvL5OZVFbtHynah3HSBrHHJqyJc7m_MOswf0LImDmn5gVFiObz3AYccEQG8CrSJCv2vh1dHUhwZVAuXuq0013wzBNvOzHYEU3uL0SMMNwmDAP/s1600/buat+meta+tag+diskripsi.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Dengan memasang meta tag description maka blog Anda akan lebih seo friendly. Bisa dikatakan memasang Meta Tag Description adalah salah satu cara agar blog berada di page one atau halaman satu google sekaligus mendapatkan rangking tinggi di google." border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuIRmt6z6HgD7WI0IMBhTkIGnL_XB3QN0mvL5OZVFbtHynah3HSBrHHJqyJc7m_MOswf0LImDmn5gVFiObz3AYccEQG8CrSJCv2vh1dHUhwZVAuXuq0013wzBNvOzHYEU3uL0SMMNwmDAP/s1600/buat+meta+tag+diskripsi.png" title="Tips SEO: Membuat Meta Tag Description di Blog" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: Arial,Helvetica,sans-serif;">Meta Tag Description</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"></span></span></div>
<br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Masuk di halaman Edit Entri atau halaman membuat posting untuk membuat Meta tag Description di dalam postingan blog.</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Silahkan ikuti langkah berikut ini:</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">1. Klik Deskripsi Penelusuran </span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG6DhraM_yLqMTDgcwXp-G9evSfyFA0LA5T_CyueuXDka7lxLi-l23F55GHeDf4ZZNrTx81kok5DFiKomWmW_FgQY7jWramJci_iqqU8ltaHXgo5NUUQfqwTkcm-vTI6cO708x0rdWm0TM/s1600/membuat+meta+diskripsi+blog.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG6DhraM_yLqMTDgcwXp-G9evSfyFA0LA5T_CyueuXDka7lxLi-l23F55GHeDf4ZZNrTx81kok5DFiKomWmW_FgQY7jWramJci_iqqU8ltaHXgo5NUUQfqwTkcm-vTI6cO708x0rdWm0TM/s1600/membuat+meta+diskripsi+blog.png" title="Tips SEO: Membuat Meta Tag Description di Blog" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: Arial,Helvetica,sans-serif;">Meta Tag Description</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"></span></span></div>
<br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">2. Silahkan ketik deskripsi tentang postingan yang Anda buat, lihat gambar di bawah biar jelas. Biasanya isi deskripasi diambila dari paragraf pertama postingan yang kita buat.</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm3eFG4zPTJjd0KP96ABYOui_PkkfCpy_47UhGkI_X_hWcnoWY9-vjKg-XgWk_j_J9lPawiOkuiIJxym35L5B1Xy12g38q-XewT1JsRutcNL2Xt-d3N5OsrD8_h6rtKu-fFB900yuaiVHD/s1600/membuat+meta+descriptoin+blog.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Dengan memasang meta tag description maka blog Anda akan lebih seo friendly. Bisa dikatakan memasang Meta Tag Description adalah salah satu cara agar blog berada di page one atau halaman satu google sekaligus mendapatkan rangking tinggi di google." border="0" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm3eFG4zPTJjd0KP96ABYOui_PkkfCpy_47UhGkI_X_hWcnoWY9-vjKg-XgWk_j_J9lPawiOkuiIJxym35L5B1Xy12g38q-XewT1JsRutcNL2Xt-d3N5OsrD8_h6rtKu-fFB900yuaiVHD/s1600/membuat+meta+descriptoin+blog.png" title="Tips SEO: Membuat Meta Tag Description di Blog" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">Meta Tag Description</span></span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"></span></span></div>
<br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">3. Selesai</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Demikian<b> tips Seo</b> tentang <u>Membuat Meta Tag Description di Blog</u>.</span></span> <span style="font-family: Arial,Helvetica,sans-serif;">Dengan memasang meta tag descripton blog anda akan lebih <i>seo friendly</i>.</span>

Tips SEO: Membuat Meta Tag Description di Blog -Dengan memasang meta tag description maka blog Anda akan lebih seo friendly . Bisa dikata...

Memasang Widget Sharing is Caring Di Bawah Postingan Blog

Posted by Unknown on Thursday, 1 November 2012 at 15:34

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3k5YD4Fpvgrn7kbWFUi2EWrhpPwgulMBsCfTz1n_V53L5rY2KifVS1GTQyjmQlWuJfiosFJZajjJ0WhInyp0f1MBzSWpGyN9L2s6sm1GRRv3XQUE0YqoiJeVKngpp4To9w6d35nVj79Ut/s1600/Memasang+Widget+Sharing+is+Caring+Di+Bawah+Postingan+Blog.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Memasang Widget Sharing is Caring Di Bawah Postingan Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3k5YD4Fpvgrn7kbWFUi2EWrhpPwgulMBsCfTz1n_V53L5rY2KifVS1GTQyjmQlWuJfiosFJZajjJ0WhInyp0f1MBzSWpGyN9L2s6sm1GRRv3XQUE0YqoiJeVKngpp4To9w6d35nVj79Ut/s1600/Memasang+Widget+Sharing+is+Caring+Di+Bawah+Postingan+Blog.jpg" title="Memasang Widget Sharing is Caring Di Bawah Postingan Blog" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: Arial,Helvetica,sans-serif;">Widget Sharing is Caring</span></td></tr>
</tbody></table>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Memasang Widget Sharing is Caring Di Bawah Postingan Blog</b>-Memasang <b>widget sharing</b> atau membuat <i>sosial bookmark </i>di blog menajdi keharusan di era social media sekarang ini. Dengan <b>tombol sharing</b> tersebut pengunjung dapat men-share artikel blog tersebut ke akun <b>facebook</b>, <b>twitter</b>, <b>google+</b> dan lainya. Pada postingan sebelumnya <b>Cara Design Blog</b> sudah memberika tutorial blogger <a href="http://cara-design.blogspot.com/2012/10/membuat-tombol-share-button-di-atas-postingan-blog.html">cara membuat tombol share button di bawah postingan blog.</a></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Pada kesempatan ini saya akan berikan <b>tips blog </b><u>cara membuat widget sharing is Caring di bawah postingan blog</u>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Apa fungsi widget sharing is caring?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Funginya sama seperti share button lainya, yaitu untuk memudahkan pengunjun untuk sharing atau berbagi artikel blog ke sosial media. Namun tampilan widget ini lebih cantik.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://cara-design.blogspot.com/">Bagaimana cara memasang widget sharing is caring?</a></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Silahkan ikuti tips blogger berikut ini:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">1. Login Dasbor Blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">2. Template > EDIT HTML > Centang Expand Widget 
Template.<br />3. Cari kode <i style="font-weight: bold;"><span style="color: red;"><data:post.body/></span></i></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Biar lebih mudah mencari pake CTR+F</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">4. Letakan kode berikut tepat dibawah <b><i><span style="color: red;"><data:post.body/></span></i></b></span><br />
<b><i><br /></i></b>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><a 
href='http://blazerracing.blogspot.com/'><img alt='Blazer Blog' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg97LyDxORHIctTJe2pql1dk8lSMsjFDSJ0BfVS5nWKkyXSgHWfsamP5SzsfEPuFEZc3SwC4FW-no2tTL9T41D6VyImmZJkINRV-qiMTgvSL44841g3yK_iSavmf0Np0t_A5GzLZcq6cooq/s1600/best+blogger+tips.png'/></a><style><br />img{border:0;}<br />#wrapper{width:488px; 
height:110px; 
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhps-BRzSo29V4TehdihGaWg2h_2spvucNNk6TH5IfcSp_YVm34x2cZ8ERUFJvKifnwH32M1mJjlhCxe96JJa2w7blh7ikwrILMo_Zena-M7X5h6qpl2MubILcUGZpLVJb46hIN2qDTzHs/s1600/sharing+is+caring+hearts.jpg); 
position:relative; background-repeat:no-repeat; 
background-color:transparent;}<br />#wrapper ul{position:absolute; width:600px; 
top:42px; left:3px; list-style-type:none;}<br />#wrapper 
li{float:left;}<br /></style><br /><div 
id='wrapper'><br /><ul><br /><li><br /><br /><a 
expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYu81174hIIgbc6xmziNBP_QSESDKoQAxztJ8bOcNZgYcoNxxoyRDcIs7ynQcqB2faNwU6NwCwhtVJFO1_hcCRB7JbaVta9EqG0CQzPbfvPbGkXVx7iaj-qO_p_6E3YtOACEKI_A33xzo/s1600/facebook.png' 
width='48'/></a><br /></li><br /><li><br /><br /><a expr:href='&quot;http://digg.com/submit?url=&quot; + 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNKlwCn-KWTSnv_qBEaavUx5bPlM0lXZwK0Icrmf0L3v7YvO0M1P5c6A2obQEVI13jfn3cF_ROT1NOh9x0ew6uEWEtQVRchEsMnT93pYGmm7NlBJDI07TNWPgB72Hb7E-ZHHr0A0vaHM/s1600/digg.png' 
width='48'/></a><br /></li><br /><li><br /><br /><a 
expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSKpq2X1EhtsbW9N1cPwdA0HC0AfmdoleijHH6Npx71jLxOGFK7rGW3_X-I_QCQ90LryzOYvhAFUO3H02WVDm8NbASZS4Z-nYxyMk_o5yS2rF90yNbhfExaoRtuMWC9zSLKNI24BBz9tY/s1600/stumble.png' 
width='48'/></a><br /></li><br /><li><br /><br /><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + 
data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' 
height='48' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdvRVNgUuqj8JB5I8615z4yGW9Cz39xeJItTBHyW9UIO6fAiE30RtfJqXHuE25zwcO0MlpW_FeHHHMfGNH2LVTiJGdSFXhfKlvSFO7FRHyugoEkOb7HTz3MHCwnMerJdcf6bOfgfSUCLA/s1600/twitter.png' 
width='48'/></a><br /></li><br /><li><br /><br /><a expr:href='&quot;http://del.icio.us/post?url=&quot; + 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' 
height='48' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBue_GyPP2_SF1g-e0LDh-QowLV9veTO51ChH9yzAu2QW_lpN_3Nlpas6zJvA1EvkVS8M8UOqfBzADx91Se6g0WkPHWVw8LL_WG3id60dBtwR2eaBmd26nOxPhRsK8HWlWWZveg1mXg-M/s1600/delicious.png' 
width='48'/></a><br /></li><li><br /><br /><a 
expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'><img alt='Float This Post' height='48' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMF2-m6yhwmqsT_tEL2Q_Gsa2YPdt9wfMbN3lTwxA7ACEyhyQCtmWsdSP6iaFAh_7OLBWcxtXu3llVuI9i-47aPboOzeE-MmD4Ga9k7bx8PIeEPDRNgtKHjwsCS8ClmdPicLbJdykXbt8/s1600/designfloat.png' 
width='48'/></a><br /></li><li><br /><br /><a expr:href='&quot;http://www.reddit.com/submit?url=&quot; 
+ data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6iEOuyqILi5id7h_7t2u2LMEW2R6pKcxHvkL-_7TMpFQ_z5HfOZ7wf-u9ltWPBXmKCRDfqycWC0Ygyrtn90SGPmt0T4Xq9aU9y_rOARm27rKf2QUIf843QZ2y01DMZuuVH6U-QVHtxMU/s1600/reddit.png' 
width='48'/></a><br /></li><li><br /><br /><a expr:href='&quot;http://technorati.com/faves?add=&quot; 
+ data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On 
Technorati' height='48' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNWx0Ld3g5H37-We_U5KHcRCXwxSVwv8yDEOkQecxMi0kpdUxf1UITsWU-WjznKwV4KYg4zB5VNM1pl47tJ5POZbAlVs1TcVs7DI-AT58jDH1SZrYXlfWpKJ-e1gsFrtyS7e9dsBVLWhc/s1600/technorati.png' 
width='48'/></a><br /></li></ul></div><br /></b:if></span></blockquote>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">5. Klik Preview.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Untuk melihat apa masih ada galat atau kesalahan. Bila ada kesalahan silahkan diulangi lagi dan pastikan kode diletakan sesuai petunjuk. Jika tidak ada kesalahan lanjutkan ke langkah berikutnya.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Save Template.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Sekarang <u>widget sharing is caring</u> di blog kamu sudah siap.</span><br />
<br /></div>

Widget Sharing is Caring Cara Memasang Widget Sharing is Caring Di Bawah Postingan Blog -Memasang widget sharing atau membuat sosial...

Cara Membuat Spoiler Pada Blog

Posted by Unknown on Sunday, 28 October 2012 at 19:30

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>Cara Membuat Spoiler Pada Blog</i></b>-Pada kesempatan ini Cara Design Blog akan memberikan tutorial cara membuat spoiler pada postingan blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Apa itu Spoiler?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Pernahkah kamu mengunjungi forum online di dunia maya semisak kaskus dan lainya? Kalau sudah pernah pastinya tahu penampakan spoiler seperti berikut ini</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">Biasanya dalam post atau threat menyertakan spoiler. Spoiler tersebut digunakan untuk meng-hide atau menyembunyikan suatu elemen postingan baik foto, tulisan, link, maupun video. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Prinsip spoiler sistemnya buka-tutup atau Show-Hide. Jika spoiler diklik <b>Show</b> maka elemen postingan akan terbuka atau ditampilkan. Bila elemen sudah terbuka dan kita ingin menutup tinggal klik <b>Hide.</b></span><br />
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://cara-design.blogspot.com/2012/10/cara-membuat-spoiler-pada-blog.html">Bagaimana cara membuat Spoiler?</a></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Berikut ini  cara mudah membuat Spoiler pada postingan blog:</span><br />
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">1. Membuat Spoiler untuk menyembunyikan teks atau artikel:</span></h4>
<div>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Buka Dasbor Blog kamu</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Post > Buat Entri Baru</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">1. Klik: HTML, untuk memasukan elemen HTML seperti gambar berikut:</span></li>
</ul>
</div>
<div>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LoZBGeipSPcCJb-rL_7jEU7G6fNard6_pMGdvYjXan_gLmkFAWumzFjuiwo6j9cHssgi1Cp4bFT2cAlIRSyxq-RSxggaQOywxzOXUsCk0UqoBMUwBfQznWT1ysyRFGnp5rQL31mRGAXf/s1600/Cara+Membuat+Spoiler+Pada+Blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Spoiler Pada Blog" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LoZBGeipSPcCJb-rL_7jEU7G6fNard6_pMGdvYjXan_gLmkFAWumzFjuiwo6j9cHssgi1Cp4bFT2cAlIRSyxq-RSxggaQOywxzOXUsCk0UqoBMUwBfQznWT1ysyRFGnp5rQL31mRGAXf/s1600/Cara+Membuat+Spoiler+Pada+Blog.png" title="Cara Membuat Spoiler Pada Blog" width="320" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><div style="margin: 5px;"><br /><div class="smallfont" 
style="margin-bottom: 2px;"></span><span style="font-family: Verdana, sans-serif;"><b></span><span style="color: lime; font-family: Verdana, sans-serif;">Spoiler for </span><span style="font-family: Verdana, sans-serif;"></b></span><span style="font-family: Verdana, sans-serif;"><br /><input onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display 
!= '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display 
= ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display 
= 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; 
margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" 
/></div><br /><div class="alt2" style="background: #FAFAFA; border: 
1px inset; margin: 0px; padding: 6px;"><br /><div style="display: 
none;"><span style="background-color: white;"><span style="color: red;">ISI DENGAN ARTIKEL ATAUTEKS</span></div></span></div></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"></div></span></blockquote>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Keterangan: </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">-Teks warna hijau bisa kamu ganti dengan judul spoiler yang kamu kehendaki</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">-Tulisan yang berwarana merah silahkan diganti dengan teks yang akan disembu</span><span style="font-family: Arial, Helvetica, sans-serif;">nyikan</span><br />
<ul>
</ul>
<br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">2. Klik Compose, setelah langkah no. 1 </span></li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Berikut ini contoh tampilan spoiler untuk sembunyikan teks atau tulisan:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Untuk menampilkan atau melihat teks tinggal klik Show</span><br />
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler for </b>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<a href="http://indopoptop.blogspot.com/2012/09/inilah-lirik-lagu-psy-gangnam-style.html">Inilah Liryk Lagu PSY-Gangnam Style :</a>

Psy Gangnam Style (강남스타일)
(Lirik Asli Versi Korean)

Oppan gangnam seutail
Gangnam seutail
Naje neun ttasaroun ingan jeogin yeoja
Keopi hanjanui yeo yureul
Aneun pumgyeog itneun yeoja
Bami omyeon simjangi tteugeowo jineun yeoja
Geureon banjeon itneun yeoja

Naneun sanai
Najeneun neoman keum ttasaroun geureon sanai
Keopi siggido jeone
Wonsyat ttaerineun sanai
Bami omyeon simjangi teojyeo beorineun sanai
Geureon sanai

Areumdawo sarang seureowo
Geurae neo hey geurae baro neo hey
Aleumdawo sarang seureowo
Geurae neo hey geurae baro neo hey
Jigeum buteo gal dekkaji gabolkka

Oppan gangnam seutail
Gangnam seutail
Oppan gangnam seutail
Gangnamseutail
Oppan gangnam seutail

Eh- Sexy Lady
Oppan gangnam seutail
Eh- Sexy Lady oooo

Jeong sughae boijiman
Nol ttaen noneun yeoja
Courtesy of Spotlirik.com
Ittaeda sipeumyeon mukkeotdeon
Meori puneun yeoja
Garyeotjiman wenmanhan
Nochul boda yahan yeoja
Geureon gamgag jeogin yeoja

Naneun sanai
Jeom janha boijiman
Nol ttaen noneun sanai
Ttaega doemyeon wanjeon
Michyeo beorineun sanai
Geunyug boda sasangi
Ultungbul tunghan sanai
Geureon sanai

Areumdawo sarang seureowo
Geurae neo hey geurae baro neo hey
Aleumdawo sarang seureowo
Geurae neo hey geurae baro neo hey
Jigeum buteo gal dekkaji gabolkka

Oppan gangnam seutail
Gangnam seutail
Oppan gangnam seutail
Gangnamseutail
Oppan gangnam seutail

Eh- Sexy Lady
Oppan gangnam seutail
Eh- Sexy Lady oooo

Ttwineun nom geu wie naneun nom
Baby baby
Naneun mwol jom aneun nom
Ttwineun nom geu wie naneun nom
Baby baby
Naneun mwol jom aneun nom

You know what I'm saying
Oppan gangnam seutail

Eh- Sexy Lady
Oppan gangnam seutail
Eh- Sexy Lady oooo

</div>
</div>
</div>
<br />
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">2. Spoiler untuk menyembunyikan foto atau image</span></h4>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><br /><b><span style="color: lime;">Spoiler for Novi Hot</span></b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><br /><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"><br /><div style="display: none;"><br /><imgsrc="<span style="color: #cc0000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5P74Ri5hoyj9vStx_894OY1GBRF8T63Zz1tttkycioYs_uV-OphauSPo6pIO-GDgdXjPHllxw-lU8tVPymg_Mt59vJDb8J882JDhhoOBGV9pncqYnmG0DmN-4TRptcIaYD0U46Zl2qYQ/s1600/Novi+Bikini.jpg</span>" border="0" alt="<a href="http://indopoptop.blogspot.com/">indopoptop.blogspot.com</a>"><br /></div><br /></div><br /></div> </span></blockquote>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Keterangan:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">-Tulisan warna hijau bisa kamu ganti dengan judul yang kamu mau</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">-Ganti URL yang berwarna merah dengan URL foto yang akan kamu sembunyikan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Contoh spoiler untuk foto, jika ingin melihat foto tinggal klik Show</span><br />
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler for Novi Hot</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="background: #FAFAFA; border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<img alt="Hihihihi..." class="aligncenter" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5P74Ri5hoyj9vStx_894OY1GBRF8T63Zz1tttkycioYs_uV-OphauSPo6pIO-GDgdXjPHllxw-lU8tVPymg_Mt59vJDb8J882JDhhoOBGV9pncqYnmG0DmN-4TRptcIaYD0U46Zl2qYQ/s1600/Novi+Bikini.jpg" width="500" /></div>
</div>
</div>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></h4>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">3. Spoiler untuk menyembunyikan video</span></h4>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><br /><b><span style="color: lime;">Spoiler for Video PSY-Gangnam Style</span></b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><br /><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"><br /><div style="display: none;"></span></blockquote>
<blockquote class="tr_bq">
 <b style="font-family: Verdana, sans-serif;"><span style="color: red;"><div class="separator" style="clear: both; 
text-align: center;"></span></b><b style="font-family: Verdana, sans-serif;"><span style="color: red;"><object 
class="BLOG_video_class" contentid="209a1b1ea11d2563" height="226" 
id="BLOG_video-209a1b1ea11d2563" 
width="320"></object></div></span></b></blockquote>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"></div><br /></div></span><br />
<span style="font-family: Verdana, sans-serif;"></div> </span></blockquote>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Keterangan:</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">-Tulisan warna hijau silahkan diganti dengan judul spoiler video</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">-Kode HTML warna merah ganti dengan separator video </span><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-serif;">yang akan disembunyikan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Sebagai contoh spoiler video:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Jika ingin membuka tinggal klik Show</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler for Video PSY-Gangnam Style</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
<div style="display: none;">
<div class="" id="watch-video">
<script>
if (window.yt.timing) {yt.timing.tick("bf");}    </script>

<br />
<div class="flash-player player-root" id="watch-player" style="overflow: hidden;">
</div>
<script>
      (function() {
        var swf = "      \u003cembed type=\"application\/x-shockwave-flash\"     s\u0072c=\"http:\/\/s.ytimg.com\/yt\/swfbin\/watch_as3-vflegwd0f.swf\"     w\u0069dth=\"640\" id=\"movie_player\" h\u0065ight=\"390\"    flashvars=\"account_playback_token=\u0026amp;ptk=ygent\u0026amp;enablecsi=1\u0026amp;html5_unavailable=1\u0026amp;iv_close_button=0\u0026amp;mpvid=AATJiGpSOw1kRjKF\u0026amp;aftv=True\u0026amp;autohide=2\u0026amp;csi_page_type=watch5ad\u0026amp;keywords=PSY%2C%EC%8B%B8%EC%9D%B4%2C%EA%B0%95%EB%82%A8%EC%8A%A4%ED%83%80%EC%9D%BC%2C%EB%AE%A4%EC%A7%81%EB%B9%84%EB%94%94%EC%98%A4%2CMusic+Video%2CGangnam+Style%2CKOREAN+SINGER%2CKPOP%2CKOERAN+WAVE%2CPSY+6%E7%94%B2%2C6th+Studio+Album%2C%EC%8B%B8%EC%9D%B46%EC%A7%91%2C%EC%9C%A1%EA%B0%91%2CYG+Family%2CYG+Entertainment\u0026amp;cr=ID\u0026amp;host_language=en\u0026amp;iv3_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fiv3_module-vflpMiCz3.swf\u0026amp;ad_flags=0\u0026amp;fmt_list=46%2F1920x1080%2F99%2F0%2F0%2C37%2F1920x1080%2F9%2F0%2F115%2C45%2F1280x720%2F99%2F0%2F0%2C22%2F1280x720%2F9%2F0%2F115%2C44%2F854x480%2F99%2F0%2F0%2C35%2F854x480%2F9%2F0%2F115%2C43%2F640x360%2F99%2F0%2F0%2C34%2F640x360%2F9%2F0%2F115%2C18%2F640x360%2F9%2F0%2F115%2C5%2F320x240%2F7%2F0%2F0%2C36%2F320x240%2F99%2F0%2F0%2C17%2F176x144%2F99%2F0%2F0\u0026amp;platform=None\u0026amp;trueview=True\u0026amp;loeid=907605%2C927200%2C909918%2C901420\u0026amp;invideo=True\u0026amp;ad_preroll=1\u0026amp;afv_ad_tag=http%3A%2F%2Fgoogleads.g.doubleclick.net%2Fpagead%2Fads%3Fdescription_url%3Dhttp%253A%252F%252Fwww.youtube.com%252Fvideo%252F9bZkp7q19f0%26ht_id%3D1524583%26video_cpm%3D6000000%26ad_type%3Dvideo%26loeid%3D907605%252C927200%252C909918%252C901420%26host%3Dca-host-pub-6250169811687594%26client%3Dca-pub-6219811747049371%26hl%3Den%26max_ad_duration%3D15000%26channel%3Dafv_instream%252CVertical_36%252CVertical_211%252CVertical_593%252CVertical_613%252CVertical_1021%252CVertical_1033%252CVertical_1408%252Cyt_mpvid_AATJiGpSOw1kRjKF%252Cyt_cid_399669%252Cytexp_907605.927200.909918.901420.920917.922401.920704.912806.927201.913558.912706.900816%252Cytps_default%252Cytel_detailpage\u0026amp;tk=KatKk8zY_cYE-m63Xxm18XUrH5r2xhLzwOuDMg1yYCVvXVcMEusakQ%3D%3D\u0026amp;sffb=True\u0026amp;ad_channel_code_instream=afv_instream%2CVertical_36%2CVertical_211%2CVertical_593%2CVertical_613%2CVertical_1021%2CVertical_1033%2CVertical_1408%2Cyt_mpvid_AATJiGpSOw1kRjKF%2Cyt_cid_399669%2Cytexp_907605.927200.909918.901420.920917.922401.920704.912806.927201.913558.912706.900816%2Cytps_default%2Cytel_detailpage\u0026amp;sdetail=f%3Arelmfu%2Crv%3A1a6uyof0i80\u0026amp;url_encoded_fmt_stream_map=url%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v7---lscache5.c.youtube.com%252Fvideoplayback%253Fupn%253DtFlC-rA8MyM%2526sparams%253Dcp%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Cratebypass%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526key%253Dyt1%2526itag%253D46%2526ipbits%253D8%2526signature%253D969F7EAABB654D402BA94F003B4BC03E50BF5F8F.37F8F1D44DCF46052158969A616DE92B912416AD%2526mv%253Dm%2526sver%253D3%2526mt%253D1347487571%2526ratebypass%253Dyes%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526ip%253D120.168.1.208%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dhd1080%26fallback_host%3Dtc.v7.cache5.c.youtube.com%26type%3Dvideo%252Fwebm%253B%2Bcodecs%253D%2522vp8.0%252C%2Bvorbis%2522%26itag%3D46%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v17---lscache7.c.youtube.com%252Fvideoplayback%253Fupn%253DtFlC-rA8MyM%2526sparams%253Dcp%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Cratebypass%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526key%253Dyt1%2526itag%253D37%2526ipbits%253D8%2526signature%253DB6C361D974F7B4C68D5C2621115C2F6D835A736B.2861EFE8CB2F42C46674311769A9A12EF61ECD0F%2526mv%253Dm%2526sver%253D3%2526mt%253D1347487571%2526ratebypass%253Dyes%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526ip%253D120.168.1.208%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dhd1080%26fallback_host%3Dtc.v17.cache7.c.youtube.com%26type%3Dvideo%252Fmp4%253B%2Bcodecs%253D%2522avc1.64001F%252C%2Bmp4a.40.2%2522%26itag%3D37%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v18---lscache5.c.youtube.com%252Fvideoplayback%253Fupn%253DtFlC-rA8MyM%2526sparams%253Dcp%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Cratebypass%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526key%253Dyt1%2526itag%253D45%2526ipbits%253D8%2526signature%253D639D2D2AE0DC44DBB82DADA64FE738AE7C121AB3.5869185C4780D209A417CCB94A5E6CDCA435DA16%2526mv%253Dm%2526sver%253D3%2526mt%253D1347487571%2526ratebypass%253Dyes%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526ip%253D120.168.1.208%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dhd720%26fallback_host%3Dtc.v18.cache5.c.youtube.com%26type%3Dvideo%252Fwebm%253B%2Bcodecs%253D%2522vp8.0%252C%2Bvorbis%2522%26itag%3D45%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v3---lscache1.c.youtube.com%252Fvideoplayback%253Fupn%253DtFlC-rA8MyM%2526sparams%253Dcp%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Cratebypass%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526key%253Dyt1%2526itag%253D22%2526ipbits%253D8%2526signature%253DB7A0C4A20918865F0325DB89A94B1D3B173E137C.1561D3A2555C372A0F574FBCF59A30D5D6D49D79%2526mv%253Dm%2526sver%253D3%2526mt%253D1347487571%2526ratebypass%253Dyes%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526ip%253D120.168.1.208%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dhd720%26fallback_host%3Dtc.v3.cache1.c.youtube.com%26type%3Dvideo%252Fmp4%253B%2Bcodecs%253D%2522avc1.64001F%252C%2Bmp4a.40.2%2522%26itag%3D22%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v3---lscache5.c.youtube.com%252Fvideoplayback%253Fupn%253DtFlC-rA8MyM%2526sparams%253Dcp%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Cratebypass%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526key%253Dyt1%2526itag%253D44%2526ipbits%253D8%2526signature%253DC6DF83C905F3497C5C418A5A78C6282B4E47F16D.A223469FDBA93DEF671E00B5DDA177A8A827DA93%2526mv%253Dm%2526sver%253D3%2526mt%253D1347487571%2526ratebypass%253Dyes%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526ip%253D120.168.1.208%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dlarge%26fallback_host%3Dtc.v3.cache5.c.youtube.com%26type%3Dvideo%252Fwebm%253B%2Bcodecs%253D%2522vp8.0%252C%2Bvorbis%2522%26itag%3D44%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v1---lscache3.c.youtube.com%252Fvideoplayback%253Fip%253D120.168.1.208%2526upn%253DtFlC-rA8MyM%2526sparams%253Dalgorithm%25252Cburst%25252Ccp%25252Cfactor%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526mt%253D1347487571%2526key%253Dyt1%2526algorithm%253Dthrottle-factor%2526burst%253D40%2526ipbits%253D8%2526itag%253D35%2526sver%253D3%2526signature%253DBE7C072A162435920DA4E42631B81E6C98509236.74471E21C2AA68C818780110C3F5F3A09DCCE31B%2526mv%253Dm%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526factor%253D1.25%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dlarge%26fallback_host%3Dtc.v1.cache3.c.youtube.com%26type%3Dvideo%252Fx-flv%26itag%3D35%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v18---lscache5.c.youtube.com%252Fvideoplayback%253Fupn%253DtFlC-rA8MyM%2526sparams%253Dcp%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Cratebypass%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526key%253Dyt1%2526itag%253D43%2526ipbits%253D8%2526signature%253DAF741C9E2EE2BD011CBAE13AE313234FD86B9052.8094DD9C7391C70CDD8CE8C7AB72549EBBF4AE1F%2526mv%253Dm%2526sver%253D3%2526mt%253D1347487571%2526ratebypass%253Dyes%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526ip%253D120.168.1.208%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dmedium%26fallback_host%3Dtc.v18.cache5.c.youtube.com%26type%3Dvideo%252Fwebm%253B%2Bcodecs%253D%2522vp8.0%252C%2Bvorbis%2522%26itag%3D43%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v22---lscache1.c.youtube.com%252Fvideoplayback%253Fip%253D120.168.1.208%2526upn%253DtFlC-rA8MyM%2526sparams%253Dalgorithm%25252Cburst%25252Ccp%25252Cfactor%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526mt%253D1347487571%2526key%253Dyt1%2526algorithm%253Dthrottle-factor%2526burst%253D40%2526ipbits%253D8%2526itag%253D34%2526sver%253D3%2526signature%253D6144104648B460A57343899871904358DC0CDE1E.276C1F6578E6E9A35318A99BD1DCB367BDC78337%2526mv%253Dm%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526factor%253D1.25%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dmedium%26fallback_host%3Dtc.v22.cache1.c.youtube.com%26type%3Dvideo%252Fx-flv%26itag%3D34%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v20---lscache4.c.youtube.com%252Fvideoplayback%253Fupn%253DtFlC-rA8MyM%2526sparams%253Dcp%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Cratebypass%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526key%253Dyt1%2526itag%253D18%2526ipbits%253D8%2526signature%253D76999129E7FBBE24EE07CCA1F7617A1CC45425E3.BDE4A4BE615DCCE1496189312179168D44A10156%2526mv%253Dm%2526sver%253D3%2526mt%253D1347487571%2526ratebypass%253Dyes%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526ip%253D120.168.1.208%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dmedium%26fallback_host%3Dtc.v20.cache4.c.youtube.com%26type%3Dvideo%252Fmp4%253B%2Bcodecs%253D%2522avc1.42001E%252C%2Bmp4a.40.2%2522%26itag%3D18%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v11---lscache8.c.youtube.com%252Fvideoplayback%253Fip%253D120.168.1.208%2526upn%253DtFlC-rA8MyM%2526sparams%253Dalgorithm%25252Cburst%25252Ccp%25252Cfactor%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526mt%253D1347487571%2526key%253Dyt1%2526algorithm%253Dthrottle-factor%2526burst%253D40%2526ipbits%253D8%2526itag%253D5%2526sver%253D3%2526signature%253DB396E8ED39B61D821E0164C64CEF940B959652C4.57C9B4FA2F089C62AFA7D808E127134FCC5E711E%2526mv%253Dm%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526factor%253D1.25%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dsmall%26fallback_host%3Dtc.v11.cache8.c.youtube.com%26type%3Dvideo%252Fx-flv%26itag%3D5%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v14---lscache1.c.youtube.com%252Fvideoplayback%253Fip%253D120.168.1.208%2526upn%253DtFlC-rA8MyM%2526sparams%253Dalgorithm%25252Cburst%25252Ccp%25252Cfactor%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526mt%253D1347487571%2526key%253Dyt1%2526algorithm%253Dthrottle-factor%2526burst%253D40%2526ipbits%253D8%2526itag%253D36%2526sver%253D3%2526signature%253DB7FC1B94A0B8C144092DC45DBD3DDD53B879A047.88145C080E7B44BF1425FD73E2F26DC81FE05AAA%2526mv%253Dm%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526factor%253D1.25%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dsmall%26fallback_host%3Dtc.v14.cache1.c.youtube.com%26type%3Dvideo%252F3gpp%253B%2Bcodecs%253D%2522mp4v.20.3%252C%2Bmp4a.40.2%2522%26itag%3D36%2Curl%3Dhttp%253A%252F%252Fo-o---preferred---indosat-cgk1---v12---lscache4.c.youtube.com%252Fvideoplayback%253Fip%253D120.168.1.208%2526upn%253DtFlC-rA8MyM%2526sparams%253Dalgorithm%25252Cburst%25252Ccp%25252Cfactor%25252Cgcr%25252Cid%25252Cip%25252Cipbits%25252Citag%25252Csource%25252Cupn%25252Cexpire%2526fexp%253D907605%25252C927200%25252C909918%25252C901420%25252C920917%25252C922401%25252C920704%25252C912806%25252C924412%25252C927201%25252C913558%25252C912706%25252C900816%2526mt%253D1347487571%2526key%253Dyt1%2526algorithm%253Dthrottle-factor%2526burst%253D40%2526ipbits%253D8%2526itag%253D17%2526sver%253D3%2526signature%253DAD3674CF328942AA14FA9E5D4F255332F298C5D7.52E5214C9EC47EF69E3386BDDC98A81B6B8B6493%2526mv%253Dm%2526source%253Dyoutube%2526ms%253Dau%2526gcr%253Did%2526expire%253D1347513561%2526factor%253D1.25%2526cp%253DU0hTTFVMUV9LS0NOM19NRlVGOmRxampWWTJnVU96%2526id%253Df5b664a7bab5f5fd%26quality%3Dsmall%26fallback_host%3Dtc.v12.cache4.c.youtube.com%26type%3Dvideo%252F3gpp%253B%2Bcodecs%253D%2522mp4v.20.3%252C%2Bmp4a.40.2%2522%26itag%3D17\u0026amp;cafe_experiment_id=\u0026amp;sourceid=yw\u0026amp;timestamp=1347487643\u0026amp;iv_load_policy=1\u0026amp;ad_host=ca-host-pub-6250169811687594\u0026amp;ad_eurl=http%3A%2F%2Fwww.youtube.com%2Fvideo%2F9bZkp7q19f0\u0026amp;showpopout=1\u0026amp;mpu=True\u0026amp;hl=en_US\u0026amp;tmi=1\u0026amp;iv_logging_level=4\u0026amp;st_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fst_module-vflM9cpYx.swf\u0026amp;no_get_video_log=1\u0026amp;endscreen_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fendscreen-vflkXjWCn.swf\u0026amp;iv_read_url=http%3A%2F%2Fwww.youtube.com%2Fannotations_iv%2Fread2%3Fvideo_id%3D9bZkp7q19f0%26feat%3DCS\u0026amp;cid=399669\u0026amp;referrer=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D1a6uyof0i80%26feature%3Drelmfu\u0026amp;ad_channel_code_overlay=invideo_overlay_480x70_cat10%2Cafv_overlay%2CVertical_36%2CVertical_211%2CVertical_593%2CVertical_613%2CVertical_1021%2CVertical_1033%2CVertical_1408%2Cyt_mpvid_AATJiGpSOw1kRjKF%2Cyt_cid_399669%2Cytexp_907605.927200.909918.901420.920917.922401.920704.912806.927201.913558.912706.900816%2Cytps_default%2Cytel_detailpage\u0026amp;afv_instream_max=15000\u0026amp;pyv_in_related_cafe_experiment_id=\u0026amp;t=vjVQa1PpcFPOVZDd_BVOkpwhVxXFMbJt5uDha3ed620%3D\u0026amp;afv_ad_tag_restricted_to_instream=http%3A%2F%2Fgoogleads.g.doubleclick.net%2Fpagead%2Fads%3Fdescription_url%3Dhttp%253A%252F%252Fwww.youtube.com%252Fvideo%252F9bZkp7q19f0%26ht_id%3D1524583%26video_cpm%3D6000000%26ad_type%3Dvideo%26loeid%3D907605%252C927200%252C909918%252C901420%26host%3Dca-host-pub-6250169811687594%26client%3Dca-pub-6219811747049371%26hl%3Den%26max_ad_duration%3D15000%26channel%3Dafv_instream%252CVertical_36%252CVertical_211%252CVertical_593%252CVertical_613%252CVertical_1021%252CVertical_1033%252CVertical_1408%252Cyt_mpvid_AATJiGpSOw1kRjKF%252Cyt_cid_399669%252Cytexp_907605.927200.909918.901420.920917.922401.920704.912806.927201.913558.912706.900816%252Cytps_default%252Cytel_detailpage\u0026amp;instream=True\u0026amp;fexp=907605%2C927200%2C909918%2C901420%2C920917%2C922401%2C920704%2C912806%2C924412%2C927201%2C913558%2C912706%2C900816\u0026amp;shortform=True\u0026amp;dclk=True\u0026amp;inactive_skippable_threshold=600000\u0026amp;allow_embed=1\u0026amp;ad_host_tier=1524583\u0026amp;rvs=view_count%3D461%252C578%26feature_type%3Dfvwp%26author%3Dneowizinternet%26title%3D%25EC%2595%2584%25EC%25A0%2580%25EC%2594%25A8%2B%2528Feat.%25EC%25A0%259C%25EC%259D%25B4%25EB%25A0%2588%25EB%25B9%2597%2529%2B_%2B%25EA%25B9%2580%25EC%25A7%2584%25ED%2591%259C%26length_seconds%3D214%26featured%3D1%26id%3DZ3zkiKnYNWk%2Cview_count%3D34%252C542%252C526%26author%3Dofficialpsy%26length_seconds%3D227%26id%3DwcLNteez3c4%26title%3DPSY%2B%2528ft.%2BHYUNA%2529%2B%25EC%2598%25A4%25EB%25B9%25A4%2B%25EB%2594%25B1%2B%25EB%2582%25B4%2B%25EC%258A%25A4%25ED%2583%2580%25EC%259D%25BC%2Cview_count%3D6%252C636%252C632%26author%3Dofficialpsy%26length_seconds%3D522%26id%3D9HPiBJBCOq8%26title%3DPSY%2B-%2BGANGNAM%2BSTYLE%2B%2528%25EA%25B0%2595%25EB%2582%25A8%25EC%258A%25A4%25ED%2583%2580%25EC%259D%25BC%2529%2BM%252FV%2BMaking%2BFilm%2Cview_count%3D2%252C636%252C505%26author%3Dofficialpsy%26length_seconds%3D232%26id%3DrpYq1lSce1U%26title%3DPSY%2B-%2BKOREA%2BM%252FV%2Cview_count%3D2%252C605%252C582%26author%3Dofficialpsy%26length_seconds%3D216%26id%3D1a6uyof0i80%26title%3DPSY_0722_SBS%2BInkigayo_GANGNAM%2BSTYLE%2B%2528%25EA%25B0%2595%25EB%2582%25A8%25EC%258A%25A4%25ED%2583%2580%25EC%259D%25BC%2529%2Cview_count%3D6%252C676%252C806%26author%3DTheFineBros%26length_seconds%3D402%26id%3DuYFmxgzPP3Q%26title%3DTEENS%2BREACT%2BTO%2BGANGNAM%2BSTYLE%2Cview_count%3D1%252C490%252C358%26author%3DCubeFamilyVideos%26length_seconds%3D39%26id%3D2T8J1X1S5PU%26title%3DPSY%2B-%2B%2527Gangnam%2BStyle%2527%2BM%252FV%2BBTS%2B%2528With%2BHyuna%2529%2Cview_count%3D1%252C786%252C837%26author%3DBIGBANG%26length_seconds%3D54%26id%3DcZScKPVqJ6Q%26title%3DBIGBANG%2527s%2BSeungri%2B-%2BChallenged%2BPSY%2527s%2BGangnam%2BStyle%2Cview_count%3D1%252C433%252C269%26author%3DYoan%2BTHOMAS%26length_seconds%3D123%26id%3DBz95ahmCEGQ%26title%3DPsy%2527s%2B%2522Gangnam%2BStyle%2522%2Bspotlighted%2Bon%2BCNN%2BInternational%2B%2528Asia%2529%2Cview_count%3D5%252C457%252C352%26author%3DWonderGirlsVEVO%26length_seconds%3D279%26id%3DquE6Cq4Q2bs%26title%3DWonder%2BGirls%2B-%2BLike%2BMoney%2Bft.%2BAkon%2Cview_count%3D910%252C706%26author%3Dkunnie91%26length_seconds%3D25%26id%3Df08X7wQ3yzo%26title%3D%255B120729%255D%2BHara%252C%2BNicole%252C%2BPSY%2B-%2BGangnam%2Bstyle%2B%2540%2BInkigayo%2Cview_count%3D154%252C707%252C127%26author%3DJenniferLopezVEVO%26length_seconds%3D267%26id%3DbjgFH01k0gU%26title%3DJennifer%2BLopez%2B-%2BDance%2BAgain%2Bft.%2BPitbull\u0026amp;vq=auto\u0026amp;yt_pt=AD1B29m-7OzmA3HWkvrGezCXr_KjSPEPax6J8SI5dPtDN7288Bh39YOiZ5BvrtpKaC7YWiYDqDmXzaCIPwwX\u0026amp;ad3_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fad3-vflCnuNVc.swf\u0026amp;gut_tag=%2F4061%2Fytpwatch%2Fmain_399669\u0026amp;ptchn=officialpsy\u0026amp;ad_logging_flag=1\u0026amp;length_seconds=253\u0026amp;feature=relmfu\u0026amp;enablejsapi=1\u0026amp;advideo=1\u0026amp;plid=AATJiGpQ9bDv9beK\u0026amp;iv_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fiv_module-vfl-04F3t.swf\u0026amp;afv=True\u0026amp;ad_tag=http%3A%2F%2Fn4061ad.hk.doubleclick.net%2FN4061%2Fpfadx%2Fcom.ytpwatch.music%2Fmain_399669%3Bsz%3DWIDTHxHEIGHT%3Bkvid%3D9bZkp7q19f0%3Bkpu%3Dofficialpsy%3Bkpid%3D399669%3Bu%3D9bZkp7q19f0%7C399669%3Bmpvid%3DAATJiGpSOw1kRjKF%3Bplat%3Dpc%3Bkpeid%3DrDkAvwZum-UTjHmzDI2iIw%3Bafct%3Dsite_content%3Bafv%3D1%3Bdc_dedup%3D1%3Bk21%3D1%3Bk5%3D3_35_36_211_593_613_1021_1033_1408%3Bkage%3D35%3Bkar%3D5%3Bkclt%3D1%3Bkcr%3Did%3Bkga%3D1003%3Bkgg%3D-1%3Bklg%3Den%3Bkmsrd%3D1%3Bko%3Dp%3Bkr%3DF%3Bkt%3DK%3Bkvz%3D205%3Bshortform%3D1%3Btves%3D2%3Bytcat%3D10%3Bytexp%3D907605.927200.909918.901420.920917.922401.920704.912806.927201.913558.912706.900816%3Bytps%3Ddefault%3Bytvt%3Dw%3B%21c%3D399669%3Bk2%3D3%3Bk2%3D35%3Bk2%3D36%3Bk2%3D211%3Bk2%3D593%3Bk2%3D613%3Bk2%3D1021%3Bk2%3D1033%3Bk2%3D1408%3B\u0026amp;ad_video_pub_id=ca-pub-6219811747049371\u0026amp;ad_slots=0\u0026amp;watermark=%2Chttp%3A%2F%2Fs.ytimg.com%2Fyt%2Fimg%2Fwatermark%2Fyoutube_watermark-vflHX6b6E.png%2Chttp%3A%2F%2Fs.ytimg.com%2Fyt%2Fimg%2Fwatermark%2Fyoutube_hd_watermark-vflAzLcD6.png\u0026amp;oid=VyEtjbeN302yXkP3Qulrog\u0026amp;afv_video_min_cpm=6000000\u0026amp;afv_inslate_ad_tag=http%3A%2F%2Fgoogleads.g.doubleclick.net%2Fpagead%2Fads%3Fdescription_url%3Dhttp%253A%252F%252Fwww.youtube.com%252Fvideo%252F9bZkp7q19f0%26ht_id%3D1524583%26ad_type%3Duserchoice%26loeid%3D907605%252C927200%252C909918%252C901420%26host%3Dca-host-pub-6250169811687594%26client%3Dca-pub-6219811747049371%26hl%3Den%26max_ad_duration%3D15000\u0026amp;iv_queue_log_level=0\u0026amp;as_launched_in_country=1\u0026amp;title=PSY+-+GANGNAM+STYLE+%28%EA%B0%95%EB%82%A8%EC%8A%A4%ED%83%80%EC%9D%BC%29+M%2FV\u0026amp;sw=1.0\u0026amp;sk=55sJ0iyEUjvoPEztxWaCJTp5BWji-t7UC\u0026amp;pltype=content\u0026amp;video_id=9bZkp7q19f0\"     allowscriptaccess=\"always\" allowfullscreen=\"true\" bgcolor=\"#000000\"\u003e\n  \u003cnoembed\u003e\u003cdiv class=\"yt-alert yt-alert-default yt-alert-error  yt-alert-player\"\u003e  \u003cdiv class=\"yt-alert-icon\"\u003e\n    \u003cimg s\u0072c=\"\/\/s.ytimg.com\/yt\/img\/pixel-vfl3z5WfW.gif\" class=\"icon master-sprite\" alt=\"Alert icon\"\u003e\n  \u003c\/div\u003e\n\u003cdiv class=\"yt-alert-buttons\"\u003e\u003c\/div\u003e\u003cdiv class=\"yt-alert-content\" role=\"alert\"\u003e    \u003cspan class=\"yt-alert-vertical-trick\"\u003e\u003c\/span\u003e\n    \u003cdiv class=\"yt-alert-message\"\u003e\n            You need Adobe Flash Player to watch this video. \u003cbr\u003e \u003ca href=\"http:\/\/get.adobe.com\/flashplayer\/\"\u003eDownload it from Adobe.\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/noembed\u003e\n\n";
        document.getElementById('watch-player').innerHTML = swf;
      })()
    </script>

<br />
<div id="watch-video-extra">
</div>

</div>
</div>
</div>
</div>
</div>
</div>

Cara Membuat Spoiler Pada Blog -Pada kesempatan ini Cara Design Blog akan memberikan tutorial cara membuat spoiler pada postingan blog. A...

Cara Memasukan Gambar Pada Postingan Blog

Posted by Unknown on Saturday, 20 October 2012 at 23:23

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="margin-left: 1em; margin-right: 1em;">
<br /> </div>
<br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://cara-design.blogspot.com/2012/10/cara-memasukan-gambar-pada-postingan-blog.html">Cara Memasukan Gambar Pada Postingan Blog</a>-Untuk menambah daya tarik pengunjung blog sudah lazim di kalangan blogger menambahkan atau memasukan gambar pada postingan blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Bagaimana cara memasukan gambar pada postingan blog?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Kali ini Cara Design Blog akan membuat postingan cara mudah memasukan gambar atau insert image pada postingan blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Silahkan ikuti tutorial <a href="http://cara-design.blogspot.com/2012/10/cara-memasukan-gambar-pada-postingan-blog.html">cara memasukan gambar pada postingan blog</a> berikut ini:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Saya anggap Anda sudah berada di halaman Dasbor Blog Anda dan sudah di halaman Entri Baru.</span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Selanjutnya ikuti langkah berikut:</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">1. Klik ikon Insert Image </span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Setelah masuk halaman edit entri baru silahkan Klik: Insert image, Seperti ditunjkan pada gambar berikut:</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxyiPzur6FUlxyZ2KgBfcVRmpAHfT58daodzAawGy6_FutvcXIYmr17tN6AVn13o6MZxHindSFbFbF6ciWAMmnDg6VL_BKCZ5yz3mxsnZRqNbnTIeX8u3hdsw-5c2ONT2gWe5H5baNS9vP/s1600/Cara+Memasukan+Gambar+Pada+Postingan+Blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasukan Gambar Pada Postingan Blog" border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxyiPzur6FUlxyZ2KgBfcVRmpAHfT58daodzAawGy6_FutvcXIYmr17tN6AVn13o6MZxHindSFbFbF6ciWAMmnDg6VL_BKCZ5yz3mxsnZRqNbnTIeX8u3hdsw-5c2ONT2gWe5H5baNS9vP/s1600/Cara+Memasukan+Gambar+Pada+Postingan+Blog.png" title="Cara Memasukan Gambar Pada Postingan Blog" width="320" /></a></span></span></div>
<br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">2. Klik Piih file</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Anda akan dibawa menuju dokumen tempat anda menyumpan file di komputer. Dan pilih atau klik foto atau gambar yang Anda ingin tampilkan di postingan blog.</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF2xO5SFbpnu5aV300lQZl4BXXBmrKC94mjaCI0nMGsZ5sKvhAcN-qwXlkwhgBzd9ZFZhR_5WDhYedMQyDKofQUd5gb63Kb2wBqs9-XzT6SIfr-RB8GT1HDikJYssereWtzOVm_0C_aSmd/s1600/Cara+Memasukan+Gambar+Pada+Postingan+Blog+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasukan Gambar Pada Postingan Blog" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF2xO5SFbpnu5aV300lQZl4BXXBmrKC94mjaCI0nMGsZ5sKvhAcN-qwXlkwhgBzd9ZFZhR_5WDhYedMQyDKofQUd5gb63Kb2wBqs9-XzT6SIfr-RB8GT1HDikJYssereWtzOVm_0C_aSmd/s1600/Cara+Memasukan+Gambar+Pada+Postingan+Blog+2.png" title="Cara Memasukan Gambar Pada Postingan Blog" width="320" /></a></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"></span></span></div>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">3. Klik: Add Selected</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Klik Add Selected  untuk memasukan gambar ke halaman entri blog. Tunggu sampai proses upload selesai atau muncul di halaman edir postingan.</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Demikian <a href="http://cara-design.blogspot.com/2012/10/cara-memasukan-gambar-pada-postingan-blog.html" target="_blank">cara mudah memasukan gambar atau insert image pada postingan blog</a>.</span></span></div>

Cara Memasukan Gambar Pada Postingan Blog -Untuk menambah daya tarik pengunjung blog sudah lazim di kalangan blogger menambahkan at...

Cara Mudah Membuat Navigasi Breadcrumbs di Blogger

Posted by Unknown on Thursday, 18 October 2012 at 19:35

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqS5I8sEoZKb_0R3UCBAYuE5OsMU-hpT0a7eZhWFnhxzIXeZ7Wm041djuwNuY55JtJqdhzUFRebGGLoM4kHIHeT5jx3sU9NCUhlty5xCpoUSe9gfjH9soXUxDY3cQywoeC4B6ZRzuIri3H/s1600/Membuat+navigasi+breadcrumbs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="17" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqS5I8sEoZKb_0R3UCBAYuE5OsMU-hpT0a7eZhWFnhxzIXeZ7Wm041djuwNuY55JtJqdhzUFRebGGLoM4kHIHeT5jx3sU9NCUhlty5xCpoUSe9gfjH9soXUxDY3cQywoeC4B6ZRzuIri3H/s320/Membuat+navigasi+breadcrumbs.png" width="320" /></a></div>
<span class="long_text"><br /></span>
<span class="long_text"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://cara-design.blogspot.com/2012/10/membuat-navigasi-breadcrumbs-di-blogger.html">Cara Mudah Membuat Navigasi Breadcrumbs di Blogger</a>-P<span style="background-color: white;" title="Breadcrumbs, Rootline or breadcrumb trail is a navigation aid used in user interfaces.">ada kesempatan ini Cara Design Blog akan memberikan tutorial blogger cara mudahmembuat navigasi breadcrumbs pada blog.</span></span></span><br />
<a href="http://cara-design.blogspot.com/2012/10/membuat-navigasi-breadcrumbs-di-blogger.html"><span class="long_text"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;" title="Breadcrumbs, Rootline or breadcrumb trail is a navigation aid used in user interfaces.">Apa arti dan fungsi dari </span></span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">navigasi breadcrumbs itu?</span></a><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;" title="Breadcrumbs, Rootline or breadcrumb trail is a navigation aid used in user interfaces."><b>Navigasi Breadcrumbs</b> adalah bantuan navigasi yang digunakan dalam user interface sebuah website ataupun blog. </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;" title="It allows users to keep track of their locations within programs or documents.">Hal ini memungkinkan pengguna untuk melacak lokasi halaman atau dokumen dengan mudah.</span><br />
<span class="long_text"><span style="background-color: white;" title="It allows users to keep track of their locations within programs or documents."><span class="long_text"><span style="font-family: Arial, Helvetica, sans-serif;"><span title="Breadcrumbs typically appear horizontally across the top of a web page, often below title bars or headers."><br /></span></span></span></span></span>
<span class="long_text"><span style="background-color: white;" title="It allows users to keep track of their locations within programs or documents."><span class="long_text" id="result_box"><span style="font-family: Arial, Helvetica, sans-serif;"><span title="Breadcrumbs typically appear horizontally across the top of a web page, often below title bars or headers.">Navigasi Breadcrumbs biasanya dibuat horizontal di bagian atas postingan blog maupun halaman web. Para blogger sering meletekan navigasi breadcrumbs ini di bawah bar judul atau header. </span><span title="They provide links back to each previous page the user navigated through to get to the current page or—in hierarchical site structures—the parent pages of the current one.">Breadcrumbs yang juga di sebut Rootlink ini menyediakan link kembali ke halaman sebelumnya (beranda), setiap pengunjung menggunakan navigasi breadcrumbs ini untuk menuju ke halaman saat ini  atau di 
situs-hirarkis struktur-halaman induk yang sekarang.</span></span></span></span></span><br />
<span class="long_text"><span style="background-color: white;" title="It allows users to keep track of their locations within programs or documents."><span class="long_text"><span style="font-family: Arial, Helvetica, sans-serif;"><span title="Breadcrumbs provide a trail for the user to follow back to the starting or entry point.">Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri. </span><span title="A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments.">Simbol (>) sering berfungsi sebagai pemisah hirarki. Namun banyak juga blogger yang memakai simbol (»).</span></span></span></span></span><br />
<span class="long_text"><span style="background-color: white;" title="It allows users to keep track of their locations within programs or documents."><span class="long_text"><span title="A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments."><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></span></span></span>
<span class="long_text"><span style="background-color: white;" title="It allows users to keep track of their locations within programs or documents."><span class="long_text"><span title="A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments."><span style="font-family: Arial, Helvetica, sans-serif;">Struktur dari Navigasi Breadcrumbs pada umumnya seperti ini:</span></span></span></span></span><br />
<span class="long_text"><span style="background-color: white;" title="It allows users to keep track of their locations within programs or documents."><span class="long_text"><span title="A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments."><span style="font-family: Arial, Helvetica, sans-serif;"><b>Home page > Section page > Subsection page</b><br />Manfaat dari membuat navigasi breadcrumbs adalah membuat blog lebih SEO Friendly. Blog yang sudah menggunakan </span></span></span></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;">navigasi breadcrumbs </span><span style="background-color: white;">memiliki daya untuk  </span><span style="background-color: white; color: black;">SEO</span><span style="background-color: white;"> 
dan </span>SERP<span style="background-color: white;"> di <i>Google Search Engine</i> dibanding blog yang tidak memakai breadcrumbs. </span></span><br />
<span class="long_text"><span style="background-color: white;" title="It allows users to keep track of their locations within programs or documents."><span class="long_text"><span title="A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments."><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></span></span></span>
<a href="http://cara-design.blogspot.com/2012/10/membuat-navigasi-breadcrumbs-di-blogger.html"><span class="long_text"><span style="background-color: white;" title="It allows users to keep track of their locations within programs or documents."><span class="long_text"><span title="A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments."><span style="font-family: Arial, Helvetica, sans-serif;">Bagaimana cara membuat </span></span></span></span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">navigasi breadcrumbs itu?</span></a><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">Untuk menjawab pertanyaan ini perkenankan Cara Design Blog memberikan tutorial blogger cara mudah membuat </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">navigasi breadcrumbs. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Berikut ini tutorial cara mudah </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">mudah membuat </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">navigasi breadcrumbs :</span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">1. Masuk Dasbor Blog Kamu</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">2. Template > Edit HTML > Lanjutkan > Exspand Widget Template</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Cari: <span style="color: red;">]]></b:skin></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">4. Letakan kode beikut tepat diatas <span style="color: red;">]]></b:skin></span></span><br />
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;">.breadcrumbs {<br /> padding:5px 5px 5px 0px;<br /> margin: 0px 0px 15px 0px;<br /> font-size:95%;<br /> line-height: 1.4em;<br /> border-bottom:3px double #e6e4e3;<br /> }</span></blockquote>
<span style="font-family: Arial, Helvetica, sans-serif;">5. Cari: </span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;"><b:includable id='main' var='top'></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">6. Letakan kode berikut di atas kode no.:5.</span><br />
<br />
<blockquote class="tr_bq">
 <span style="font-family: Verdana, sans-serif;"><b:includable id='breadcrumb' var='posts'><br /> <b:if cond='data:blog.homepageUrl == data:blog.url'><br /> <br /> <b:else/><br /> <b:if cond='data:blog.pageType == "item"'><br /> <br /> <p class='breadcrumbs'><br /> <span class='post-labels'><br /> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a><br /> <b:loop values='data:posts' var='post'><br /> <b:if cond='data:post.labels'><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == "true"'> »<br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><br /> </b:if><br /> </b:loop><br /> <b:else/><br /> »Unlabelled<br /> </b:if><br /> » <span><data:post.title/></span><br /> </b:loop><br /> </span><br /> </p><br /> <b:else/><br /> <b:if cond='data:blog.pageType == "archive"'><br /> <br /> <p class='breadcrumbs'><br /> <span class='post-labels'><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/><br /> </span><br /> </p><br /> <b:else/><br /> <b:if cond='data:blog.pageType == "index"'><br /> <p class='breadcrumbs'><br /> <span class='post-labels'><br /> <b:if cond='data:blog.pageName == ""'><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » All posts<br /> <b:else/><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/><br /> </b:if><br /> </span><br /> </p><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:includable></span></blockquote>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Preview/pratinjau untuk melihata apakah ada kesalahan dalam input kode kode tersebut. Kalau tidak ada kesalahan lanjutkan langkah no.:7.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">7. Save Template.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Selesai, Sekarang lihat blog kamu.</span><br />
<br />
<br />

Cara Mudah Membuat Navigasi Breadcrumbs di Blogger -P ada kesempatan ini Cara Design Blog akan memberikan tutorial blogger cara mudahme...

Cara Membuat Tombol Share Button di Atas Postingan Blog

Posted by Unknown on Wednesday, 17 October 2012 at 22:46

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlBw89gYcvYB-6GgC9-fEeG5ICOcbewlu2RP3GNQCa__3AoLFSGFeOgzDwf13XnatBLEG3JTGZkpkqpr7ycwowa9CBpEsfFBdQ11m7Leybi6SiqEgWu22krbVh07FqsROfHoDz1bweqHHM/s1600/Cara+membuat+Addtis+share+button.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Tombol Share Button di Atas Postingan Blog" border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlBw89gYcvYB-6GgC9-fEeG5ICOcbewlu2RP3GNQCa__3AoLFSGFeOgzDwf13XnatBLEG3JTGZkpkqpr7ycwowa9CBpEsfFBdQ11m7Leybi6SiqEgWu22krbVh07FqsROfHoDz1bweqHHM/s1600/Cara+membuat+Addtis+share+button.jpg" title="Cara Membuat Tombol Share Button di Atas Postingan Blog" width="320" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://cara-design.blogspot.com/2012/10/membuat-tombol-share-button-di-atas-postingan-blog.html">Cara Membuat Tombol Share Button di Atas Postingan Blog</a>-Setelah kamu tahu <a href="http://cara-design.blogspot.com/2012/10/cara-mudah-membuat-blogger-blog-gratis-blogspot.html">cara membuat blog</a> dan sudah <a href="http://cara-design.blogspot.com/2012/10/cara-membuat-postingan-blog.html">membuat postingan blog</a> atau artikel blog, tentunya kamu berharap artikel blog yang kamu buat ingin di ketahui dan dikunjungi banyak orang. Salah satu cara meningkatkan pengunjung adalah dengan sharing artikel blog kamu ke social media. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Artikel blog bisa kamu share ke facebook, twitter, google+ dan social media lainya.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Dengan memasang share button di halaman blog, akan memudahkan pengujung atau pembaca untuk men-share artikel tersebut ke sosial media dengan share buttun tersebut yang membuat halaman blog kamu semakin banyak pengunjung.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Dan itulah salah satu keuntungan memasang share button di blog yaitu meningkatkan traffic blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Diantara sosial bookmark yang biasa dipasang pada blog antara lain; <b>facebook</b>, <b>Twitter</b>, <b>Google+</b>, <b>Digg</b>, Google  <b>Buzz </b>dan masih banyak lagi. Namun jika kita harus menambahkan share button untuk masing-masing social media itu akan memakan waktu.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Terus bagaimana cara memsang share button yang mudah dimana  bisa mencakup seluruh social media bookmarking yang ada?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Caranya dengan membuat share button dari Addthis di blog. Untuk memberi kemudahan memasang share button dari Addthis, maka pada kesempatan ini Cara Design Blog akan memberikan tutorial blogger tentang cara membuat share buttun pada blogger. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Sudah siap menyimak?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Berikut ini langkah-langkah <a href="http://cara-design.blogspot.com/2012/10/membuat-tombol-share-button-di-atas-postingan-blog.html">cara membuat share button</a> pada blogger:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">1. Masuk Dasbor Blog kamu.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">2. Template > Edit HTML > Lanjutkan > Exspand Template Widget</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Cari: <span style="color: red; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;"><data:post.body/></span><span style="line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;"> </span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Silahkan pilih salah satu model kode share button berikut:</span><br />
<br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Kode Share Button model 1:</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijSQyR6H2s4cMRe-WczHLOt7N1UWpYi7CUy3AbLzB-To4B5DeWBwTd2VSpHu93F4gJblRrJll_FxdPFEeX-_tbrS6eNmtxbhHwCo9F2m0x_2eGq6UB8V6_kfmWLpNvi-mTjEdOR_EUB2yh/s1600/Addthis+button-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijSQyR6H2s4cMRe-WczHLOt7N1UWpYi7CUy3AbLzB-To4B5DeWBwTd2VSpHu93F4gJblRrJll_FxdPFEeX-_tbrS6eNmtxbhHwCo9F2m0x_2eGq6UB8V6_kfmWLpNvi-mTjEdOR_EUB2yh/s1600/Addthis+button-1.jpg" /></a></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<br />
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"> </span><span style="font-family: Verdana, sans-serif;">
<b:if cond='data:blog.pageType ==
&quot;item&quot;'></span><span style="font-family: Verdana, sans-serif;">
<div class="addthis_toolbox
addthis_default_style "></span><span style="font-family: Verdana, sans-serif;">
<a
class="addthis_button_facebook_like"
fb:like:layout="button_count"></a></span><span style="font-family: Verdana, sans-serif;">
<a class="addthis_button_tweet"></a></span><span style="font-family: Verdana, sans-serif;">
<a
class="addthis_button_google_plusone"
g:plusone:size="medium"></a></span><span style="font-family: Verdana, sans-serif;">
<a class="addthis_counter
addthis_pill_style"></a></span><span style="font-family: Verdana, sans-serif;">
</div></b:if></span><span style="font-family: Verdana, sans-serif;">
<script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71fdea5bff8d67"></script></span><span style="font-family: Verdana, sans-serif;">
</span></blockquote>
<br />
<br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;"> Kode Share Button model 2:</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVluUrV37x9xtWdBdy4BGGgSgEhhFGARLR5H-3NkDUYCTftB_tYxbMtzDfMSjF6ume5rFbaMcKxiMMsyAsdBUCXCCfMhlreYoalQY1Hmbq6zKU5RvCGfANIXv8pd5paNmwgSx1AXxVY8GX/s1600/Addthis+button-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVluUrV37x9xtWdBdy4BGGgSgEhhFGARLR5H-3NkDUYCTftB_tYxbMtzDfMSjF6ume5rFbaMcKxiMMsyAsdBUCXCCfMhlreYoalQY1Hmbq6zKU5RvCGfANIXv8pd5paNmwgSx1AXxVY8GX/s1600/Addthis+button-2.jpg" /></a></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"> <br />
<b:if cond='data:blog.pageType ==
&quot;item&quot;'><br />
<div class="addthis_toolbox
addthis_default_style "><br />
<a
class="addthis_button_preferred_1"></a><br />
<a
class="addthis_button_preferred_2"></a><br />
<a
class="addthis_button_preferred_3"></a><br />
<a
class="addthis_button_preferred_4"></a><br />
<a
class="addthis_button_compact"></a><br />
<a class="addthis_counter
addthis_bubble_style"></a><br />
</div></b:if><br />
<script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71feed783c3890"></script><br />
</span></blockquote>
<br />
<br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;"> Kode Share Button model 3:</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPgEXmKH2cUQJoN5WGdieMgJa7h-mRuX1yYEjk2WPB3Xa9ua7q9mldHff2mM5EaDkBlKOL7iiQ-rALV8RTh2Z6DhQCxytuIvb6_Xvcy3m5FU5nxf9iOjisoIofvfxxKbTmcK-vfNDrAE2G/s1600/Addthis+button-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPgEXmKH2cUQJoN5WGdieMgJa7h-mRuX1yYEjk2WPB3Xa9ua7q9mldHff2mM5EaDkBlKOL7iiQ-rALV8RTh2Z6DhQCxytuIvb6_Xvcy3m5FU5nxf9iOjisoIofvfxxKbTmcK-vfNDrAE2G/s1600/Addthis+button-3.jpg" /></a></div>
<div>
<br /></div>
<div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"> <br />
<b:if cond='data:blog.pageType ==
&quot;item&quot;'><br />
<div class="addthis_toolbox
addthis_default_style addthis_32x32_style"><br />
<a
class="addthis_button_preferred_1"></a><br />
<a
class="addthis_button_preferred_2"></a><br />
<a class="addthis_button_preferred_3"></a><br />
<a
class="addthis_button_preferred_4"></a><br />
<a
class="addthis_button_compact"></a><br />
<a class="addthis_counter
addthis_bubble_style"></a><br />
</div></b:if><br />
<script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71ff8750bee738"></script><br />
</span></blockquote>
<br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">4. Letakan kode share button yang kamu pilih diatas </span><span style="color: red; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;"><span style="font-family: Verdana, sans-serif;"><data:post.body/></span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;">Jika kamu ingin <b>meletakan share button di atas postingan blog</b>. L</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;">etakan dibawah </span><span style="line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;"><span style="color: red;"><span style="font-family: Verdana, sans-serif;"><data:post.body/></span> </span><span style="font-family: Arial, Helvetica, sans-serif;">jika ingin <b>meletakan share button di bawah postingan blog</b>.</span></span><br />
<span style="line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span>
<span style="line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Save template.</span></span><br />
<span style="line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;"><span style="font-family: Arial, Helvetica, sans-serif;">Selesai, sekarang lihat blog kamu.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;"><br /></span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;">Related Search:cara membuat tombol share button,</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;">cara membuat tombol share button di atas postingan,</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;">cara memasang tombol share button,</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;">cara memasang tombol share button di atas postingan,</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;">cara membuat tombol share button di bawah postingan, </span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 23.040000915527344px; text-align: justify; text-indent: -24px;">cara memasang tombol share button di bawah postingan</span><br />
<br />
<br />
<br />
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 0.25in;">
</div>
</div>
<br />
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 0.25in;">
</div>
</div>
<br />
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
</div>

Cara Membuat Tombol Share Button di Atas Postingan Blog -Setelah kamu tahu cara membuat blog dan sudah membuat postingan blog atau ar...

Cara Membuat Related Post With Thumbnail

Posted by Unknown on Tuesday, 16 October 2012 at 00:16

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVEpyBWJcvRoNpV6tsBq0XvgwSVRcQgxJHsYBMEai569jUrpa876pwLx1zPLZZIkhi-zWkEe2szMn_Xpd1sEvDMD8QvNX-uip77_oslI8G_a9UgGe1wr2YU0AsjJTY_0l-IyHow2FYnBC6/s1600/Membuat+related+post+with+thumbnail.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVEpyBWJcvRoNpV6tsBq0XvgwSVRcQgxJHsYBMEai569jUrpa876pwLx1zPLZZIkhi-zWkEe2szMn_Xpd1sEvDMD8QvNX-uip77_oslI8G_a9UgGe1wr2YU0AsjJTY_0l-IyHow2FYnBC6/s320/Membuat+related+post+with+thumbnail.png" width="320" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://cara-design.blogspot.com/2012/10/cara-membuat-related-post-with-thumbnail.html">Cara Membuat Related Post With Thumbnail</a>-Pada postingan sebelumnya Cara Design Blog sudahk memberikan tutorial blogger cara membuat related post. Namun related Post itu tanpa thumbnails atau tanpa gambar atau image. Related post with thumbnail ini karena menyertakan gambar maka akan menarik pengunjung untuk mengunjungi halaman terkait. Fungsi dari related post silahkan simak pada artikel <a href="http://cara-design.blogspot.com/2012/10/cara-membuat-related-post.html">cara membuat related post</a> sebelumnya.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Tampilan related post with thumbnail silahkan lihat screenshoot di atas.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Kali ini ijinkanlah Cara Design Blog memberikan tutorial cara membuat related post with thumbnail. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Sudah siap menyimak tutorial blogger yang akan saya sampaikan?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Oke, Mari kita simak bersama </span><a href="http://cara-design.blogspot.com/2012/10/cara-membuat-related-post-with-thumbnail.html" style="font-family: Arial, Helvetica, sans-serif;">cara membuat related post with thumbnail</a><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-serif;">berikut ini:</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">1. Masuk Dasbor Blog kamu.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">2. Template > Edit HTML > Lanjutkan</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">3. Centang Exspnd Template Widget</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">4. Cari kode: </span><span style="color: red; font-family: Verdana, sans-serif;"></head></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">5. Letakkan kode berikut diatas</span><span style="color: red; font-family: Verdana, sans-serif;"> </head></span><br />
<br />
<blockquote>
<span style="font-family: Verdana, sans-serif;"><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style type='text/css'><br />#related-posts {<br />float:center;<br />height:100%;<br />min-height:100%;<br />padding-top:10px;<br />padding-left:15px;<br />padding-right:15px;<br />}<br />#related-posts h2{<br />font-size: 1.3em;<br />color: black;<br />font-family: Arial;<br />margin-bottom: 0.75em;<br />}<br />#related-posts a{<br />color:black;<br />}<br />#related-posts a:hover {<br />background-color:#eeeeee;<br />}<br /></style><br /><script type='text/javascript'><br />var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzqDiRRgAvXNopzd7ETtV1JNeAK7IYUNATEXWp3hbr_ACMG-R8TYMapXqfvVQ4xEC4jCoJYFCFvTt52dP0MT8yckLGEc7yQQjYA2j5sPeaXT0jBF3PT7PdPx0mD1ODU1_dmF-M2KaZ9aWZ/";<br />var maxresults=5;<br />var splittercolor="<b><span style="color: lime;">#cccccc</span></b>";<br />var relatedpoststitle="<span style="color: lime;"><b>Artikel Terkait</b></span>:";<br /></script><br /><script src='http://hbhost.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/><br /></b:if><br /></span></blockquote>
<span style="font-family: Arial, Helvetica, sans-serif;">Keterangan kode:  </span><br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-weight: normal;">Kode:</span></b><b><span style="font-weight: normal;">#cccccc warna hijau pada kode diatas bisa kamu ganti dengan kode warna yang kamu suka. var plittercolor: garis pembatas antar <a href="http://cara-design.blogspot.com/2012/10/cara-membuat-related-post-with-thumbnail.html">related post with thumbnail</a>.</span></b></span></li>
<li><b><span style="font-weight: normal;"><span style="font-family: Arial, Helvetica, sans-serif;">Tulisan Artikel Terkait warna hijau di atas bisa kamu ganti dengan kata yang kamu suka.</span></span></b></li>
</ul>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">6. Cari:</span><span style="color: red; font-family: Verdana, sans-serif;"><p class='post-footer-line post-footer-line-1'/></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">7. Letakan kode berikut ini tepat di bawah kode no.:6.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"></span><br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='related-posts'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast != &quot;true&quot;'><br /></b:if><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=<span style="color: lime;"><b>6</b></span>&quot;' type='text/javascript'/></b:loop><br /><script type='text/javascript'><br />removeRelatedDuplicates_thumbs();<br />printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);<br /></script><br /></div><div style='clear:both'/><br /></b:if><br /></span></blockquote>
<span style="font-family: Arial, Helvetica, sans-serif;">Keterangan kode:  </span><br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Angka 6 warna hijau pada kode di atas bisa kamu ganti dengan jumlah related post yang ingin kamu tampilkan<b>.</b></span></li>
</ul>
<span style="font-family: Arial, Helvetica, sans-serif;">8. Save Template.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Selesai, silahkan lihat blog kamu.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Tags:<a href="http://cara-design.blogspot.com/2012/10/cara-membuat-related-post.html">cara membuat related post</a>, <a href="http://cara-design.blogspot.com/2012/10/cara-membuat-related-post-with-thumbnail.html">cara membuat related post with thumbnail</a></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>

Cara Membuat Related Post With Thumbnail -Pada postingan sebelumnya Cara Design Blog sudahk memberikan tutorial blogger cara membuat re...