Cara Melaporkan Artikel Yang Co-Pas Tanpa Ijin

Pasti rasanya akan sangat menyebalkan jika kita tahu kalau artikel kita ada yang copas tanpa seijin kita atau copas tanpa mencantumkan sumber artikel itu di peroleh... Iya.. dulu sih saat pertama blogging ane juga sering copas tapi biasa cantumin dengan si sumber, kalaupun tidak ane cantumin berarti ane tidak copas artikel bersangkutan melainkan ane tulis sendiri dengan kata-kata ane. Bagus dan tidaknya kan yang penting bisa kebaca.

Nah untuk kali ini, ane mo coba sharing tentang cara Melaporkan Artikel kita yang Di Co-Pas tanpa seijin kita. Artikel ini juga ane dapat dari Blog Ka Damar. Langsung sajalah biar nggak panjang lebar....

1. Klik INI

2. Kemudian Pilih Blogger atau Blogspot

3. Lalu pilih salah satu alasan
4. Selesaikan semua step, dan nantinya sobat akan mendapatkan kotak dialog seperti dibawah ini

5. Jika sobat sudah menyelesaikan semua step by step yang ada saat ingin melaporkan artikel yang di copas tersebut ke Om Google, maka di Dasbor orang yang bersangkutan (yang dilaporkan) akan muncul kotak dialog seperti dibawah ini.

Pasti sobat tidak ingin kan pas lagi buka Blog, eh nggak taunya muncul kotak asing seperti diatas. Kaget bangat kan kalau seperti itu.

Sekedar Saran :

• Co-Pas sih boleh saja asal Sumber artikel jangan dilupakan. ^_^

Selamat Mencoba,

Salam.

Cara Membuat Author Box di Postingan

Penting gak penting sih untuk aksesoris yang satu ini.,hanya saja kebetulan ane tertarik buat masang ya sudah langsung ane tempel. Ini juga sekedar nampakin kata-kata bijak yang ane suka. Tapi kalau sobat juga tertarik bisa buat diisi informasi apa saja yang sobat suka....

Gimana??? Kalau tertarik langsung saja deh..

1. Login ke Blogger dengan ID sobat tentunya
2. Pilih menu Template --> Edit HTML
3. Centang pada Expand Widget Templates, lalu cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

.cmhk{background:#000;margin:20px 0 40px 0;padding:10px;overflow:auto;color:#fff}
.cmhk p{margin:0;padding:0}.teja a{color:#FFF}
.cmhk img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ghvmPUcCUbNn0rwqTlOxVqL3MbZi2Cin_-Fbsm-MP0sN7siX5Kaog4yM-RVH1SlqFV66mHLelgh_Ll1GM2x009GifBJHMiFrcom2dSqx_Xzp8UGbywH0xgIMx0sVw1DDDDubHZl7y6zd/s1600/bg-img-auhtor.gif)no-repeat;float:Left;margin:0 10px 0 0;padding:4px}

4. Cari lagi kode <div class='post-footer-line post-footer-line-1'> lalu letakkan kode berikut dibawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='teja'>
<p><img alt='' class='avatar avatar-70 photo' height='130' src='http://filevector.com/wp-content/uploads/2011/01/vector-Japan-carp.jpg' width='100'/><div style='font-family: kristen itc; color: rgb(255, 0, 0);'><b>ABOUT THE AUTHOR : CHUMHIENK</b></div>
<div style='text-align: justify; font-family:comic sans ms'><a href='http://tejahtc.blogspot.com/' target='new'><b>Kutipan Favorit : </b></a>Jangan sampai kita terlena untuk memenuhi kekayaan duniawi yang sifatnya hanya sementara saja, hingga kita lupa akan tugas kita yang sesungguhnya di dunia ini yaitu mengumpulkan perbekalan untuk menuju kampung akhirat yang kekal. Jadi perkayalah diri Anda baik dengan materi maupun dengan rohani, dan bagikan kekayaan tersebut kepada yang lebih membutuhkan.
</div></p>
</div>
    </b:if>

5. Simpan Template, dan lihat hasilnya. Author box telah muncul dibawah kolom postingan sobat. :)

Keterangan :

• Ganti tulisan biru dengan URL Gambar sobat
• Ganti tulisan merah dengan Nick sobat
• Ganti tulisan hijau dengan informasi sobat

Sekian.

Salam,

Membuat Daftar Isi Part 2 (JQuery Accordion)

Sebelumnya ane uda pernah mosting artikel tentang Cara Membuat Sitemap di Blog yaitu membuat daftar isi untuk blog yang tentunya sangat bermanfaat bagi pengunjung blog kita. Kali ini ane juga masih mosting tentang artikel serupa, hanya saja bedanya, kalau yang sebelumnya hanya memakai JS, yang sekarang justru dengan bantuan JQuery. Ini aku ambil dari Blog Sharing Ilmu Pengetahuan dan sudah aku ganti sebagian scriptnya. Kalau sobat penasaran dengan hasilnya bisa lihat DISINI

Udah liatkan kan??? heheh.... Kalau sobat tertarik untuk mengganti model Daftar Isi sobat yang lama dengan yang model seperti ini caranya gampang kok....

1. Login ke Blogger dengan ID sobat
2. Pilih menu Template --> Edit HTML
3. Expand Widget Templates.,cari kode ]]></b:skin> lalu letakkan kode berikut tepat diatasnya

.judul-label{background:-moz-linear-gradient(top,  #393E41,  #000000);font-weight:bold;line-height:1.4em;margin-bottom:5px;overflow:hidden;white-space:nowrap;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-decoration: none;font: 14px/100% Comic Sans MS, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 4px #AAAAAA;box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #330000;border: 2px solid white !important;background:#CCFFFF url("http://2.bp.blogspot.com/-6OcDgB9yXXI/TVfIh9HaUYI/AAAAAAAABUk/PUZFTYOTg-8/s1600/1m3.gif") no-repeat}.data-list{line-height:1.5em;margin-left:5px;margin-right:5px;padding-left:15px;padding-right:5px;white-space:nowrap;text-align:left;font-family:kristen itc;font-size:12px;}.list-ganjil{background-color:#CCFF99;color:#51A104;border-top:1px solid #FF0000;border-bottom:1px solid #FF0000}.headactive{color: #FFFFFF;border: 2px solid:#C0C0C0;!important;background: #CC66FF;background: -moz-linear-gradient(top,  #CC66FF,  #8C0000)}

4. Simpan Template

Selanjutnya adalah untuk menampilkan daftar isinya kedalam blog kita. Untuk langkah ini ada 2 cara yang bisa sobat gunakan. Pertama, lewat Page dan Kedua, lewat Postingan seperti artikel. Terserah sobat mau milih yang mana. Kebetulan kalau saya make yang pertama karena langsung dimasukan ke tab menu.....

5. Buat artikel baru (bisa di Pages juga bisa di New Post)
6. Setelah berada di menu editor, Letakkan kode berikut di tab HTML

<script src="http://muhammadsuteja.googlecode.com/files/by1.js">
</script>
<script src="http://chumhienk-mhienk.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://muhammadsuteja.googlecode.com/files/by.js" type="text/javascript">
</script>

Keterangan :

• Ganti tulisan yang berwarna merah dengan alamat blog sobat
• sobat juga bisa mengganti background color dengan mengganti semua kode warna yang ada dengan kode warna yang sobat inginkan.

Selamat mencoba.

Salam,

Cara Membuat Tab View Menu

Menu Tab View sangat berguna untuk kita karena meskipun ukuran widget ini kecil, namun bisa memuat space yang banyak. Menu ini sudah lama ingin ane coba posting tapi malas karena caranya yang cukup panjang. Tapi asal disimak dengan baik-baik, insya Allah akan berhasil. Berikut contohnya :

Untuk cara membuat Tab View Menunya, silahkan ikuti tutorial berikut:

1. Login ke Blogger dengan ID sobat

2. Pilih menu Template --> Edit HTML

3. Expand Widget Templates, lalu cari kode </head> kemudian pastekan kode berikut di atasnya

<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
  var TabView = document.getElementById(TabViewId);
  // ----- Tabs -----
  var Tabs = TabView.firstChild;
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
  var Tab = Tabs.firstChild;
  var i   = 0;
  do
  {
    if (Tab.tagName == "A")
    {
      i++;
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
      Tab.className = (i == id) ? "Active" : "";
      Tab.blur();
    }
  }
  while (Tab = Tab.nextSibling);
  // ----- Pages -----
  var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;
  var Page = Pages.firstChild;
  var i    = 0;
  do
  {
    if (Page.className == 'Page')
    {
      i++;
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
      Page.style.overflow = "auto";
      Page.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Page = Page.nextSibling);
}// ----- Functions ------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
//]]>
</script>

 4. Lalu letakkan kode berikut diatas kode ]]></b:skin>

div.TabView div.Tabs
{
height: 30px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 98px; /* Lebar Menu Utama Atas */

text-align: center;
height: 30px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight: bold;
color: #000; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #E6E6E6; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #E6E6E6; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

 5. Previw dulu sebelum menyimpan, kalo tidak terjadi kesalah berarti aman. Klik Save Template

Eits... belum selesai sob..,masih ada tahap terakhir agar sempurna.... hehehe

6. Selanjutnya klik Menu Layout
7. klik Add Widget --> HTML/JavaScrip
8. copy dan pastekan kode berikut kedalam konten HTML

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 300px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

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

<script type="text/javascript">
tabview_initialize('TabView');
</script>

9. Simpan

Keterangan :

• untuk berwarna merah merupakan tinggi dan lebar menu, tinggal di sesuaikan saja
• yang berwarna biru merupakan judul-judul menu
• dan yang berwarna hijau merupakan isi dari menu, bisa diganti dengan link, gambar, banner, dll

Sekian

Salam,

Membuat Efek Blur Gambar Otomatis

Menampilkan efek blur pada gambar bisa dengan cara manual dan bisa dengan cara otomatis. Cara manual maksudnya, untuk menampilkan efek blur (hover) tersebut kita harus menambahkan sedikit script dalam proses pemostingan dengan bantuan URL gambar tersebut. Sedangkan dengan cara otomatis maksudnya untuk menampilkan efek blurnya kita hanya mengedit HTML template kita.

Nah disini ane pake cara kedua (otomatis) biar tiap mostinga gambar gk perlu repot-repot ngedit lagi. contohnya bisa dilihat di blog ini, sekalipun tidak begitu menarik sih yang penting ada sedikit animasi.. hehehe

Klo sobat mau, caranya cukup mudah :

1. Login ke Blogger dengan ID sobat

2. Pilih menu Template --> Edit HTML

3. cari kode ]]></b:skin> lalu copy dan pastekan kode berikut tepat dibawahnya :

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.efekanimasi&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.efekanimasi&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.post img&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.post img&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

4. Simpan template, lalu lihat hasilnya.

Sekian tutorial untuk ini,

Salam.

Membuat Related Posts Dengan Fungsi Scroll

Disini ane akan membahas cara membuat Related Psots dengan Fungsi Scroll, jelas sekali ini memungkinkan penghematan tempat di blog kita.... Apalagi untuk saya pribadi lebih senang menggunakan Fungsi Scroll dari pada membiarkannya panjangnya kebawah.

Bagi sobat yang pengen membuat Related Posts dengan Fungsi Scroll caranya lumayan gampang, cukup ikuti instruksi yang ada :

1. Login ke Blogger dengan ID sobat

2. Pilih menu Template --> Edit HTML (ini untuk tampilan Dasbor blogger yang baru)

setiap mengedit Template yang tentunya melibatkan script, sebaiknya sobat backup terlebih dahulu template sobat, agar kedepannya bila terjadi kesalahan template sobat bisa dikembalikan dengan mengupload kembali template yang sudah didownload.

3. Centang pada Expand Widget Template lalu cari kode <p><data:post.body/></p> lalu copy dan pastekan kode dibawah ini tepat di Bawah kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

4. Kemudian cari kode ]]></b:skin>, lalu copy dan pastekan kode berikut tepat di atas kode tadi

/*-- Related Post dengan Scroll Chumhienk's Blog--*/

        .rbbox{border: 1px solid #D8D8D8;padding: 5px;

        background-color: #e9d8eb;-moz-border-radius:5px; margin:5px;}

        .rbbox:hover{background-color: #CCFF00;}


<style>.fullpost{display:none;}</style>

5. Simpan Template, Lalu lihat hasilnya.

Catatan :

• silahkan ganti tulisan "Related Posts" dengan tulisan yang sobat inginkan
• untuk kode #e9d8eb adalah warna backgroun Related Posts, dan #CCFF00adalah warna background ketika dilewati pointer (hover). Untuk kedua kode ini sobat bisa sesuaikan dengan template sobat. Lihat tabel kode warna DISINI

Cara Menambah Kolom Widget di Atas Header dan Postingan

Elemen Widget pada Blog sangatlah bermanfaat karena akan memberi ruang untuk menaruh Script dalam hal design blog. Untuk itu, kali ini ane mo sharing tentang bagaimana cara menambah Widget di atas kolom Postingan. Sebenarnya tutorial ini sudah banyak di postingan oleh sobat blogger yang lain.

Untuk caranya cukup mudah :
1. Loggin ke Blogger dengan ID sobat
2. Pilih menu Template --> Edit HTML --> Procced (ini untuk tampilan Dasbor Blog yang baru)
3. Centang pada Expand Widget Templates
4. Kemudian cari kode showaddelement 


 /* ___ Untuk menambah Kolom Widget di Atas Header ___ *\
 

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>

--->> Ganti tulisan "no" dengan "yes"

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’yes’>

 /* ___ Untuk menambah Kolom Widget di Atas Postingan ___ *\

<div id=’main-wrapper’>
<b:section class=’main’ id=’main’ showaddelement=’no’>

--->> Ganti tulisan "no" dengan "yes"

  <div id=’main-wrapper’>
<b:section class=’main’ id=’main’ showaddelement=’yes’>

Sekian tutorial singkat ini...

Salam,

Membuka Blokir Nawala

Hoaaalaahhh akhirnya Blokir Nawalah berhasil dilepas juga...,,setelah googling kesana kemari, mundar mandir nyari artikelnya, dapat artikel satu dicoba dapat artikel lain dicoba tetap aja gagal ngakalin si Nawala Project. Tapi kali ini ane berhasil taklukin Nawala..... hahahaha

Sobat pasti uda pada taukan Nawala Project itu apa??? Nawala Project adalah salah satu proyek pemerintah dalam memberantas situs-situs negatif seperti situs porno, perjudian, bahkan pishing. Pasti kesal rasanya klo gk bisa akses satu diantara situs-situs tersebut...... ckckckckc -pengalaman- Nah sekarang sobat tidak perlu khawatir lagi karena ane uda nemu cara yang paling jituh buat ngebuka blokir dari Nawala.

Oyah sebelum kita masuk kedalam step by step.,sobat harus punya softwarenya dulu (DNS Benchmark) bisa di download DISINI. Softwarenya bersifa Portable jadi tidak perlu di install lagi, langsung digunain.

Untuk langkah pertama, jalankan softwarenya. Buka tab Nameservers lalu klik Run Benchmark jangan lupa centang pada Sort Fastest First agar mengurutkan daftar DNS dari yang paling cepat.

Software ini akan manampilkan beberapa DNS yang bisa digunakan. Tunggu beberapa saat (bisa memakan waktu 5-10 menit tergantung koneksi internet sobat)

 

Kalau sudah selesai maka tampilannya akan seperti ini.

Pilih tab Conclusions dan scroll kebagian bawah, ada 2 DNS yang dikategorikan memiliki kecepatan tertinggi. Dan ternyata DNS ini sama persis dengan DNS yang terdapat pada komputer saya.

  

Kalau kita memasang DNS tersebut, tidak akan terjadi perubahan pada Blokir Nawala, karena DNS tersebut adalah DNS milik NAWALA itu sendiri. Maka dari itu, kembali ke tab Nameservers lalu coba cari DNS yang lain. Sebagai contoh DNS yang saya gunakan adalah, 204.117.214.10 dan alternate nya 204.79.212.10. setelah sobat ganti coba buka kembali situs negatif sobat, dan hasilnya :

Selamat menikmati kembali, Situs-situs negatif sobat.... hahahahaha

__--Jangan lupa kasi komentar yah sob kalo sudah berhasil ^_^--__

Cara Membuat Drop Cap di Postingan

Cara membuat Drop Cap atau biasa disebut juga Membuat Tulisan Besar di Awal Kalimat adalah salah satu fasilitas yang bisa kita gunakan agar blog kita terlihat lebih unik dan menarik lagi. Bentuk tulisan seperti ini lebih sering kita temukan pada sebuah majalah atau surat kabar, namun bukan tidak mungkin bentuk tulisan ini kita terapkan di blog kita. Caranya juga cukup mudah sob....

1. Login ke Blogger dengan akun sobat
2. Klik menu Template --> Edit HTML Template
3. Cari kode ]]></b:skin>
4. letakkan kode berikut tepat diatas kode ]]></b:skin>

Spoiler

/* Kode Huruf Awal----------------------------------------------- */.awal {float:left;color: #000000;background:#ffffff;line-height:80px;padding-top:1px;padding-right:5px;font-family:times;font-size:100px;}

5. Simpan Template

Untuk menampilkannya pada postingan, letakkan kode dibawah ini diawal postingan pada tab HTML

Spoiler

<span class="awal"><span style="color: red;">huruf awal</span>

Selamat Mencoba...

Cara menghubungkan Blog ke Twitter dan Facebook

Sebenarnya sih ane masih ngantuk...,,semalam tidurnya uda subuh nemanin temen yang keasikan ol..!!! Tapi dari pada ane gk ada kerjaan... Maen game juga energinya habis..... hiks... Untuk tutorial kali ini ane mo coba sharing tentang Cara menghubungkan blog ke twitter dan facebook sobat... kalo menurut ane sih lumayan buat nambah tarffic blog kita... heheheh

Ok langsung saja, Caranya gampang kok sob :

1. Kunjungi situs twitterfeed.com

2. Klik Register Now akan di direct ke tab Step 1: Create Feed

3. Isi Form yang disediakan :

Email adress : masukan email yang sedang sobat gunain

passsword : masukan password minimal 6 karakter (jangan sampai lupa sob sama passwordnya)

confirm password : tulis kembali password yang sesuai dengan sebelumnya

4. Klik Create Account

6. Isi Form yang ada:

Feed Name : Nama blog/situs sobat

Blog URL or RSS Feed URL : masukan RSS Feed Url sobat sendiri seperti

http://namablog.blogspot.com/feeds/posts/default

ganti tulisan yang berwarna merah dengan alamat blog sobat

7. Lalu klik Test Rss Fedd

8. Jika berhasil maka akan ada tulisan Feed Parsed OK dibawah RSS Feed URL

9. Lalu klik continue to Step 2 (Configure Publishing Services), Nah untuk tahap ini kita akan memilih kemana nantinya blog kita akan dihubungkan. Kalo untuk skrang kan kita fokusnya ke Facebook dan ke Twitter.

10. Untuk ke Twitter --> klik Twitter pada halaman Available Services --> klik Authenticate Twitter --> Masukan Username dan Password akun Twitter sobat --> Lalu izinkan aplikasi --> Kalo sudah, terakhir klik Create Service dibagian bawah.

11. Untuk ke Facebook --> klik Facebook pada halaman Available Services --> klik Connect with Facebook --> log in ke akun Facebook sobat --> terakhir klik Create Service

12. Terakhir klik All Done. Sekrang blog sobat sdh terhubung ke Twitter dan Facebook sobat sendiri.

Sekian n terimaksi sudah mampir dan baca artikel ane.... :D