This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Tampilkan postingan dengan label TUTORIAL BLOGGER. Tampilkan semua postingan
Tampilkan postingan dengan label TUTORIAL BLOGGER. Tampilkan semua postingan

Membuat Lencana Facebook Di Blog



1.Login ke Akun Facebook sobat.

2.Klik Profil.

3.Lalu cari tulisan Buat Lencana Profil.Tulisan ini adanya di bagian kiri bawah profil facebook sobat.

4.Selanjutnya pilih Lencana Profil facebook yang ingin sobat pasang di blog,di situ ada tampilan profil facebook yang horizontal dan vertical tinggal sobat pilih. Jika sobat ingin membuat baru lencana profilnya tinggal klik aja tombol Buat Lencana Baru yang ada di bagian kanan atas.tinggal sobat atur sendiri apa yang ingin di tampilkan di dalam lencana profil Facebook Sobat.

5.Kalo udah Copy semua Kode HTML lencana profil facebooknya.

6.Selanjutnya Login ke Blogger.

7.Klik Tatat Letak.

8.Klik Tambah Gadget.

9.Pilih HTML/javascript.

10.Kemudian Paste kode HTML lencana profil facebook di dalamnya.

11.Klik Simpan.

12.Selesai...Tinggal sobat lihat hasilnya.

Ok... Selamat mencoba.

Cara Membuat Postingan Blog Otomatis Masuk Di Facebook Atau Twitter

Assalamu'alaikum...
Apa  kabar sobat blogger semua, anda semua di manapun berada, iya.. masih bersama saya lagi di blog putra dcd. kali ini saya memposting tentang bagaimana cara membuat postingan blog sobat bisa langsung terposting di facebook sobat atau di twitter sobat dan akun sobat lainnya yang sobat miliki. nah pasi sobat semua pernah melihat ada orang yang sering memposting isi / post terbarunya ke dalam akun facebook. dan mungkin sobat kira itu haru terlebih dahulu mengkopi link postingan dan mempastekan di statusnya. ternyata jawabannya adalah tidak sobat. dengan sedikit sentuahan maka blogger sobat akan langsung terhubung dengan akun milik sobat yang lainnya. FB, TWITTER, dll.
iya langsung saja ini dia cara MEMBUAT POSTINGAN BLOG OTOMATIS MASUK DI FACEBOOK DAN TWITTER DLL.


Cara Membuat Auto Post dari Blog ke Twitter & Facebook
1. Kunjungi http://dlvr.it
2. Silahkan sign up dengan mengisikan email dan password.
3. Setalah klik sign up akan dibawa ke halaman seperti ini.
Masukan FEED blog kita,

4. Lalu klik icon twitter dan facebook.
5. Sekarang masuk ke akun twitter dan facebook, klik Autorize App untuk Twitter dan klik Ijinkan Untuk Facebook.
6. Untuk facebook ada pilihan FEED blog kita auto post ke profil facebook atau fan page. Pilihlah salah satu. Lalu klik Continue
Setelah selesai, sekarang setiap kali kita mengupdate blog dengan postingan terbaru akan segera feed atau tulisan terbaru itu diposting ke twitter dan facebook. 

Ok.. demikian caranya. semoga bermanfaat untuk sobat semua.
Wassalamu'alaikum.

Membuat Slideshow Postingan / Membuat Postingan Muncul Seperti Slideshow

Assalamu'alaikum...
Sobat blogger semua, kali ini ane pengen berbagi dengan kalian semua tentang cara membuat postongan kita muncul seperti slide show. nah kalian pasti pernah melihatkan website/blog yang postingannya muncul seperti slide shhow. kalau kalian pingin seperti itu gampang kok caranya tingga ikutin aja langkah langkah MEMBUAT SLIDE SHOW POSTINGAN di bawah ini:


1. Login Ke Blog Anda
2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)






3. Kemudian  Klik Tambah Gadget
4. Pilih HTML/javascript
5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/javascript tadi. kemudian simpan/save.

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://permathicblog.googlecode.com/files/Slideshow%20Postingan.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Nah... mudah bukan... jadiii....
semoga berhasil ya sobat... terimakasih atas kunjungan kalian... kritik dan saran yang membangun sangat berarti buatku..
ditunggu komennya... OK...
Finally...
Wassalamu'alaikum....

Membuat Footer di Blog / Membuat Footer di Bawah Postingan

Assalamu'alaikum...
Pagi, sahabat blogger semua, apa aktivitas kalian hari ini? hmm... semoga selalu dalam keadaan baik-baik saja ya.... Hmmm... atau masih ada yang lagi males bangun nih, masih berlayar di pulau mimpi.... hehehe....
Ok... pagi ini ane mau berbagi dengan sahabat blogger semua tentang bagaimana CARA MEMBUAT KOLOM FOOTER DI BLOG / CARA MEMBUAT FOOTER DI BAWAH POSTINGAN langsung aja yuk.. ini dia caranya sobat.


  1. Langkah pertama, Anda mesti login dulu ke Blogger
  2. Kemudian klik Design
  3. Backup template dengan klik pada Download Full Template agar bisa mengembalikan template ke kondisi semula jika hasilnya tidak memuaskan.
  4. Kalau sudah, cari kode ]]></b:skin> 
  5. Tambahkan kode di bawah ini diatas kode ]]></b:skin>
    #footer-column-divide {
    clear:both;
    }
    .footer-column {
    padding: 10px;
    }
  6. Kemudian cari kode di bawah ini.
    <div id='footer-wrapper'>
    <b:section class='footer' id='footer' showaddelement='yes'/>
    </div>

    atau

    <div id='footer'>
    <b:section class='footer' id='footer' showaddelement='yes'/>
    </div>
  7. Langkah selanjutnya tambahkan kode berikut dibawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

    Catatan:
    Jika pada template yang Anda gunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode berikut dibawah <div id='footer'>

    Jika Anda menginginkan membagi footer menjadi 2 kolom, gunakan kode berikut :
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 50%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 50%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

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

    Membagi footer menjadi 3 kolom, gunakan kode berikut :
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 33%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 33%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer3' style='width: 33%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col3'
    preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    </div>
    Membagi footer menjadi 4 kolom, gunakan kode berikut :
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 25%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 25%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer3' style='width: 25%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col3'
    preferred='yes' style='float:right;'/>
    </div>

    <div id='footer4' style='width: 25%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col4'
    preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    </div>
  8. Yang terakhir klik Save Template.
Kemudian klik Page Element. Jika berhasil maka pada bagian footer hasilnya akan menjadi seperti gambar dibawah ini :
 
Footer dengan 2 kolom

Footer dengan 3 kolom

Footer dengan 4 kolom



Ok... semoga bermanfaat ya sob....
Good luck....
Wassalamu'alaikum....



Cara Membuat Kotak Admin Di Blog

Assalamu'alaikum...
apa kabar sahabat blogger semua...
siang ini, ane sudah utek-utek blog, supaya tampilannya ganti dari yang jadul ke tampilan yang lebih fressh dah... hehehe (GR)
nah... kali ini, supaya blog kalian lebih nampak elegan, maka ana memposting tentang menambahkan kotak admin diblogger. supaya setelah orang membaca artikel sobat maka orang bakal tau siapa sih yang udah mosting itu... hehehe
langsung aja yuk... ini dia CARA MEMBUAT KOTAK ADMIN DI BLOG :



  1.      Masuk ke akun blogger Anda,
  2.           Klik Rancangan ---> Edit HTML ---> klik “expand template widget” 
  3.          Jika perlu “download template lengkap”. Untuk antisipasi jika ada kesalahan.
  4.      Cari kode ]]></b:skin> Gunakan tombol Ctrl+F. 
  5.            Jika sudah ketemu, masukkan kode berikut di atas kode ]]></b:skin> 

.admin-tulisan{
    display:block;
    width:auto;
    background:#FFFFFF;
    border:2px solid #000000;
    box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Comic Sans Ms;
    color:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#0000FF;
    border:none;
    border-bottom:2px solid #000000;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Comic Sans Ms;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#FEEA83;}
    .admin-tulisan img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #000000;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }


6. Jika sudah, silahkan klik simpan dahulu atau dilanjutkan juga tidak apa-apa tanpa disimpan dulu,
7. Cari lagi kode : <div class='post-footer>
8. Lalu masukkan kode berikut tepat di atas kode : <div class='post-footer>  
Kodenya :

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://putradcd.blogspot.com/</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixncTBtTG47alAUNjb7I6eDhGFJj9qu34G5djpQikEi9LY322x_bTXSD4CoNLb_eER8H8bRqeUa50itjwwfkwLsntPNA1aZD3cFHwIxKG7onG6YjdQBTKOEoisH_2mo1yiDN8ri9qdfTY/s128/222721_471114999603448_1384484983_n.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> ini bermanfaat.
<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://putradcd.blogspot.com/2013/02/cara-membuat-kotak-admin-di-blog.html
' target='_blank'><b><blink>Silahkan Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin --> 
 


Catatan : Silahkan tulisan yang berwarna merah Anda ganti sesuai keinginan Anda sendiri. http://putradcd.blogspot.com/ Anda ganti dengan URL blog Anda. Kemudian https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixncTBtTG47alAUNjb7I6eDhGFJj9qu34G5djpQikEi9LY322x_bTXSD4CoNLb_eER8H8bRqeUa50itjwwfkwLsntPNA1aZD3cFHwIxKG7onG6YjdQBTKOEoisH_2mo1yiDN8ri9qdfTY/s128/222721_471114999603448_1384484983_n.jpg ganti dengan URL photo Anda. Widget ini mengandung link langsung ke blog ini, dengan segala hormat jika berkenan mohon jangan diganti !

9. Jika selesai pengeditan, klik simpan template. Selesai.
 
terimakasih...
Wassalamu'alaikum...

Cara Membuat Kotak Admin Di Blog

Asalamu'alaikum sobat semua, udah lama banget ya rasanya saya ndak muncul dari dunia mayya.... cieee.... :(
ya, udah lama gak buka blog, ya ampuuun.... banyak sarang laba-labanya, ada rumah kalajengking nya lagi,, hehehe.... hmmmsss.... dari pada gak posting2 mending posting2 sesuatu sapa tau ada yang minat baca, semoga bermanfaat ya sob.... oke silahkan baca

Cara Membuat Kotak Admin Di Blogspot :
1Login ke dashboard blogger anda.
 Pilih Rancangan >> Edit HTML, centangExpand template widget.
3    Cari kode <divclass='post-footer'> pada template.
4   Copy script kotak admin dibawah ini dan paste tepat di atas kode <div class='post-footer'>.

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType ==&quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>~ BIODATA YANG AKAN DI PAPARKAN</h4>
<div class='kontainer'>
<img src='https://lh5.googleusercontent.com/-AyTbO3Q6WVc/ULLthvQo06I/AAAAAAAAANw/1DaL_TAwEhA/s128/LDK.jpg '/>
Artikel <aexpr:href='data:post.url'><data:post.title/></a>ini diposting oleh <data:post.author/> pada hari<data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaanAnda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<p><span style='float:right;font:italic10px Arial, Sans-Serif;'><ahref='mediaalishlah.blogspot.com'target='_blank'</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

5.      Kemudian cari lagi kode ]]></b:skin>pada template sobat.
6.      Copy kode CSS dibawah ini dan paste tepat diataskode ]]></b:skin>. Jikagagal sobat dapat juga meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>.
.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px#000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#8A9C04;
border:none;
border-bottom:1px solid #699019;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
7.      Silahkan ganti link URL gambar profil yangberwarna merah dengan link gambar profil sobat.Jika sobat ingin menuliskan dengan kata-kata ulasan yang lain, ganti/edit dulu kata-kataulasannya di notepad.
8.      Untuk jenis font, warna background dan border jugadapat sobat ganti/edit sesuai keinginan.
9.      Preview dulu hasil kotak admin yang dibuat. Jikaediting sudah dirasa cukup, Save/Simpan template anda.
semoga bermanfaat......