Tutorial Menciptakan Kotak Author Profile Blogger

tutor membikin widget Box Kotak author bio profile penulis blogger dibawah postingan keren menarik juga responsive.tutor memunculkan menampilkan box author profile blogger di blog.biasanya kotak/ box profile author bio blogger rampung ada, tetapi apabila kalian mau menggantinya kaliitu admin mau share banyak sekali macam kotak box profile bio blogger nan keren. sekalian tutoritu juga mengganti juga mengatasi author profile blog sempat nan hilang. pastinyanya box profileitu dilengkapi tombol share media umum GooglePlus(G+) juga kalian juga sanggup mengubah nama tampilan nan terdapat dididalemnya .

Berbitutor wacana author profile blogger banyak sekali fungsi nan terdapat dididalemnya, rata rata blogger kelas atas memasangnya sebagai keperluan mengetahui siapa penulis artikel ataupun penulis blog itu. Dengan memasang widget Kotak Box author profile blogger , pengunjung mau gampang mengenali siapa bergotong-royong pendiri blog itu. selain itu masih banyak lagi fungsi nan terdapat dididalem author profile blog.

Untuk tutor pembuatannya sendiri bergotong-royong gampang tersedia sebagian template blog nan memang rampung menyediakannya kami tinggal menyetingnya saja, tetapi apabila kalian ingin sekali memodifnya jadinya tidak banyak lebih menarik ataupun keren makanya simak tutornya berikut ini.

Jika tersedia resah menyeting profile blogger kaliitu Kotak box author profile blogger nan mau admin bagikan kaliitu kalian tinggal meletakan linknya saja apabila tersedia tak mau repot sebagai menyeting dari profile blogger anda

Oke sahabat sebagai tutor lengkapnya silahkan ikuti langkahnya berikut ini:

tutor memasang kotak author profile blogger dibawah postingan blog

#kotak author profile blogger style 1

berikut secreenshot penampakan kotak box author profile style 1

Cara Membuat Kotak Author Profile Blogger

Oke sebagai tutor membikinnya silahkan ikuti langkahnya berikutitu :

1. Silahkan kalian masuk ke dashboard blogger kalian
2. LAngsung saja pergi kemenu edit HTML
3. Copy instruksi dibawahitu juga letakan sempurna diatas instruksi ]]></b:skin>

/* jagoankode author profile */ .admin-tulisan{display:block;width:auto;background:#f3f3f3;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:#33315d;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;margin: 0px;border: 5px solid #eee;-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-webkit-transition: all 0.5sease-out;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-o-transform: rotate(-7deg);} /* jagoankode author profile */

4. Oke sesudah itu copy instruksi dibawahitu kemudian letakan sempurna dibawah instruksi <data:post.body/> nan kedua

<!-- satria instruksi blog script --> <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> | Jagoan Kode Blog</h4> <div class='kontainer'> <img src='https://scontent-sin6 2.cdninstagram.com/t51.288515/s1080x1080/e15/fr/15338331_197975987328478_7517741477372362752_n.jpg'/> Terima kasih telah berkunjung ke blogitu apabila kalian suka silahkan share. Artikel aku nan berjudul<a expr:href='data:post.url'><data:post.title/></a>. artikelitu resmi ditulis oleh <data:post.author/> .Pada hariitu khususnya<data:post.dateHeader/>. Jika kalian ingin sebarluaskan artikel ini, ataupun meletakan artikelitu jadi goresan pena kalian mohon sertakan <strong>sumber link asli.</strong> Kritik juga saran sanggup kalian sampaikan melalui kotak komentar. Trimakasih <center><strong>www.jagoankode.blogspot.com</strong></center> <div style='clear:both;'/> </div> </div> </b:if> <!-- Jagoankodeblog script-->

5. SAVE TEMPLATE kemudian lihat hasilnya

catatan :
Ganti goresan pena merah dengan data data author blog nan kalian inginkan
Ganti goresan pena biru dengan Kata kata profile author nan kalian inginkan
Sedangkan tag <img src warna ungu ganti link photo profile nan kalian punya.

Penutup...

Demikianlah Artikel nan aku tulisitu wacana membikin kotak profile blog nan keren juga menarik pastinyanya, sekian dari admin agar kalian di suka yaa, salam .. Baca Juga Updatan Lain Postingan Ini yaa :)