How do I post Credit card payments as well as cash receipts so they are show separately on the bank reconciliation report?

Just create a new Account (type = “Credit Card”) and record your Payments against this.  Make sure you tick the Allow Reconciliation box so that you can reconcile this Account. 

When you make your monthly CC payment, record this as an Account Transfer from Bank/Cash Account to Credit Card Account.