Sabtu, 16 Februari 2013

Cara Membuat Kotak Admin Di bawah Postingan di Blog | Tutorial Blog

Hello. kawan..

Sudah lama banget Nihh.!! saya belum posting di blog ini. karena banyak sekali kegiatan yang saya kerjakan di tambah sebentar lagi saya akan melaksanakan UN Sekolah.
Pada kesempatan kali ini, saya akan berbagi tutorial blog tentang "Cara Membuat Kotak Admin Di bawah Postingan di Blog | Tutorial Blog". Mungkin diantara sobat blogger pasti sudah tau tentang Tutorial blog yang satu ini. Jika sobat memasang cara ini di blog sobat. Blog sobat tidak hanya terlihat terkesan dan menarik , tetapi juga supaya pengunjung blog sobat bisa tahu Pesan yang sobat lampirkan dalam Artikel ini. Baiklah untuk semua pengunjung blog, bagi yang mau mencoba Tutorial blog ini,langsung aja deh ke langkah-langkahnya :



1. Pertama Sobat log-in dulu ke blog
2. kalau udah sobat buka menu Template , lalu pilih Edit HTML
3. Sobat jangan lupa Centang Expand Template Widget.
4. lalu sobat Cari kode ini <div class='post-footer-line post-footer-line-1'>
                                                                        atau
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>


Kalau sobat udah menemui salah satu kode di atas , lau sobat Copa kode di bawah ini di bawah kode
                                          <div class='post-footer-line post-footer-line-1'>
                                                                        atau
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

<!-- 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>::ARMIFA-BLOG:: </h4>
<div class='kontainer'>
<a href='https://www.facebook.com/ade.miftah1' target='_blank'><img border='0' height='200' src='https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-snc7/312325_486462081406392_382581849_n.jpg' width='200'/></a>
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 yang telah membaca artikel ini,tinggalkanlah komentar anda baik itu kritik ataupun saran karena komentar anda sangat berarti bagi penulis dan perkembangan blog ini.Pengunjung diperbolehkan meng-copy-paste artikel dengan syarat <b>menyertakan link sumber aktif postingan dibawah ini</b>.Semoga artikel diatas bermanfaat untuk kita semua.Terima kasih.<center><br><textarea cols='50' id='autoblog' name='autoblog' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea></br></center>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://de-armifa.blogspot.com/2013/02/cara-membuat-kotak-admin-di-bawah.html' target='_blank'>::get this widget::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
Catatan :
kode yang saya kasih warna merah sobat ganti dengan URL gambar sobat dan link sobat
dan kode yang saya kasih warna biru ganti dengan kata-kata sobat
Satu lagi Kode yang saya kasih warna ungu ganti dengan Judul blog sobat

5. Nah sekarang sobat cari Kode ini ]]></b:skin>
6. Kalau sobat sudah menemui kode di atas. sekarang sobat tinggal Copas kode di bawah ini di atas kode ]]></b:skin>



.admin-tulisan{
    display:block;
    width:auto;
    background:#9999cc;
    border:2px Double #fff;
    box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 4px #000;-webkit-box-shadow:0 1px 4px #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:#330000;
    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:ff9999;}
    .admin-tulisan img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:2px Dotted #ff0000;
    padding:1px;
    background:#ffffff;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; 
    }
Catatan :
Pada kode yang saya kasih warna hijau sobat bisa menggantinya dengan warna kesukaan sobat

7. Alhamdulillah sudah selesai juga sampai tahap terkahir ini. sobat tinggal Simpan Template dan lihat hasilnya.


Ini lah contoh yang sudah jadi :

::Selamat Mencoba::

Ditulis Oleh : Unknown::ARMIFA-BLOG::

Artikel Cara Membuat Kotak Admin Di bawah Postingan di Blog | Tutorial Blog ini diposting oleh Unknown pada hari Sabtu, 16 Februari 2013. Terimakasih atas kunjungan Anda yang telah membaca artikel ini,tinggalkanlah komentar anda baik itu kritik ataupun saran karena komentar anda sangat berarti bagi penulis dan perkembangan blog ini.Pengunjung diperbolehkan meng-copy-paste artikel dengan syarat menyertakan link sumber aktif postingan dibawah ini.Semoga artikel diatas bermanfaat untuk kita semua.Terima kasih.


::get this widget::

Ditulis Oleh : Unknown // 2/16/2013
Kategori:

30 comments

24 Februari 2013 pukul 20.38

terimakasih informasinya , sangat bermanfaat buat saya :)

24 Februari 2013 pukul 20.43

thx nih udah berbagi ilmunya ,,

24 Februari 2013 pukul 23.19

@pengobatan stroke sama-sama. :)
makasih jga udah berkunjung di blog ini.! :D

3 Maret 2013 pukul 20.29

mantab kawan

1 April 2013 pukul 01.58

infonya sangat menarik

1 April 2013 pukul 01.58

Mantap sekali kawan infonya

4 April 2013 pukul 18.46

thank you info tutorialnya

4 April 2013 pukul 18.47

Mantab nih,,, tips yg bagus

4 April 2013 pukul 18.48

nice share nih bro

26 April 2013 pukul 19.38

informasi yang menarik nih ,, thx :)

2 Mei 2013 pukul 18.09

ijin menyimak nih ,, :)

Anonim
6 Mei 2013 pukul 17.48

mantapp gan... Tutorial blog yah..
lain kali.. post tutorial Wordpress yah. :D

Nice .

9 Mei 2013 pukul 06.29

thanks buat tutorialnya ya :D

9 Mei 2013 pukul 06.29

infonya keren abiss gan

4 Juni 2013 pukul 22.37

sip gan ini langsung saya terapkan di blog saya :D
ditunggu kunjungan dan komentarnya :D

emang bermanfaat banget nih

12 Juni 2013 pukul 02.28

nice share sobat .. :)

20 Juni 2013 pukul 19.29

Sayang sekali kalau blog ini dinonaktifkan.

30 Juni 2013 pukul 23.51

ko di nonaktifkan? sayang banget padahal .. :)

9 Agustus 2013 pukul 08.37

makasih gan ...
ternyata berhasil,, mantap deh :D

13 Agustus 2013 pukul 03.52

kren juga,
di coba dulu ya gan,mudah mudahan berhasil..

5 September 2013 pukul 17.07

sayng dongd inoaktifkan ..

5 September 2013 pukul 17.09

terimakasih udh berbagi

26 September 2013 pukul 02.19

ane coba deh nih tipsnya

11 Oktober 2013 pukul 02.10

mantap nih ilmunya kawan :D

11 Oktober 2013 pukul 02.11

thanks banget buat tutorialnya gan

14 November 2013 pukul 17.37

siiip segera saya coba pasang kotak admin di blog saya..
Makasih sob.

10 Januari 2014 pukul 22.28

makasih sob informasinya :)

31 Juli 2014 pukul 21.16

mantap gan...

13 Desember 2016 pukul 17.32

Gejala Dan Penyebab Kanker Darah
hai gan / sist ya sorry I visit your article, because I am really interested sihh, it lohh article. oh he me it was fine the passengers, passengers kept a link wrote not nyepam kok.he Thank you :)
Makanan Untuk Penderita Kanker Serviks

By : Harga Jelly Gamat

Posting Komentar

::Terima kasih telah membaca Artikel ini::
Bila anda ingin bertanya atau link yang anda download mati atau rusak silahkan berikan komentar di komentar blog.
^_^ Blog 'ARMIFA-BLOGS' ini "DO FOLLOW" silahkan berkomentar dengan sopan untuk mencari backlink, tapi awas JANGAN NYEPAM YA..!

::Terima kasih::

 

Followers

Site Info Blog