Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan

Selasa, 16 Oktober 2012

Cara Update Twitter Via Blog

mengupdate twitter lewat blog atau website sobat sangat lah gampang, mau tau cara update twitter Via blog ikuti langka berikut
1.Login Di Akun Twitter Sobat
2.Masuk ke Dev Twitter Blog Ga tau Carnya Klik disini
3.Kemudian Pilih Menanamkan Twitter di Blog, Masih Ga tau caranya kilik disini


4.Kemudian Sobat Cari Link atau tulisan Buat Jadwal Anda Sendiri Sekarang
5.Ikuti Petunjuk Selanjutnya untuk mendapatkan kode dan Pengaturan di Blog
6.Setelah langkah diatas selesai copy paste kode dengan cara menambah getjeds HTML/Java scrips pada
   blog sobat
7.Liat Hasilnya

Gampangkan sob cara Update Twitter Via Blog, Kalau Ada cara yang gampang kenapa harus cari yang susah,  Liat Contoh Pada Blog Ini

Cara Membuat Floating Fans Page Facebook Di Blog

Artikel Cara Membuat Floating Fans Page Facebook Di Blog Ini Terinspirasi dan saya adopsi dari blog mas agung talaga dan saya pun mulai mempraktekkan artikel mas agung talaga tersebut di blog saya dan berhasil dengan sukses, maksih mas agung talaga.
Dan kali ini tutorial lampung juga mo berbagi kepada teman blogger lainnya tentang Cara Membuat Floating Fans Page Facebook Di Blog  tentunya ini hanya untuk pemula, karena bagi para senior blogger hal ini sudah diluar kepala mereka, kegunaan dari fans page facebook ini sendiri selain memperindah tampilan blog juga untuk mengetahui sebera besar minat pengunjung untuk mengikuti artikel sobat melalui facebook itu sih menurut tutorial lampung. dan jangan hawatir sob widget ini tidak akan menghabiskankan tempat karna sistim hidden/tersembunyi, langsung z kita ke cara membuat fans page facebook, tapi sob harus mempunyai halaman fans page facebook, bila belum buat dulu halaman fans page sobat, buat disini , bagi yang sudah punya ikuti langkah berikut

1.Login Ke Blog Sobat

2. Masuk dashboar

3.Pilih edit html jgn lupa centang expand template

4.Cari Kode ]]></b:skin>

5.Paste kan kode ini dibawah kode diatas  

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'  
   type='text/javascript'/>

6.Simapn template

7.Masuk ke tata letak

8.Pilih tambah Gedjet (pilih tambah html/java script)

9.Patekan kede ini

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-360"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("http://1.bp.blogspot.com/-9eRHiE20E4c/TynfIJyt7qI/AAAAAAAACBE/15Q3VtI-PwY/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 200px;padding: 0 5px 0 39px;width: 365px;z-index: 99999;position:fixed; right:-365px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/TutorialLampungBlogspot&amp;width=330&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 450px; width: 380px;background:#fff;"></iframe> </div> </div>

10.Ganti warna biru dengan URL fans Page Facebook Sobat

11.Simpan dan liat hasilnya

Gampang kan sob bikin Floating Fans Page Facebook Di Blog, semoga sukses seperti tutorial lampung

Cara Membuat Fans Page Facebook

Cara Membuat Fans Page Facebook atau halaman facebook sangatlah mudah dan gampang asalkan sobat mempunyai akun facebook, langsung aje sob ikuti langkah ini secara teliti ok

Silahkan anda sign in menggunakan akun Facebook anda
Kunjungi halaman berikut ini http://www.facebook.com/pages/create.php
Anda akan dihadapkan pada halaman lihat gambar  

Setelah anda Memilih anda akan diminta memasukan beberapa informasi seperti judul halaman Fans Facebook  lihat gambar , (Silahkan isi judul fans page anda, setelah selesai klik Mulai )


Anda akan dibawa ke langkah 1,  lihat gambar 


Setelah selesai unggah poto klik Lanjutkan untuk ke lankah berikutnya, lihat gambar 


Pada langkah Dua diatas merupakan informasi apakah anda ingin mengundang teman anda untuk bergabung dengan halaman anda sekarang atau tidak dan apakah anda ingin membagikan halaman ini di didinding facebook anda atau tidak. Jika tidak anda juga langsung bisa klik lanjutkan untuk ke langkah brikutnya
Berikutnya anda akan dibawa ke lankah terakhir, lihat gambar    (  Situs Web : Masukan URL Blog anda  (http://tutorial-lampung.blogspot.com )+ (Berikan Informasi Mengenai Halaman Fans Page Facebook anda )


Jika semua sudah anda isi klik Lanjutkan , bila berhasil anda akan langsung dibawa kehalaman fans Page Facebook, lihat gambar 


Untuk melakukan pengaturan lebih lanjut pada halaman fans Page Facebook anda silahkan klik tobol Sunting Halaman yang ada pojok atas sebelah kanan halaman Fans pade Facebook anda

Na itulah sob cara membuat fans fage facebook atau halamn facebook
 Semoga sukses

Minggu, 14 Oktober 2012

Membuat Artikel Terkait Dalam Kotak Scroll Bar

Artikel Terkait dalam blog menunjukkan keterkaitan antar artikel yang sedang dibaca dengan artikel yang lain atau artikel sejenisnya, Membuat artikel terkait dapat mempermudah pengunjung untuk mencari artikel yang dibutuhkan, berikut akan saya uraikan cara membuat artikel terkait dalam kotak scroll bar, ikuti langkahnya
1. Masuk Ke akun Blog
2.Masuk ke dashboar blog
3.Klik Edit HTML

4.Centang Expant
5.Cari Kode <data:post.body/>     (Gunakan  ctrl f ) Untuk mempermudah
6.Copy dan paste kan kode dibawah ini tepat dibawah <data:post.body/> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Menarik:</H2>
<div class='rbbox'>
<div style='margin:0; padding:15px;height:150px;overflow:auto;border:5px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
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>

7.Simpan Template dan lihat hasilnya

Catatan : Sobat boleh ganti angka dan tulisan warna biru sesuka hati sobat

Semoga Berhasil

Sabtu, 13 Oktober 2012

Cara Membuat Daftar Isi Otomatis Terupdate

Cara Membuat Daftar Isi Otomatis Berdasarkan Label sangatlah gampang bagi Blogger2 Senior dan yang sudah mahir, tapi bagi  Pemula membuat daftar isi otomatis sangatlah sulit, walaupun sudah banyak yang menulis artikel ini, tapi tutorial-lampung blogspot juga akan menerangkan tentang cara membuat daftar isi otomatis yang simple persi admin,langkah-langkah yang harus dilakukan yaitu :
  1. Masuk ke agun blogger sobat
  2. Masuk Ke Dasbhor Blog 
  3. Buat Laman Baru (Pilih Laman Kosong) sobat blogger juga bisa dengan cara entri baru/new entri, namun menurut tutorial lampung blogspot tampilannya akan lebih indah dan gampang diatur bila menggunakan lama baru 
  4. Pada saat Membuat Laman/entri baru sobat harus menggunakan HTML bukan Compose
  5. Copas tulisan warna biru  

    <script src="http://inginberbagi2012.googlecode.com/files/daftarisi.js">
    </script>
    <script src="http://nama-blog-anda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>      
                                                                                                                                                                                 
    Catatan : ganti tulisan warna
     merah dengan alamat blog sobat
  6. Simpan dan publikasikan
  7. Selesai, sobat liat hasilnya dan atur posisi laman sesuai keinginan sobat
 Bila hanya dengan tulisan sobat masih kurang jelas liat ilustrasi gambar dibawah


http://tutorial-lampung.blogspot.com
Ilustrasi gambar poin 2

http://tutorial-lampung.blogspot.com
Ilustrasi gambar Poin 4

Kamis, 11 Oktober 2012

Cara Membuat Tombol Reply Komentar Pada Blog

Bila Kita Mencari Di mesin Pencari banyak sekali kita temukan artikel para sahabat blogger yang menjelaskan Cara Membuat Tombol Reply Komentar Pada Blog, tp sayang tidak semua artikel tersebut berpungsi dengan baik, saya akan mencoba menjelaskan tentang
Cara Membuat Tombol Komentar Reply Pada Blog sesuai pengalaman saya. Ada Dua Cara  Sob karena template berbeda-beda, Kita Langsung Z Ke cara yang pertama oke sob ,Langkah Langkah yang kita lakukan yaitu :




1.Masuk Ke Akun Blog Sobat
2.Klik Menu Teamplate
3.Edit HTML
4.Klik Lanjut
5.Conteng Expand Templeate
6.Cari Kode <b:include data='comment' name='commentDeleteIcon'/> 
7.Setelah Ketemu Copy Pastekan Kode dibawah ini tepat dibawah kode diatas
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1830542313289352030&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>Reply comment</a>

8.Ganti Kode Warna Biru dengan blogID sobat (Kode blogID bisa sobat dapat
  dari atas   dasbhor sobat angka yang tertera pada halaman edit HTML sobat 
  yang paling atas, ingat  masukkan angkanya saja seperti contoh kode warna biru)
9.Teliti Kembai Kode-kode yang sobat copy paste maupun kode yang sobat ganti, 
    ingat  salah tanda ( ' ) saja bisa membuat sobat gagal, setelah yakin bahwa 
    semua benar lalu  simpan template sobat
10.Liat Hasilnya Semoga berhasil

Na Keterangan diatas adalah cara yang pertama, bila sobat gagal jangan 
kecewa karena masih ada cara lain, caranya ikuti langkah langkah berikut
1.Masuk Ke Akun Blog Sobat
2.Klik Menu Teamplate
3.Edit HTML
4.Klik Lanjut
5.Conteng Expand Templeate
6.Cari Kode <div class='cm_reply'>
7.Setelah Ketemu Copy Pastekan Kode dibawah ini tepat dibawah kode diatas
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1830542313289352030&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>Reply comment</a>

8.Ganti Kode Warna Biru dengan blogID sobat (Kode blogID bisa sobat dapat
   dari atas  dasbhor sobat angka yang tertera pada halaman edit HTML sobat 
   yang paling atas, ingat  Masukkan angkanya saja seperti contoh kode warna biru)
9.Teliti Kembai Kode-kode yang sobat copy paste maupun kode yang sobat ganti, 
    ingat salah tanda ( ' ) saja bisa membuat sobat gagal, setelah yakin bahwa semua
    benar lalu  simpan template sobat
10.Liat Hasilnya  

Dari Salah Satu Kedua Cara Membuat Tombol Komentar Pada Blog tersebut pasti
ada yang berhasil yang penting sobat harus teliti, bila sobat berhasil jangan lupa
kabari saya melalui kotak komentyar yang ada



Selamat Mencoba

Rabu, 10 Oktober 2012

Cara Menyatukan Komentar Facebook, Twitter, Blog


Cara membuat kotak komentar Facebook , Twitter dan Blog

http://tutorial-lampung.blogspot.com


Langsung z sob ke Cara membuat kotak komentar Facebook , Twitter dan Blog, ikuti langkah mudah ini tapi harus teliti, cepat tepat kunci keberhasilan, ingat salah tanda baca, spasi bisa gagal, harus benar2 teliti ya sob

Sebelum membuat kotak komentar Facebook , Twitter dan Blog, saudara harus mempunyai

1.       Profile_ID (facebook)
2.       APP_ID (facebook)
3.       API_Key (twitter)

Yang belum mempunyai material di atas silahkan baca di bawah ini.
1.        Profile_ID  facebook / Fans Page kamu, contoh  

2.    APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, Buat Disini

3.       APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, Buat Disini

Bila Semua Sudah Disiapkan, Kita cau ke langkah berikutnya :

1. Masuk ke akun blogger .
    Ingat , jangan lupa backup terlebi dahulu template blog kamu,  kemudian ke Rancangan > Edit   
    HTML > Centang   terlebih dahulu 'Expand Template Widget'

2. Masukan script di bawah ini tepat di bawah kode <head> . Agar cepat ketemu  tekan Tombol Ctrl + F

 <meta content='Profile_ID' property='fb:admins'/> 
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_Key&amp;v=1'/>

3. Masuk kanProfile_ID kamu , APP_ID facebook kamu dan API_Key twitter kamu , ke dalam Script warna merah

4.  Masuk kan Script di bawah ini tepat di code class='comments'
<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='10' width='400'/>
  </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

5. Amati kode yang berwarna BIRU
     -      Comments Tweets dan Komentar dapat di ganti sesuka hati kita , karena ini adalah judul dari kotak komentar  
     -      Angka 10 menrupakan jumlah komentar yang di tampilkan , dapat anda rubah
-          Angka  400 adalah lebar dari kotak komentar , bisa anda rubah juga.

6. Simpan template blog anda , dan lihat hasilnya , mudah-mudahan sukses ya.

Catatan :
            1. Yang dimaksud dengan API_Key = konsumen kunci, dan konsumen kunci yg dipakai adalah  
                 konsumen kunci yg di  dapat setelah kita membuat tanda tangan OAuth.
            2.OAuth hanya bias di dapat setelah anda membuat konsumenkunci




Terima Kasih Atas Kunjungan Anda Semoga Bermanfaat Dan Jangan Lupa Tinggalkan Komentar Anda