Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts

Saturday, 12 January 2013

Inilah cara mengganti Nama Facebook yang udah gak bisa diganti Lagi (overname)

malem malem begini asek nya ngapai yaaa,, mending utak atik nama facebook kamu, nah kali ini BLOG BOBiE mau ngasih tau nihh, gimana cara mengganti nama Facebookmu yang udah overname alias gak bisa diganti lagi..
Belakangan ini banyak keluhan dari para pengguna Layanan Jejaring Sosisal (social network) yang sangat populer saat ini yaitu facebook, mereka mengeluh karena sudah tidak bisa mengganti nama Akun Facebook. Padahal ada juga yang belum pernah mengganti nama tersebut dari saat pertama kali membuat akun facebook, tapi saat akan mengganti nama Akun terdapat pemberitahuan sperti ini :
Maaf! Anda telah beberapa kali mengubah nama melebihi jumlah yang diperbolehkan dan nama Anda tidak dapat diubah lagi. Untuk mencantumkan nama lain yang Anda miliki, seperti nama gadis, silakan gunakan petak Nama Alternatif di bawah. “
Mungkin Facebook juga sedang melakukan sebuah Pengetatan Sistem keamanan berhubungan dengan ketenaran Facebook itu sendiri. Sehingga tidak jarang jika Satu orang memiliki lebih dari satu akun.
Buat anda yang tidak bisa ganti nama Facebook-nya ,gara-gara keseringan ganti nama ,mungkin tutorial berikut ini tidak ada salahnya untuk dicoba.
Silahkan ikuti langkah - langkah berikut :
  1. Ganti Nama anda melalui Menu Pengaturan Akun (gunakan nama saat pertama kali membuat akun Facebook/ gunakan nama yang pernah anda pakai)
  2. Kalau sudah diganti nama, ketikkan www.facebook.com/hacked di addressbar (itu adalah link untuk mengkonfirmasi bahwa akun telah diretas)
  3. ikuti langkah - langkah sesuai petunjuk.
  4. Jika sudah sampai langkah seperti gambar dibawah ini ,klik ganti .


                                                 klik gambar untuk memperbesar
INGAT .. nama yang anda ganti di Pengaturan Akun ,harus nama yang pernah anda pakai sebelumnya, atau nama anda yang terakhir sebelum nama anda yang sekarang.

CONGRATULATION , nama anda sudah berubah .?

Friday, 7 December 2012

Cara Mudah dan Simple Membuat Blog SEO FRIEDLY

Selamat Pagi semua , udah lama nie Blog Bobie gak membuat postingan , yah , maklumlah banyak kerjaan di sana sini .. ya , gitudeh .. hmm .. kali ini BLOG BOBiE mau ngasih Tutorial nih , Mengenai CARA MUDAH DAN SIMPLE MEMBUAT BLOG SEO FRIENDLY, oke, sebelumnya saya mau jelasin dulu apa itu SEO..

Manfaat SEO (Search Engine Optimization)

Search Engine Optimization atau yang lebih dikenal dengan istilah SEO sendiri adalah suatu usaha untuk mengoptimalkan suatu web/blog tertentu agar dengan mudah ter-index di search engine. Percuma saja jika sobat mempunya web/blog yang sangat bagus dan berkualitas tinggi tapi tidak ada orang lain yang mengunjungi web/blog sobat tersebut, isi dari web/blog tersebut tidak akan tersamapaikan sama sekali. Salah satu cara paling ampuh untuk menggapai popularitas suatu web/blog ya dengan SEO ini.

Nah, sebenarnya saya sendiri masih newbie di bidang SEO tapi saya akan mencoba sedikitnya memberi beberapa cara agar blog menjadi SEO Friendly. Tips/trik SEO kali ini adalah dengan membuat template blog yang kita miliki menjadi SEO Friendly. Nah kalau ada yang harus di instropeksi atau tambahan tolong beri kritik atau saran di kolom komentar ya. OK, sekarang kita langsung masuk ke langkah-langkah membuat template blog menjadi SEO Friendliy.

Langkah-Langkah Cara Membuat Blog SEO Friendly dengan Mudah

1.     Membuat Blog SEO Friendly dengan Mengubah Page Title

Format page title default dari blogger kan seperti ini “JUDUL BLOG : JUDUL POSTING”, nah supaya blog kita lebih disukai oleh search, kita harus merubah format page title standar itu menjadi seperti ini “JUDUL POSTING | JUDUL BLOG”. Berikut langkah-langkahnya :
  • Masuk ke dashboard blog sobat
  • Masuk ke rancangan kemudian pilih Edit html
  • Cari kode berikut :
<title><data:blog.pageTitle/></title>

(Cara mudah mencari kata/kalimat di web browser tinggal tekan ctrl + f kemudian ketik/pastekan kata/kalimatnya lalu tekan enter)
  •       Kalau sudah ketemu kodenya, ganti sama kode berikut ini :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Atau sobat juga bisa nambahin beberapa kata kunci ( keyword ) seperti ini :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
</b:if>
  •       Kalau sudah jangan lupa disimpan templatenya.

2.     Membuat Blog SEO Friendly dengan Menambahkan Meta Tag

Mesin pencari sangat menyukai web/blog yang jelas tema dan isi content-nya. Jadi, sobat harus nambahin suatu tag yang namanya meta tag. Berikut langkah-langkahnya :
  • Masuk ke dashboard blog sobat
  • Masuk ke rancangan kemudian pilih Edit html
  • Cari kode berikut :
 <b:skin><![CDATA[/*
  •       Copy-kan kode berikut ini di atas kode tersebut (<b:skin><![CDATA[/*) :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta name='Author' content='Nama Sobat'/>
<meta name='description' content='Deskripsi singkat tentang blog sobat'/>
<meta name='keywords' content='keyword1, keyword2, keyword3, dst'/>
<meta name='language' content='id'/>
<meta name='geo.position' content='-5;120'/>
<meta name='geo.country' content='id' />
</b:if>
  •       Kemudian simpan templatenya

3.     Membuat Blog SEO Friendly dengan Memasang Breadcrumbs

Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Breadcumbs ini sangat disukai oleh search engine, sehingga apabila blog kita memiliki breadcumbs dapat menambah nilai SEO pada blog kita. Di mesin pencarian (SERP) url yang ditampilkan adalah kategori dari postingan sehingga blog sobat bisa bersaing untuk mendapatkan posisi top di google SERP.

4.     Membuat Blog SEO Friendly dengan Memasang Related Post

Related post sangat bagus untuk SEO dan disukai para pengunjung. Setelah membaca suatu artikel pengunjung tidak akan lari ke blog lain dan biasanya akan tertarik untuk melihat-lihat related post yang ada di blog sobat.

5.     Membuat Blog SEO Friendly dengan Mematikan setting archive ( arsip )

Search engine sangat membenci yang namanya duplicate archive. Jika anda mengaktifkan opsi arsip, akan ada 2 buah link yang menuju 2 halaman yang berbeda (Halaman utama dan halaman artikel sendiri) tapi memiliki isi konten yang sama. Bagi search engine ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip. Caranya adalah sebagai berikut :
  • Masuk ke dashboard blog sobat
  • Masuk ke Setting kemudian pilih Archiving
  • Pada bagian Archiving Frequency ubah menjadi no archive
Atau jika sobat tidak ingin menonaktifkan fungsi arsip, silahkan masuk ke rancangan kemudian pilih edit html dan letakkan kode berikut dibawah kode <head> :
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

6.    Membuat Blog SEO Friendly dengan Menambahkan kode ‘rel=canonical’

Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content (Buat yang kerjanya cuma bisa copas hati-hati nih sebelum didepak dari google). Silahkan masuk ke rancangan kemudian pilih edit html dan letakkan kode berikut dibawah kode <head> :
<link expr:href='data:blog.url' rel='canonical' />

7.    Membuat Blog SEO Friendly dengan Tag Heading

Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. silahkan masuk ke rancangan kemudian pilih edit html kemudian cari kode seperti berikut ini :
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Ubah kode yang berwarna merah dari h3 atau h2 pada beberapa template menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Saturday, 17 December 2011

Cara Membuat Recent Post Bergerak ke bawah


Sebuah Recent Post sangatlah membantu kita dalam membaca sebuah artikel di sebuah website/blog atau pun yang lainnya , jadi disini Blog Bobie akan ngasih tips keren nih , yaitu Membuat Recent Post Bergerak ke bawah , jadi elo2 pade , gak usah susah susah gerak2in scrool , udah otomatis Menn ,,, hehe , yaudalah , gak usah bnyak bicara lngsung aja ,
1. Sign In Blog
2. Klik Rancangan >Elemen Laman
3. Tambah Gadget
4. Masukkan Kode Script berikut
<center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
    #rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 5px;background-color:transparent;}
    #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
    #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
    #rp_plus_img li{height:85px;padding:0px;list-style:none;}
    #rp_plus_img a{color: #000000;}
    #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
    #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;width:95px;height:55px;}
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
    </script>
    <script src="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    var speed = 1000;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img"><script>
    var numposts = 20;
    var numchars = 45;
    </script> <script src="http://fieroe-fieroe.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
    </script> </ul>
    </center></td></tr></tbody></table></center>
5.Simpan

Gimana ?? Gampang kan ,, ya iyalah , selain gampang Blog bobie juga gak terlalu ribet ngasih tips buat elo2 pade ,
jangan lupa komentar n like Facebook nya ya ...

Thursday, 8 December 2011

Cara Membuat Related post with Thumbail di blogger

Halo , Sobat bobie , ketemu lagi ne ,, nahh ,, ada tips seru ne , yang pasti sudah pasti manjur dahh ,, apa itu???? tidak lain dan tidak bukan yakni Cara Membuat Related post with Thumbail di blogger ..

Nah dulunya sih! bikin related post dengan thumbail itu caranya lumayan susah sih! yaitu dengan cara pasang CSS, lalu harus utak atik dikit di bagian footer postingan! dan hasilnya pun nggak selalu bagus, kadang-kadang thumbailnya nggak ditampilkan dengan alasan nggak kedeteksi gambar didalam posting.

Nah, untuk trik yang sekarang, lebih mudah lagi nih! selain mudah! sobat juga nggak perlu repot-repot pasang-pasang CSS, dan nggak perlu khawatir gambar thumbail nggak kedeteksi, pasti aja kedeteksi.

Tapi, ada sayangnya juga nih! Related post thumbail ini nggak bisa nampilkan artikel-artikel terkait (maksudnya yang satu kategori) jadi! related post thumbailnya nampilkan indeks artikel secara acak gitu!! (ini juga kemungkinan saya. tau acak ato nggak sih)

Sekedar pengen tahu aja! saya cari-cari trik kayak gini! lumayan buat tampilan blog nggak berat-berat amat seperti related post thumbail nya yang pake CSS. lebih simple dan cepat!


trik ini juga sebenarnya bisa ningkatin page view blog kamu, soalnya navigasi jadi lebih mudah! jadi memudahkan para pembaca blog kamu buat baca-baca artikel yang satu, ke artikel yang lainnya.

jika kamu pengen pasang, tinggal ikutin trik-trik berikut ini!


  • Login Blogger Dulu Pastinya
  • Ambil Script Related Post-nya di Link Within ini.
  • disana, isikan Email sobat, Url Blog sobat.
  • jangan sampe salah ngisi, soalnya nantinya bakalan error kalo udah dipasang, isi dengan data yang bener.
  • Plattformnya ya... pastinya Blogger, sesuai dengan platform yang kita pake, silakan highlight bagian Blogger untuk kolom Plattform-nya, kalo pake plattform lain (selain Blogger), pilih salah satu di sana.
  • Tentukan Berapa artikel yang akan ditampilkan dalam related post-nya. minimal 3, maksimal 5.
  • Jika blog sobat memiliki background yang gelap seperti blog saya ini, centang bagian "My blog has light text on a dark background".
  • kalau sudah, klik Get Widget

sekarang tingggal tahap Pemasangan widgetnya! ikuti langkah berikut ini!

  • Setelah klik 'Get Widget' sobat akan diarahkan ke tahap pemasangan widget!
  • Klik link bagian 'Install Widget' untuk memasang widget di blog.
  • Setelah itu, sobat akan diarahkan lagi ke halaman blogger.
  • Pilih salah satu blog yang akan dipasangi Related Post, pastikan sesuai dengan blog yang tadi ksobat masukan di bagian awal.
  • Selesai, tidak perlu di edit-edit lagi, silakan klik 'Menambah Widget'
  • Pastikan nama widget 'linkwithin' tidak diubah, karena jika diubah akan menyulitkan untuk mengikuti trik selanjutnya.
  • Setelah itu, pindahkan posisi widget 'LinkWithin' tersebut ke bawah posting.
  • Klik simpan untuk menyimpan Widgetnya.
  • Sekarang lihat Blog sobat!

Sebenarnya, trik ini sudah selesai, tetapi jika kamu ingin sedikit optimisasi, agar Related Post ini hanya tampil pada saat 'Pembaca' Membuka artikel. jadi Related post nggak ikut-ikutan tampil saat di Home Page/Beranda!

Nah, karena lagi ngerjain Blog yang baru, saya bakalan ulas trik selanjutnya di postingan yang lain deh! semoga bermanfaat!

Friday, 2 December 2011

Cara Membuat Teks yang DiBlock Menjadi Berwarna

Cara Membuat Teks yang DiBlock Menjadi Berwarna
hai sobat bobie , jumpa lagi ne , kali ne blog boby akan ngasih trik yang jitu , dan gak ribet , apa itu ?? yah apa lagi kalo bukan CARA MEMBUAT TEKS YANG DI BLOK MENJADI BERWARNA, kamu gak perlu pusing-pusing karna kalo orang blok blog kamu warna nya itu2 mulu , jadi , disini kamu tinggal cari kode warnanya di GOOGLE , ya gak ush pnjang lebar , langsung aja sobat bobie ..
1. login blog
2. buka menu rancangan >> edit HTML
3. lalu cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini tepat diatas kode ]]></b:skin>


::-moz-selection {
background: none;
color: #ff0000;
}
5. simpan

NB :

*color: #ff0000; adalah warna teks yang telah di block. bila sobat ingin menggantinya sobat bisa buka widget KODE WARNA I atau KODE WARNA II untuk mempermudah pemilihan warnanya.

Saturday, 26 November 2011

Cara Pasang Kotak Komentar Facebook di Blogger | Exclusive





Akhirnya artikel yang sangat ditunggu-tunggu Di Publish juga, ini adalah fitur yang paling ditunggu untuk pengguna blogger, dalam langkah-langkah sangat mudah untuk meng-integrasi kotak komentar facebook dan blogger ( blogspot) blog.

Sekarang pengunjung tidak perlu ketik alamat email mereka atau nama untuk memberikan komentar di situs anda. Mereka hanya login ke account facebook mereka secara otomatis sudah bisa komentar .
Semua orang terhubung melalui facebook , Hal ini akan mendorong lebih banyak orang untuk komentar karena kebanyakan orang sudah log in ke account mereka.

Oke mari kita melakukannya, jangan khawatir, saya tahu bahwa Anda ingin mencoba menambahkannya ke blog blogger namun tanpa hasil, tetapi sekarang Anda akan melihat bagaimana cara menambahkannya dengan langkah sangat mudah dan bekerja 100%. tetapi harap berhati-hati dan memperhatikan semua rincian.
Kini Pengunjung yang Punya Account Facebook bisa Berkomentar di Blog Anda

Cara Pasang Kotak Komentar Facebook di Blogger seperti ini

Langkah 1. Nonaktifkan Default Komentar.

Hal pertama yang harus Anda lakukan yakni Nonaktifkan Setting Komentar ANda . karena Anda tidak ingin memiliki 2 bentuk komentar, dan jika memang membutuhkan dua komentar biarkan saja seperti biasa.

Silahkan ke account blogger Anda
navigasikan ke Lalu Klik  Pada Menu Klik kemudian gulir ke bawah dan klik   SIMPAN 

Langkah 2. Buatlah Facebook App ID ( Aplikasi di Facebook ).

sekarang Anda harus menghasilkan facebook app id Anda sendiri, itu benar-benar mudah dan prosesnya hanya satu langkah, Login dulu dengan Account Facebook Anda LaluSilahkan Kunjungi, pengembang facebook disini :  Facebook developers

Anda akan diwa ke halaman seperti Contoh pada Gambar dibawah :

Masukkan nama aplikasi Anda, (Anda dapat mengetikkan nama apa saja) dan Klik  Setuju  lalu klik  Buat   Aplikasi. Sebagai contoh saya membuat aplikasi dengan nama " Kotak Komentar "


kemudian klik pada tab Connect ( Terhubung ) (pada daftar-tab kiri) Anda akan dibawa kehalaman Terhubung seperti gambar dibawah ini :


Ingat Sewaktu Memasukkan ULR Terhubung Jangan Lupa beri tanda / pada akhir ULR Blog sobat, sebagai Contoh pada gambar diatas saya masukkan ULR Terhubung : http://trafikmagic.blogspot.com/

Masukkan Base Domain : blogspot.com.

Lalu Klik Simpan Perubahan
Selanjutnya Silahkan Klik Dasar Untuk Mengambil No Application ID , Copy dulu Application ID di NotePad atau Word agar mudah kita ambil saat kita gunkan nanti pada Langkah Berikutnya.

Langkah 3. Menambahkan Kode pada template blogger

Anda harus menambahkan kode berikut ke template blogger Anda untuk
memastikan bahwa kotak komentar akan bekerja untuk blog Anda dengan cara yang benar.

silahkan pergi ke account blogger Anda lagi, 

Arahkan ke   + Lalu Centang

Jangan Lupa Download Template Anda untuk menjaga jika terjadi kesalahan.
Untuk Mempermudah dalam pencarian kode Tekan Ctrl + F
Cari
< body >

Tambahkan Kode berikut dibawahnya
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;APP-ID Anda&#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
Ganti APP ID dengan APP ID Aplikasi Facebook yang tadi Anda buat.

Sekarang Cari 
</head>
Letakkan Kode Berikut dibawahnnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Nama Blog Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>

Nama Blog Anda : Ganti dengan Nama Blog Anda

APP-ID Anda : Ganti dengan APP ID anda
Profile-ID-Facebook Anda : Ganti dengan ID Profile Facebook Anda.


Sekarang kita selesai menambahkan kode facebook untuk template Anda, jangan menyentuh apa pun dan melanjutkan ke langkah berikutnya.

Langkah 4. Menambahkan Komentar Box blogger template Anda.


silahkan cari kode berikut

<data:post.body/>


Letakkan Kode Berikut dibawahnya
Jika Punya dua <data:post.body/>  karena sudah pasang Readmore Silahkan Letakkan di bawah <data:post.body/> yang kedua
<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://www.kumpulancara.com/" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVyDiLaPgOxNDBSp6vzXz8Jyn_-gf-nf3UMnpFtD3PP9IadaP2Vyd2bldlqR_ScpmN-F3HzFEJtuMcFhyphenhyphenmsQi6NgLhW72vbIiSPz0mOouMcOXJx4TfNy1EMBWCaO0-UvmibwungGu2BJU/s1600/comment.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div></b:if><br />

Untuk Merubah Lebar Silahkan Ganti Angka 450 sesuai Template Masing2

Thursday, 24 November 2011

Cara Modifikasi Blockquote Blogger


Mungkin sobat sudah ada yang tau apa Itu Blockquote,.namun tidak bagi blogger yang baru membuat Blog.
maka dari itu saya akan menjelaskan Apa Itu Blockquote dan memberi Tutorial Cara Modifikasi Blockquote Blogger ,
Blockquote saya contoh kan seperti ini.






Nah contoh di atas ini Adalah Blockquote,
Bagai mana cara membuat nya..?

Gampang ko,.
ikuti langkah berikut.

1. Masuk ke akun Blog anda
2. Pilih rancangan ------> Edit HTML
3. Jangan lupa beri centang pada Expand Widhet Templates
4. Kemudin sobat cari kode ]]></b:skin> (untuk memudah kan pencarian sobat bisa tekan Ctrl + F


Bila sudah ketemu silahkan sobat copy kode di bawah ini tepat di atas kode ]]></b:skin>

.post-body blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaKxvaCYNA_tk-j_VtWsUC7A3eWmco8E6lHlI89-PADwjLAfkY9OZp20ZXdbnp-o4FrknUsyGh5ndj20S6sn7HY3a48lQC0Cimcs0HUxvfzYtFWSymxbx_pWwsn0q5FyDbA3wQWUI6i5U/s1600/45.jpg
) no-repeat left top;
border-left: 10px solid #666666;
}


5. Simpan Template


Keterangan
Kata yang saya coret merupakan gambar yang saya gunakan,sobat bisa ubah URL nya tergantung keinginan sobat.

Untuk memberikan Blockquote pada postingan caranya sangat mudah,
Sobat blog dahulu kata yang ingin sobat berikan Blockquote,lalu sobat klik " lebih jelasnya sobat lihat gambar Di bawah ini


yang di beri tanda panah pada ganbar merupakan Blockquot.
Sudah paham kan sobat yang du maksud dengan Blockquot,..?


Hanya itu saja Info dari saya mengenai Cara Modifikasi Blockquote Blogger   semoga bermanfaat.

Saturday, 19 November 2011

Cara Pasang Komentar Facebook Di Blog (Terbaru)


Selamat malam sobat blogger semua, kita jumpa lagi di blog kebanggaan warga Medan ini (kayak penyiar radio aja ya, hehehe...). Lagi-lagi dapat perkembangan terbaru tentang cara pasang kotak komentar facebook di blog kita. Setelah tempo hari saya posting tentang pasang komentar facebook V1 tapi kelemahannya adalah semua komentar muncul di setiap postingan, jadi kita tidak tahu postingan mana yang terkomentari. Kemudian dilanjutkan dengan pasang komentar facebook V2. Cara ini juga banyak yang berhasil tapi ada juga yang gagal, entah kenapa. Tapi kelemahan V2 tidak ada fitur reply di komentarnya tidak seperti yang V1, dan juga jika ada yang mengomentari artikel kita, kita tidak tahu karena tidak ada notifikasi jadi harus cek manual di setiap artikel.


Nah yang V3 ini yang lebih sempurna ada fitur reply dan notifikasi, jd kita bisa tahu kalau ada yang berkomentar menggunakan komentar facebook karena ada pemberitahuan di akun facebook kita, jadi kita bisa me-manage komentar tersebut (ngomong opo kuwi...??). Tuh diatas udah ada gambarnya. Oke deh cukup untuk kata sambutannya, sekarang kita langsung saja ke kali nyemplung bareng (maksudnya langsung mulai tutorialnya hehehe..). Jangan terlalu tegang gitu dong bacanya santai aja sob, ntar jadi botak loh kayak saya (ups keceplosan).

Yang pertama harus dilakukan adalah membuat aplikasi komentar facebook. Saya rasa point ini tidak perlu saya jelaskan lagi karena sudah saya tulis, silahkan baca dulu disini untuk cara membuat aplikasinya. Jika sudah ada yang memasang komentar facebook lewat tutorial blog ini sebalumnya atau blog lain yang berbeda dengan cara ini, maka silahkan di ganti dengan kode yang saya berikan nanti. Oke kita lanjutkan lagi yuk. Setelah selesai membuat aplikasinya dan mendapatkan APP ID dari facebook, sekarang tinggal pemasangan pada blog. Pasang kode berikut DI BAWAH <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#appId=APP ID&amp;xfbml=1'/><fb:comments expr:href='data:post.url' numposts='5' width='615'/>
</b:if>

Ganti APP ID berwarna hijau dengan APP ID yang di dapat dari facebook. Untuk angka 615, adalah lebar kotak komentar, sesuaikan dengan template sobat. Kemudian agar dapat terintegrasi dengan akun facebook kita, pasang kode berikut DI BAWAH <head> atau DI ATAS <b:skin><![CDATA[/*

<meta content='ID FACEBOOK' property='fb:admins'/>
<meta content='APP ID' property='fb:app_id'/>

Ganti APP ID dengan ID yang di dapat dari facebook tadi, dan ganti ID Facebook dengan ID sobat, misalnya id facebook saya adalah http://www.facebook.com/fery.interisti (jangan lupa di add ya hehehe), ganti ID FACEBOOK dengan yang berwarna merah. Setelah itu yang wajib harus dilakukan adalah save template. Kalau ada yang kurang jelas silahkan tanya ya.

Semoga bermanfaat.
Alhamdulillah...

Facebook Comment

Related Posts Plugin for WordPress, Blogger...